@charset "utf-8";

@font-face {
    font-family: 'MiSans Latin Normal';
    src:  url('../fonts/MiSansLatin-Normal.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* frame */
a { transition:all 0.5s;}
body{min-width: 1400px;font-weight:400;background: transparent;}
.clear{clear: both;}
#content{overflow: hidden; zoom: 1;width: 100%;}
.row{width: 1400px; margin: auto; position: relative;}

/*定位菜单*/
#header.fixed-box .bg-color{box-shadow:none;}
#skipmenu.fixed-box{position: fixed!important;top: 68px!important;background: #fffffff5;box-shadow: #0000001c 0 5px 5px 0;}
#skipmenu{position: absolute;    top: 170px;    width: 100%;    color: #fff;  height:40px;   z-index: 20;}
#skipmenu .row{display: flex;justify-content: center;}
#skipmenu .row .menuItem{padding:0 20px;}
#skipmenu .row .menuItem a{color:#fff;display:block;padding:5px 0;border-bottom: transparent solid 3px;}
#skipmenu .row .menuItem a:hover/*,#skipmenu .row .menuItem.active a*/{color:#ff0; border-color:#ff0;}
#skipmenu.fixed-box .row .menuItem a{color:#333;}
#skipmenu.fixed-box .row .active a,
#skipmenu.fixed-box .row .menuItem a:hover{border-color:#c00;color:#c00}

.rowTi {text-align:center;margin-bottom:30px;padding:10px;height: 40px;line-height: 40px;}
.rowTi h2 { font-size:40px; font-weight:bold; color:#0E49A8; }
.rowTi h2:before { content:""; width:39px; height:23px; background:url(../img/rowtileftarr.png) no-repeat; display:inline-block; margin-right:20px;}
.rowTi h2:after { content:""; width:39px; height:23px; background:url(../img/rowtirightarr.png) no-repeat; display:inline-block; margin-left:20px;}
#products_tx .rowTi h2:before { background-image:url(../img/rowtileftarr2.png) }
#products_tx .rowTi h2:after { background-image:url(../img/rowtirightarr2.png)} 

#products_tx{background:#093d94 url(../img/atlasbg.png) no-repeat center -40px; padding: 188px 0 30px; color: #333;}
#products_tx .rowTi h2{color:#fff}
#products_tx .row .text-box{text-indent:2em;font-size:16px;    line-height: 2.5em;    color: #daecff;}

#products_tx .wfzl{margin:30px 0;background: #fff;border-radius: 10px;overflow: hidden;}
#products_tx .wfzl h3{text-align:center;color:#039;font-size: 26px;padding: 30px 0;font-weight:bold;background: url(../img/wfzltit.png) bottom center no-repeat;}
#products_tx .wfzl h3 a{color:#039;}
#products_tx .wfzl .info{text-align: center;  padding: 30px 0 0;   font-size: 16px;}

.wfzlBox{height: auto;overflow: hidden;padding: 30px;display: flex;justify-content: space-evenly;}
.wfzlBox dl {/* float:left; */margin-right: 2px;height: 150px;width: 150px;transition:all 1s;overflow:hidden;position:relative;border-radius: 8px;border: #f0f0f0 solid 1px;margin: 0 10px;}
.wfzlBox dl.on {width: 430px;box-shadow: #e6e7fb 0 0 10px;}
.wfzlBox dt {position:relative;height: 100px;6: 600;cursor:pointer;border-radius: 5px;width: 150px;font-size: 56px;font-weight: 300;color: #0058b3;transition:all 0.5s;text-align: center;transition: all .4s;padding-top: 50px;background: linear-gradient(120deg, #e2e5f5 0%, #fff 50%);}
.wfzlBox dt i{font-size: 18px;/* position: absolute; */}
.wfzlBox dt b{font-size: 14px;display: block;width: 100%;color: #666;font-weight: normal;}
/*.wfzlBox dt i:after {display: block;width:100%;height:100%;background:url(../img/hdliicobg.png) no-repeat center / 100%;content:"";transition:all 1s;}*/
.wfzlBox dl.on dt {background: #efeeff;/* font-weight: normal; */text-shadow: #fff 2px 2px 2px;/* font-size: 46px; */background: linear-gradient(135deg, #efeeff 49%, #f4f3ff 50%, #dadef6 50.2%, #e7e8fb 100%);}
.wfzlBox dl.on dt b{color:#0058b3;font-weight: bold;}
.wfzlBox dt:after {position:absolute;right:0;content:"";border-top:50px solid transparent;border-bottom:50px solid transparent;border-left:0px solid #468CE0;transition:all 0.5s;border-radius:3px;width: 100px;}
.wfzlBox.on dt:after { right:-38px; opacity:1; border-left:40px solid #B1322E;}
.wfzlBox.on dt i:after { transform:rotate(360deg);}
.wfzlBox dd{/* margin-left:150px; */display:none;position: absolute;left: 150px;top: 0;padding: 10px 20px 10px 30px;height: 130px;line-height: 20px;width: 230px;background: linear-gradient(120deg, #e2e5f5 0%, #fff 50%);}
.wfzlBox dl.on dd {display: flex;align-items: center;}

.wfbb{background: #f7f6ff;}
.wfbb ul{display: flex;flex-wrap: wrap;align-content: space-around;justify-content: space-around;}
.wfbb ul li{width: 20%;text-align:center;height:100px;display: flex;align-items: center;justify-content: center;flex-direction: column;transition: all 0.5s;border-radius: 10px;}
.wfbb ul li a{display:block;}
.wfbb ul li b{font-size:18px; color:#039}
.wfbb ul li:hover{background:#039;color:#ffffffb0;}
.wfbb ul li:hover b{color:#fff;}

#products_atlas {margin-bottom: 40px;}

.atlasBox .hd { position:relative; float:left;margin-right:20px;width:145px;height:360px;background: #2165D0;background:linear-gradient(to bottom, #20AEFB, #1667F0);border-radius:5px;display:flex;flex-direction: column;justify-content: center;}
.atlasBox .hd a { display:block; overflow:hidden;width:145px;height:360px; 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 90% 5%;}
.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; }

.atlasBox .hd i {display:block;height:60px;background :url(../img/atlasico1.png) no-repeat center;width: 100%;}
.atlasBox .hd h4 { font-size:18px; font-weight:bold; color:#fff; padding:0 20px; text-align:center; margin-top:10px;}
.atlasBox dl {background:#E8F1F5;overflow:hidden;padding:10px;border-radius:5px;margin-bottom: 10px;}
.atlasBox .dl3 { margin:0;}
.atlasBox dt {float:left; height:36px; width:50px; margin-right:20px; padding:20px 10px; background:#2165D0; border-radius:5px; display:flex;flex-direction: column;justify-content: center; color:#fff; font-size:14px; font-weight:bold; line-height:18px; text-align:center;}
.atlasBox dd {overflow:hidden;position:relative;margin: -5px 0;}
.atlasBox ul {position:relative;display:flex;flex-wrap: wrap;justify-content: flex-start;margin-right: -0.7%;min-height: 86px;align-content: center;}
.atlasBox ul li {height:36px;line-height:36px;margin: 5px 10px 5px 0;background:#fff;border-radius:5px;text-align:center;width: 19.3%;margin-right: 0.7%;font-size: 15px;color: #333; overflow:hidden;}
.atlasBox .dl1 dt { height:88px; width:30px; padding:20px;}
.atlasBox ul li a {display:block;background:url(../img/linkico.png) no-repeat 95%;padding:0 8%;height: 100%;}
.atlasBox ul li a:hover { background-color:#2165D0; color:#fff;}

.atlasLink {margin: 0px 0;height:80px;}
.atlasLink a { display: block; position: relative; transition: all 500ms ease 0s; overflow: hidden; }
.atlasLink a:hover { filter:brightness(120%)}
.atlasLink 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); }
.atlasLink a:hover:after { left: 150%; transition: left 1.5s ease 0s; }

.atlasBox.hyywxt .hd { height:378px;background:#0B9B90;background:linear-gradient(to bottom, #14BAA7, #04827D);}
.atlasBox.hyywxt .hd i {background :url(../img/atlasico4.png) no-repeat center;}
.atlasBox.hyywxt .bd { background:#E8F1F5;overflow:hidden;padding:10px;border-radius:5px;}
.atlasBox.hyywxt ul { margin:-5px -10px -5px 0;}
.atlasBox.hyywxt ul li { width:24.3%}
.atlasBox.hyywxt ul li a { background-position:96%;}
.atlasBox.hyywxt ul li a:hover { background-color:#0B9B90; color:#fff;}

.atlasBox.jsdz .hd { height:378px; background: #38129c;    background: linear-gradient(to bottom, #7514ba, #041082);}
.atlasBox.jsdz .hd i {    background: url(../img/atlasico5.png) no-repeat center;    background-size: auto 100%;}
.atlasBox.jsdz .bd { background:#E8F1F5;overflow:hidden;padding:10px;border-radius:5px;}
.atlasBox.jsdz ul { margin:-5px -10px -5px 0;}
.atlasBox.jsdz ul li { width:24.3%}
.atlasBox.jsdz ul li a { background-position:96%;}
.atlasBox.jsdz ul li a:hover { background-color:#38129c; color:#fff;}
.atlasBox.webFuture,.atlasBox.hyywxt{margin-bottom: 20px;}

#products_atlas .probbox {margin:30px auto;width:1400px;overflow:hidden;}
.probbox .prosbox {background:#fff;border-radius: 10px;padding: 30px 30px;width:1340px;float:left;width: 31.9%;margin-right: 30px;height: 500px;} 

.probbox .powerMonitor,.probbox .powerSSO,.probbox .aizs{padding:0;font-size: 26px;/* font-weight: bold; */}
.probbox .powerMonitor a,.probbox .powerSSO a,.probbox .aizs a{background:#fff;font-weight: bold;box-shadow: #00000021 0px 0px 20px;height: 250px;padding: 0 0 20px;line-height: 40px;text-align:center;width:100%;border-radius: 10px 10px 50% 50%;vertical-align: middle;display: flex;align-items: center;justify-content: center;align-content: center;flex-direction: column;}

.probbox .powerMonitor{background: #deebd1;}
.probbox .powerMonitor a{color: #336600;}
.probbox .powerMonitor i {display:inline-block;width:80px;height:80px;margin-right:20px;background: url(../img/atlasicoPM.png) no-repeat center;vertical-align:middle;background-size: 80%;}


.probbox .powerSSO {background:#eae3d7;}
.probbox .powerSSO a{color:#663300;}
.probbox .powerSSO i {display:inline-block;width: 80px;height: 80px;/* margin-right:20px; */background: url(../img/atlasicoSSO.png) no-repeat center;vertical-align:middle;background-size: 80%;}

.probbox .aizs a{color:#193ed8;}
.probbox .aizs{margin-right:0;clear:right;background: #d8e5f1;}
.probbox .aizs i{display:inline-block;width: 80px;height: 80px;/* margin-right:20px; */background: url(../img/atlasicoAi.png) no-repeat center;vertical-align:middle;background-size: 100%;}

.probbox p{padding:30px;font-size: 16px;text-indent: 2em;}
.tips { text-align:center; color:#f3ffc4; line-height:60px; font-size:20px;  font-weight:bold;}

#products_webfuture{padding-top:50px;height: auto;   overflow: hidden;}
#products_webfuture .info{text-align:center;padding: 0 0 30px;font-size: 16px;}

#translate{padding: 50px 0 0;margin-bottom: -80px;}
.translate_ul {/* padding-top:50px; */display:flex;flex-wrap: wrap;justify-content: space-between;margin:0 -50px;}
.translate_ul li{float: left; width: 200px; margin:0 50px;line-height:24px; font-size:15px; text-align:center;}
.translate_ul li img { display:block; }
.translate_ul li p { height:118px;padding:7px 0; color:#666}
#translate .tips2 { text-align:center;  margin-top:-60px; color:#777; font-size:14px; margin-bottom:70px;}
#translate .tips2 a { text-decoration:underline}

#products_introduce{padding: 0 0 150px;background-color: #fff;    position: relative;}
#products_introduce .text-box {padding: 50px; background-color: #F9F9F9; border-radius: 50px 0;}
#products_introduce .text-box p {font-weight: 400; font-size: 16px; line-height: 40px; color: #666; text-indent: 2em; text-align: justify;}
#products_introduce .p1{font-weight: 900; font-size: 50px; line-height: 64px; text-align: center; background: linear-gradient(180deg, #216EAE 0%, #1F4686 65.96%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; position: relative; padding-bottom: 20px; margin-bottom: 44px;}
#products_introduce .p1 span{padding-bottom: 20px;}
#products_introduce .p1 .line{border-bottom: 1px solid #CACACA; width: 400px; margin: auto; position: absolute; left: 0; right: 0; bottom: -2px; display: block;}
#products_introduce .p1 em{display: block; width: 60px; height: 5px; background: #2D67A5; border-radius: 5px; position: absolute; left: 0; right: 0; bottom: -4px; margin: auto;}
.introduce_ul { margin-right:-80px;}
.introduce_ul li{float: left;width: 660px;height: 260px;margin: 60px 80px 0 0;position: relative; transition:all .5s!important;}
.introduce_ul li.animated { /*animation-fill-mode:none;-webkit-animation-fill-mode:none*/ } 
.introduce_ul li:hover{ z-index: 10;}
.introduce_ul li:hover .introduce_msg { height: 450px; position: relative;}
.introduce_ul li:hover .introduce_msg .intro { -webkit-line-clamp:10;    }
.introduce_ul li:hover { /*transform:translateY(-10px)!important;*/}
.introduce_ul li .introduce_msg{height:272px;overflow: hidden;transition: all 0.5s;}
.introduce_ul li .introduce_msg .title { position:absolute; top:0; left:8px;box-shadow: -8px 8px 0 rgb(30 64 117 / 10%);border-radius:10px 30px 10px 30px;background: url(../img/tibg_all.png) center center no-repeat;}
.introduce_ul li .introduce_msg .title p{ width:256px;padding-left:24px; height:58px;padding-bottom:34px;line-height:58px;transition: all 0.5s;opacity: 1;border-radius:10px 30px 10px 30px;}
.introduce_ul li.li12 .introduce_msg .title p {  width: 320px;  }
.introduce_ul li.li15 .introduce_msg .title p {   width: 370px;   }
.introduce_ul li .introduce_msg .title i {  }

.introduce_ul .li1 .introduce_msg .title {background: url(../img/tibg_zf.png) center no-repeat;}
.introduce_ul .li2 .introduce_msg .title {background: url(../img/tibg_jy.png) center no-repeat;}
.introduce_ul .li3 .introduce_msg .title {background: url(../img/tibg_gx.png) center no-repeat;}
.introduce_ul .li4 .introduce_msg .title {background: url(../img/tibg_yy.png) center no-repeat;}
.introduce_ul .li5 .introduce_msg .title {background: url(../img/tibg_nw.png) center no-repeat;}
.introduce_ul .li6 .introduce_msg .title {background: url(../img/tibg_qj.png) center no-repeat;}
.introduce_ul .li7 .introduce_msg .title {background: url(../img/tibg_qy.png) center no-repeat;}
.introduce_ul .li8 .introduce_msg .title {background: url(../img/tibg_dq.png) center no-repeat;}
.introduce_ul .li11 .introduce_msg .title {background: url(../img/tibg_xy.png) center no-repeat;}
.introduce_ul .li12 .introduce_msg .title {background: url(../img/tibg_yd.png) center no-repeat;}
.introduce_ul .li13 .introduce_msg .title {background: url(../img/tibg_cz.png) center no-repeat;}
.introduce_ul .li16 .introduce_msg .title {background: url(../img/tibg_xh.png) center no-repeat;}
.introduce_ul .li15 .introduce_msg .title {background: url(../img/tibg_cj.png) center no-repeat;}
.introduce_ul .li18 .introduce_msg .title {background: url(../img/tibg_jj.png) center no-repeat;}
.introduce_ul .li17 .introduce_msg .title {background: url(../img/tibg_dx.png) center no-repeat;}
.introduce_ul .li18 .introduce_msg .title {background: url(../img/tibg_zy.png) center no-repeat;}
.introduce_ul .li19 .introduce_msg .title {background: url(../img/tibg_zx.png) center no-repeat;}
.introduce_ul .li20 .introduce_msg .title {background: url(../img/tibg_zsk.png) center right no-repeat;}
.introduce_ul .li21 .introduce_msg .title {background: url(../img/tibg_zhdj.png) center right no-repeat;}
.introduce_ul .li22 .introduce_msg .title {background: url(../img/tibg_jynw.png) center right no-repeat;}
.introduce_ul .li23 .introduce_msg .title {background: url(../img/tibg_jjnw.png) center right no-repeat;}
.introduce_ul li .introduce_msg .title p { font-weight: 700; font-size: 20px; line-height: 58px; color:#fff; }
.introduce_ul li .introduce_msg .title p:after { position:absolute; top:23px; content:""; left:45%; width:40px; height:10px; background:url(../img/arr.png) no-repeat; opacity:.5; transition:all.5s;}
.introduce_ul li .introduce_msg .intro {position:relative;margin:58px 20px 0 32px;z-index:9;text-indent: 2em;font-weight: 400;font-size: 16px;line-height: 30px;min-height: 180px;padding:20px;background:#fff;box-shadow:0px -15px 30px rgb(0 0 0 / 5%);;color:#666;border-radius: 5px;transition:all .5s;     overflow: hidden;   display: -webkit-box; /*  -webkit-line-clamp: 6; */   -webkit-box-orient: vertical;   text-overflow: ellipsis;}
.introduce_ul li .introduce_msg .intro p{padding: 0 15px 10px;}

.introduce_ul .li2 .introduce_msg .title p:after ,
.introduce_ul .li8 .introduce_msg .title p:after ,
.introduce_ul .li5 .introduce_msg .title p:after { left:60% }
.introduce_ul .li6 .introduce_msg .title p:after { left:55% }
    .introduce_ul .li11 .introduce_msg .title p:after,
    .introduce_ul .li12 .introduce_msg .title p:after,
    .introduce_ul .li13 .introduce_msg .title p:after,
    .introduce_ul .li14 .introduce_msg .title p:after,
    .introduce_ul .li15 .introduce_msg .title p:after,
    .introduce_ul .li16 .introduce_msg .title p:after,
    .introduce_ul .li17 .introduce_msg .title p:after,
    .introduce_ul .li18 .introduce_msg .title p:after,
    .introduce_ul .li19 .introduce_msg .title p:after{
        display:none;
    }
.introduce_ul li:hover .introduce_msg{ }
.introduce_ul li:hover .introduce_msg:hover .title p:after {position:absolute;left:75%;margin:0;opacity: 1;}
.introduce_ul li:hover .introduce_msg:hover .title p{ background:rgb(122 10 6 / 50%); }
.introduce_ul .li2:hover .introduce_msg:hover .title p{ background:rgb(30 64 117 / 70%); }
.introduce_ul .li3:hover .introduce_msg:hover .title p{ background:rgb(22 47 84 / 50%); }
.introduce_ul .li4:hover .introduce_msg:hover .title p{ background:rgb(0 99 121 / 70%); }
.introduce_ul .li5:hover .introduce_msg:hover .title p{ background:rgb(122 10 6 / 50%); }
.introduce_ul .li6:hover .introduce_msg:hover .title p{ background:rgb(122 10 6 / 50%); }
.introduce_ul .li7:hover .introduce_msg:hover .title p{ background:rgb(22 47 84 / 50%); }
.introduce_ul .li8:hover .introduce_msg:hover .title p{ background:rgb(122 10 6 / 50%); }
.introduce_ul li:hover .introduce_msg .intro { color: #333;  box-shadow: 0 5px 20px rgb(0 0 0 / 20%);}

 
.introduce_ul li img {  }

.apply_link{text-align:center;position: absolute;left: 0;right: 0;bottom: 30px;}
.apply_link a{font-size:18px;color: #005DD8;border: #d4d4d4 solid 1px;display: inline-block;/* background: #f0f0f0; */padding: 10px 30px;border-radius: 30px;transition: 0.5s;}
.apply_link a:hover{background:#0E49A8; color:#fff; font-weight:bold;}


#course{padding: 50px 0 0;}
#course .rowTi {margin-bottom: 30px;}
#course .text-box{padding: 30px 40px;background-color: #F9F9F9;margin-bottom: 30px;border-radius:50px 0;}
#course .text-box p{ font-weight: 400; font-size: 16px; line-height: 40px; color: #666; text-indent: 2em; text-align: justify;}
.course_box { background:url(../img/historybg.jpg) no-repeat; overflow:hidden; }
.course_ul{ width:1px;height: auto;padding: 10px 0;margin: auto;position: relative;}
.course_ul li{position: relative;width: 622px;}
.course_ul li .icon{position: absolute;height: 13px;width: 73px;}
.course_ul li .icon i{position: absolute;display: block;width: 13px;height: 13px;background-color: #517BB6;border-radius: 50%;display: none;}
.course_ul li .icon em{ position: absolute;display: block;width: 60px;height: 1px; border-bottom: #fff 1px dashed;opacity: 0.3;}
.course_ul li .msg-box .time{font-weight: 700;font-size: 16px;line-height: 24px;color: #fff; font-family: 'MiSans Latin Normal';}
.course_ul li .msg-box .text{font-weight: 400;font-size: 14px;line-height: 24px;color: #fff;opacity: 0.8;}
.course_ul li .msg-box .text_right{text-align: right;}
.course_ul li .msg-box .text_left{text-align: justify;}
.course_ul .course_left .icon{right: 0; top: 5px;}
.course_ul .course_left .icon i{right: 0;}
.course_ul .course_left .icon em{top: 6px; left: 0;}
.course_ul .course_left .msg-box{text-align: right;padding-right: 90px;}
.course_ul .course_left{left: -611px;width: 605px;}
.course_ul .course_right .icon{left: 0; top: 5px;}
.course_ul .course_right .icon i{left: 0;}
.course_ul .course_right .icon em{top: 6px;left: 14px;}
.course_ul .course_right .msg-box{text-align: left;padding-left: 90px;}
.course_ul .course_right{left: 7px;}
.course_ul li:hover .icon i,.course_ul li:hover .icon em{}
.course_ul li:hover .msg-box .time{}

.course_ul.future {height: 58px;padding: 146px 0;}
.course_ul.future .course_right .icon {top:6px;}
.course_ul.future li .msg-box .text { font-size:16px; font-weight:bold; color:#546785;}
.course_ul.future li .msg-box .time{ display:none; }
.course_ul.future li .icon em{border-bottom: #c3c3c3 1px dashed;opacity: 1;}
.course_ul.life {padding:30px 0;height: 644px;}
.course_ul.life li{ margin-top:-5px;}

.course_ul.prelife {padding: 60px 0 64px;}
.course_ul.prelife li .msg-box .text { color:#546785;}
.course_ul.prelife li .msg-box .time{ color:#0E49A8;}
.course_ul.prelife li .icon em{border-bottom: #c3c3c3 1px dashed;opacity: 1;}
.course_ul.prelife li{ margin-top:-15px;}

.lxss{padding: 30px 0;text-align: center;clear: both;}
.lxss a{width: 200px;height: 60px;border-radius: 30px;display: inline-block;margin: 0 10px;text-align: center;line-height: 60px;font-size: 18px;color: #fff;font-weight: 700;background: url(../img/lx-icon.png) 36px 50% no-repeat #007fc6;text-indent: 50px;}
.lxss a.sq{background: url(../img/tymk-icon.png) 25px 50% no-repeat #007fc6;background-size: 14%;text-indent: 40px;}
.lxss a:hover{text-decoration:underline;}

/*行业版本*/
#hybb{padding: 50px 0 0;height: auto;overflow: hidden;}
#hybb .info{text-align:center;padding: 0 0 30px;font-size: 16px;}
.hybbBox {height:490px;/* padding:80px 0; */}
.hybbBox dl {float:left;margin-right: 2px;height: 520px;width: 90px;transition:all 1s;overflow:hidden;position:relative;color: #fff;border-radius: 8px;}
.hybbBox dl.on {width: 570px;}
.hybbBox dt {float:left;}
.hybbBox dt {position:relative;height: 460px;padding: 0px 5px;/* background:#468CE0; */cursor:pointer;border-radius: 5px;width: 80px;font-size: 18px;font-weight: bold;color:#fff;transition:all 0.5s;text-align: center;line-height: 22px;padding-top: 60px;}
.hybbBox dt i {display: none;/* width:29px; */height:29px;position:relative;margin: 0 auto;background:url(../img/advico1.png) no-repeat center;margin-bottom: 20px;}
.hybbBox dt i:after {display: block;width:100%;height:100%;background:url(../img/hdliicobg.png) no-repeat center / 100%;content:"";transition:all 1s;}
.hybbBox dl.on dt {/* background:#B1322E; */font-weight:bold;display: none;transition:all 0.5s}
.hybbBox dt:after { position:absolute; right:0; content:""; border-top:50px solid transparent; border-bottom:50px solid transparent; border-left:0px solid #468CE0; transition:all 0.5s; border-radius:3px;}
.hybbBox.on dt:after { right:-38px; opacity:1; border-left:40px solid #B1322E;}
.hybbBox.on dt i:after { transform:rotate(360deg);}
/*
.hybbBox dt .li2,.hybbBox dt .li4 { background:#387DBC;}
.hybbBox dt .li3,.hybbBox dt .li6 { background:#3A6AC0;}
.hybbBox dt .li2,.hybbBox dt .li4,.hybbBox dt .li6 { margin-left:20px;}

.hybbBox dl.dl2 i {background-image:url(../img/advico2.png)}
.hybbBox dl.dl3 i {background-image:url(../img/advico3.png)}
.hybbBox dl.dl4 i {background-image:url(../img/advico4.png)}
.hybbBox dl.dl5 i {background-image:url(../img/advico5.png)}
.hybbBox dl.dl6 i {background-image:url(../img/advico6.png)}
*/
.hybbBox dd {position:absolute;top:0;overflow:hidden;padding: 30px 0 0 50px;width: 500px;display:none;/* background: #7bbbf0; */border-radius: 5px;height: 490px;}
.hybbBox dd h3 {font-size: 26px;font-weight:bold;color: #fff;line-height:34px;margin: 26px 0;}
.hybbBox dd h3 a{color: #fff;display:inline-block;background: url(../img/linkico.png) no-repeat 95%;padding: 0 8% 0 0;}
.hybbBox dd h3 a:hover{color:#fc0;}
.hybbBox dd ul li {position:relative;line-height: 32px;font-size: 15px;/* margin-bottom:10px; */padding-left: 15px;transition:all 0.5s;}
.hybbBox dl.on dd{display:block; left:0;}
.hybbBox dl {background: url(/content/Main/2024/smartgovportal/img/bg-banner.jpg) top center no-repeat;background-size: auto 110%;}
.hybbBox dl.on {/* background-position: 95% 50px; */}
.hybbBox .dl2 { background-image:url(/content/Main/2024/smartuniversityportal/img/banner.jpg) }
.hybbBox .dl3 { background-image:url(/content/Main/2024/smarteduportal/img/banner.jpg) }
.hybbBox .dl4 { background-image:url(/content/Main/2024/smarthostpitalportal/img/banner.jpg) }
.hybbBox .dl5 { background-image:url(/content/Main/2024/smartintranetportal/img/bg-banner.jpg) }
.hybbBox .dl6 { background-image:url(/Content/Main/2024/smartmilitaryportal/images/banner.jpg) }
.hybbBox .dl7 { background-image:url(/Content/Main/2024/smartcorporationportal/images/banner.jpg) }
.hybbBox .dl8 { background-image:url(/content/Main/2024/smartschoolportal/img/banner-bg.jpg) }
.hybbBox .dl9 { background-image:url(/content/Main/2024/smartorganizationportal/img/banner.jpg) }
.hybbBox .dl10 { background-image:url(/Content/Main/2024/associationportal/images/banner.jpg) }

.hyInfo{height:auto;overflow:hidden;margin: 20px 0;}
.hybbBox dd ul.hyInfo li{float:left;margin-right: 30px;color: #ffffff8c;padding: 0;font-size: 14px;}
.hyInfo span{display: block;font-size: 42px;line-height: 42px;font-weight: 300;color: #ff0;}
.hybbBox dt ul.hyInfo{position: absolute;bottom:50px;width: 80px;text-align: center;font-weight: 300;color: #ffffffa6;}
.hybbBox dt ul.hyInfo li{line-height: 2.5em;font-size: 12px;margin-top:20px;}
.hybbBox dt ul.hyInfo span{display: block;font-size:28px;color: #ffffffc9;}

.hyLink{/* height:auto; */overflow:hidden;/* margin-top: 80px; */display: flex;flex-wrap: wrap;align-content: flex-end;position: absolute;bottom: 50px;}
.hyLink li{/* float:left; */min-width: 45%;color: #ffffffad;}
.hyLink li:before { content:""; position:absolute; left:0; top:12px; width:10px; height:10px; background:#ffffffb5; border-radius:50%; }
.hyLink li:hover:before{box-shadow: #ff0 0px 0px 10px;background: #ff0;}
.hyLink a{ color: #ffffffad;    background: url(../img/linkico.png) no-repeat right;    display: inline-block;    padding-right: 20px;}
.hyLink a:hover{color:#ff0;padding-left: 5px;text-shadow: #ff0 0px 0px 10px;}

#wtjd{padding:50px 0 0 0}
.wtjdBox{height:auto;overflow:hidden;display:flex;flex-wrap: wrap;justify-content: center;}
.wtjdBox dl{width: 30%;margin: 1.5%;}
.wtjdBox dt{background: #eff6ff;padding: 5px 5px 5px 20px;border-radius: 10px;display: inline-block;font-size: 16px;}
.wtjdBox dd{ padding: 20px 0 0 0px;}
.wtjdBox dd::before{content: "";width:26px;height: 350px;background: url(../img/icowtjd.png) no-repeat;display: inline-block;background-size: 100% auto;margin-right: 15px;float: left;margin-top: 5px;}
.wtjdBox dd a{/* font-size: 0.8rem; */color:#8ba9fa;background: url();background: url(../img/linkico.png) no-repeat left center;padding-left: 1.5em;}
.wtjdBox dd a:hover{color:#369; text-decoration:underline;}

#jjfa {margin-bottom: 40px;background: #0058b3;height: 100px;}


#framework{
    /* padding: 100px 0; */
}
.framework_box{
    background: url(../../WebFuture/images/solt_bg.png) center 50px no-repeat;
    height: 420px;
    position: relative;
}
.framework_box li{
    width: 145px;
    position: absolute;

}
.framework_box li .left_box{
    width: 32px;
    float: left;
    position: relative;
    top: 8px;
}
.framework_box li .left_box i{
    display: block;
    width: 32px;
    height: 32px;
    background: url(../../WebFuture/images/round_icon.png) center no-repeat;
}
.framework_box li .left_box .line{
    width: 1px;
    background: url(../../WebFuture/images/line_bg.png) center no-repeat;
    position: absolute;
    left: 12px;
    top: 21px;
}
.framework_box .li1{
    right: 1155px;
    top: 160px;
}
.framework_box .li1 .left_box .line{
    height: 220px;
}
.framework_box .li2{
    right: 945px;
    top: 130px;
}
.framework_box .li2 .left_box .line{
    height: 250px;
}
.framework_box .li3{
    right: 735px;
    top: 100px;
}
.framework_box .li3 .left_box .line{
    height: 280px;
}
.framework_box .li4{
    right: 525px;
    top: 70px;
}
.framework_box .li4 .left_box .line{
    height: 310px;
}
.framework_box .li5{
    right: 315px;
    top: 40px;
}
.framework_box .li5 .left_box .line{
    height: 340px;
}
.framework_box .li6{
    right: 106px;
    top: 0;
}
.framework_box .li6 .left_box .line{
    height: 340px;
}
.framework_box li .right_box{
    float: right;
}
.framework_box li .right_box .date{
    height: 30px;
    line-height: 30px;
    width: 112px;
    overflow: hidden;
    border-radius: 30px;
    background: linear-gradient(to right,#3AB2FE,#005DD8);
    display: flex;
}
.framework_box li .right_box .date p{
    height: 28px;
    line-height: 28px;
    width: 110px;
    background-color: #fff;
    text-align: center;
    margin: auto;
    border-radius: 30px;
    font-size: 16px;
    color: #005DD8;
    font-weight: 700;
}
.framework_box li .right_box .tit{
    margin-top: 140px;
    font-size: 16px;
    color: #005DD8;
}
.framework_p{
    line-height: 30px;
    text-indent: 2em;
    font-size: 16px;
	margin-bottom: 18px;
}
@media only screen and (max-width: 1400px){}