@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{font-weight:400;background: transparent;font-size: 20px; }
.clear{clear: both;}
#content{overflow: hidden;zoom: 1;padding: 0;font-size: 14px;}
.row{width: auto;margin: auto;position: relative;}

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

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

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

.wfzlBox{height: auto;overflow: hidden;padding: 10px;display: flex;justify-content: space-evenly;flex-wrap: wrap;}
.wfzlBox dl {/* height: 250px; */width: 100%;transition:all 1s;position: relative;border-radius: 8px;border: #f0f0f0 solid 1px;margin: 0 0 10px 0;}
.wfzlBox dl.on {box-shadow: #e6e7fb 0 0 10px;}
.wfzlBox dt {position:relative;6: 600;cursor:pointer;border-radius: 5px;font-size: 32px;line-height: 32px;float: left;height: 70px;width: 100px;font-weight: 300;color: #0058b3;text-align: center;transition: all .4s;padding-top: 15px;text-shadow: #fff 2px 2px 2px;background: linear-gradient(135deg, #efeeff 49%, #f4f3ff 50%, #dadef6 50.2%, #e7e8fb 100%);}
.wfzlBox dt i{font-size: 18px;/* position: absolute; */}
.wfzlBox dt b{font-size: 14px;display: block;line-height: 28px;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 {/* text-shadow: #fff 2px 2px 2px; *//* background: linear-gradient(135deg, #efeeff 49%, #f4f3ff 50%, #dadef6 50.2%, #e7e8fb 100%); */}
.wfzlBox dl.on dt b{}
.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: 100px;/* display:none; *//* position: absolute; */border-radius: 5px;left: 0;top: 100px;/* padding: 10px 20px 10px 30px; */height: 65px;line-height: 16px;display: flex;/* width: 230px; */padding: 10px;font-size: 11px;background: linear-gradient(120deg, #e2e5f5 0%, #fff 50%);align-items: center;}
.wfzlBox dl.on dd {/* display: block; */flex-wrap: wrap;/* position: absolute; *//* left: 0; *//* top: 0; *//* width: 380px; *//* height: 100px; *//* z-index: 99; *//* padding: 10px; */}

.wfbb{background: #f7f6ff;}
.wfbb ul{display: flex;flex-wrap: wrap;align-content: space-around;justify-content: space-around;}
.wfbb ul li{width: 50%;text-align:center;height: 70px;display: flex;align-items: center;justify-content: center;flex-direction: column;transition: all 0.5s;border-radius: 10px;font-size: 14px;line-height: 22px;border-bottom: #ddd solid 1px;}
.wfbb ul li a{display:block;}
.wfbb ul li b{font-size: 16px;color:#039}
.wfbb ul li:hover{background:#039;color:#ffffffb0;}
.wfbb ul li:hover b{color:#fff;}

#products_atlas {margin-bottom: 40px;width: 96%;margin: 0 auto;}

.atlasBox .hd {margin-right: 20px; width: 100%; background: #2165D0;  background: linear-gradient(to bottom, #20AEFB, #1667F0); 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; }


.atlasBox .hd i {display:block;height:60px;background :url(../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:#2165D0;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(../img/linkico.png) no-repeat 95%;padding:0 8%;height: 100%;}
.atlasBox ul li a:hover { background-color:#2165D0; color:#fff;}

.atlasLink { margin-bottom:2%}
.atlasLink a { display: block; position: relative; transition: all 500ms ease 0s; overflow: hidden; margin-top:2%; }
.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; }
.atlasLink .powerMonitor {height:80px;line-height:80px;text-align:center;background:#5842DF;background:linear-gradient( 100deg, #8175E9, #5842DF);border-radius:5px;font-size: 16px;font-weight:bold;color:#fff;vertical-align: middle;display: flex;align-items: center;justify-content: center;}
.atlasLink .powerMonitor i { display:inline-block; width:42px; height:40px; margin-right:20px;background:url(../img/atlasico3.png) no-repeat center; vertical-align:middle;}
.atlasLink .powerSSO {height:80px;line-height: 24px;text-align: left;background:#0193BF;background:linear-gradient( 100deg, #37C3E2, #0193BF);border-radius:5px;font-size: 16px;font-weight:bold;padding: 0 10%;color:#fff;vertical-align: middle;display: flex;align-items: center;justify-content: center;}
.atlasLink .powerSSO i { display:inline-block; width:42px; height:40px; margin-right:20px;background:url(../img/atlasico2.png) no-repeat center; vertical-align:middle;}

.atlasBox.hyywxt .hd {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;margin-bottom: 10px;}
.atlasBox.hyywxt ul { margin:-5px -10px -5px 0;}
.atlasBox.hyywxt ul li {width: 48%;}
.atlasBox.hyywxt ul li a { background-position:96%;}
.atlasBox.hyywxt ul li a:hover { background-color:#0B9B90; color:#fff;}
.atlasBox.hyywxt ul li:nth-child(17),
.atlasBox.hyywxt ul li:nth-child(18),
.atlasBox.hyywxt ul li:nth-child(21),
.atlasBox.hyywxt ul li:nth-child(22){width: 98%;}
.atlasBox.jsdz .hd {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: 100%;overflow:hidden;}
.probbox .prosbox {background:#fff;border-radius: 10px;padding: 30px 30px;/* width:1340px; *//* float:left; */width: 100%;/* margin-right: 30px; *//* height: 500px; */} 

.probbox .powerMonitor,.probbox .powerSSO,.probbox .aizs{padding:0;font-size: 20px;/* font-weight: bold; */}
.probbox .powerMonitor a,.probbox .powerSSO a,.probbox .aizs a{background:#fff;font-weight: bold;box-shadow: #00000021 0px 0px 20px;height: 150px;padding: 0 0 20px;line-height: 30px;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: block;width:80px;height:80px;/* margin-right:20px; */background: url(../img/atlasicoPM.png) no-repeat center;vertical-align:middle;background-size: 60%;}


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

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

.probbox p{padding: 20px;font-size: 14px;text-indent: 2em;}
.tips {text-align:center;font-size:15px;line-height:2;color: #ffffff;font-weight:bold;}

#products_webfuture{/* padding-top: 18px; */}
#products_webfuture .info{text-align: left;padding: 10px;font-size: 14px;text-indent: 2em;}
#products_webfuture .rowTi h2:before,#products_webfuture .rowTi h2:after{display:none;}
#translate{/* padding: 3% 0 0; *//* margin-bottom: -10px; */}
#translate .rowTi h2 {/* padding:0 10%; */}
#translate .rowTi h2:after,#translate .rowTi h2:before{ display:none;}
.translate_ul {padding-top: 3%;display:flex;flex-wrap: wrap;justify-content: space-between;}
.translate_ul li{float: left;width: 46%;margin: 0 2%;line-height:24px;font-size: 12px;text-align:center;}
.translate_ul li img { display:block; width:100%; height:auto;}
.translate_ul li p {min-height: 3em;padding: 3% 0;color:#666}


#translate .tips2 {text-align:center;margin-top:-3%;color:#777;font-size:14px;/* margin-bottom:15%; */}
#translate .tips2 a {text-decoration:underline;display:block;}

#products_introduce{background-color: #fff;}
#products_introduce .text-box{padding: 5%;background-color: #F9F9F9;margin-bottom: 30px;border-radius: 5% 0;}
#products_introduce .text-box p{font-weight: 400;font-size: 14px;line-height: 28px;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 {
    padding: 0 2%;
}
.introduce_ul li{ position: relative;transition:all .5s!important; margin-bottom:6%}
.introduce_ul li .introduce_msg {padding-top: 48px;}
.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: 48px;font-weight: 700;font-size: 18px;color:#fff;padding-bottom:34px;line-height: 48px;transition: all 0.5s;opacity: 1;border-radius:10px 30px 10px 30px;}
.introduce_ul li .introduce_msg .title p:after {position:absolute;top: 18px;content:"";left:45%;width:40px;height:10px;background:url(../img/arr.png) no-repeat;opacity:.5;transition:all.5s;}

.introduce_ul li.li15 .introduce_msg .title p{font-size: 13px;}
.introduce_ul li.li18 .introduce_msg .title p,.introduce_ul li.li12 .introduce_msg .title p,.introduce_ul li.li24 .introduce_msg .title p{font-size: 16px;}

.introduce_ul li .introduce_msg .title i { }
.introduce_ul li .introduce_msg .intro {position:relative;margin: 0 0 0 32px;z-index:9;font-weight: 400;font-size: 14px;line-height: 24px;text-indent: 2em;min-height: 90px;padding: 3%;background:#fff;box-shadow: 0 5px 10px rgb(0 0 0 / 10%);color:#666;border-radius: 5px;transition:all .5s;}

.introduce_ul .li1 .introduce_msg .title {background-image: url(../img/tibg_zf.png) }
.introduce_ul .li2 .introduce_msg .title {background-image: url(../img/tibg_jy.png) ;}
.introduce_ul .li3 .introduce_msg .title {background-image: url(../img/tibg_gx.png) ;}
.introduce_ul .li4 .introduce_msg .title {background-image: url(../img/tibg_yy.png) ;}
.introduce_ul .li5 .introduce_msg .title {background-image: url(../img/tibg_nw.png) ;}
.introduce_ul .li6 .introduce_msg .title {background-image: url(../img/tibg_qj.png) ;}
.introduce_ul .li7 .introduce_msg .title {background-image: url(../img/tibg_qy.png) ;}
.introduce_ul .li8 .introduce_msg .title {background-image: url(../img/tibg_dq.png) ;}
.introduce_ul .li11 .introduce_msg .title {background-image: url(../img/tibg_xy.png) ;}
.introduce_ul .li12 .introduce_msg .title {background-image: url(../img/tibg_yd.png) ;}
.introduce_ul .li13 .introduce_msg .title {background-image: url(../img/tibg_cz.png) ;}
.introduce_ul .li16 .introduce_msg .title {background-image: url(../img/tibg_xh.png) ;}
.introduce_ul .li15 .introduce_msg .title {background-image: url(../img/tibg_cj.png) ;}
.introduce_ul .li18 .introduce_msg .title {background-image: url(../img/tibg_jj.png) ;}
.introduce_ul .li17 .introduce_msg .title {background-image: url(../img/tibg_dx.png) ;}
.introduce_ul .li18 .introduce_msg .title {background-image: url(../img/tibg_zy.png) ;}
.introduce_ul .li19 .introduce_msg .title {background-image: url(../img/tibg_zx.png) ;}
.introduce_ul .li20 .introduce_msg .title {background-image: url(../img/tibg_zsk.png) ;}
.introduce_ul .li21 .introduce_msg .title {background-image: url(../img/tibg_zhdj.png) ;}
.introduce_ul .li22 .introduce_msg .title {background-image: url(../img/tibg_jynw.png) ;}
.introduce_ul .li23 .introduce_msg .title {background-image: url(../img/tibg_jjnw.png) ;}
.introduce_ul .li24 .introduce_msg .title {background-image: url(../img/tibg_jcy.png) ;}
.introduce_ul .li25 .introduce_msg .title {background-image: url(../img/tibg_fynw.png) ;}


.introduce_ul li:hover .introduce_msg{ }
.introduce_ul li:hover .introduce_msg:hover .title p:after {position:absolute;right: 25px;margin:0;opacity: 1;}
.introduce_ul li:hover .introduce_msg:hover .title p{background:rgb(122 10 6 / 50%);color: #fc0;}
.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 { font-weight:700; }
.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;}

/*行业版本*/
#hybb{/* padding: 18px 0 0; */height: auto;overflow: hidden;}
#hybb .info{padding: 10px 10px 10px;text-indent: 2em;}
.hybbBox {padding: 0 10px;display: flex;flex-wrap: nowrap;align-content: flex-start;align-items: flex-start;flex-direction: column;}
.hybbBox dl {width: 100%;transition:all 1s;overflow:hidden;position:relative;color: #fff;border-radius: 8px;margin:2px 0;}

.hybbBox dt {float:left;}
.hybbBox dt {position:relative;line-height: 50px;cursor:pointer;border-radius: 5px;width: 97%;padding-left: 3%;text-indent: 0.5em;font-size: 18px;font-weight: bold;color:#fff;transition:all 0.5s;text-align: center;display: flex;justify-content: space-between;flex-wrap: nowrap;align-items: stretch;flex-direction: row;}
.hybbBox dt i {display: none;width: 10px;height:29px;position:relative;background:url(../img/advico1.png) no-repeat center;}
.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 dd {/* position:absolute; */top:0;overflow:hidden;padding: 20px;/* width: 500px; */display:none;/* background: #7bbbf0; */border-radius: 5px;/* height: 490px; */}
.hybbBox dd h3 {font-size: 18px;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: 28px;font-size: 13px;/* margin-bottom:10px; */transition:all 0.5s;}
.hybbBox dl.on dd{display:block; left:0;}
.hybbBox dl {background: url(/content/Main/2024/smartgovportal/img/bg-banner.jpg) center center no-repeat;background-size: 100%;height: auto;overflow: hidden;position: relative;}
.hybbBox dl.on {background-size: auto 120%;}
.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) }

.hybbBox .dl9 dt{font-size: 12px;}

.hyInfo{height:auto;overflow:hidden;margin: 20px 0;}
.hybbBox dd ul.hyInfo li{float:left;margin-right: 25px;color: #ffffff8c;padding: 0;font-size: 14px;}
.hyInfo span{display: block;font-size: 32px;font-weight: 300;color: #ff0;}
.hybbBox dt ul.hyInfo{width: 50%;float: right;margin: 0;display: flex;font-weight: 300;color: #ffffffa6;flex-wrap: nowrap;justify-content: space-evenly;}
.hybbBox dt ul.hyInfo li{line-height: 1.5em;font-size: 10px;margin-top: 15px;}
.hybbBox dt ul.hyInfo span{display: block;font-size: 18px;color: #ffffffc9;}

.hyLink{/* height:auto; */overflow:hidden;/* margin-top: 80px; */display: flex;/* position: absolute; */bottom: 50px;flex-direction: row;flex-wrap: wrap;/* padding: 0 20px; */}
.hyLink li{/* float:left; */min-width: 46%;color: #ffffffad;padding-left: 4%;}
.hyLink li:before {content:"";position:absolute;left:0;top: 10px;width: 8px;height: 8px;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: 15px;margin-right: 20px;background-size: auto 8px;}
.hyLink a:hover{color:#ff0;padding-left: 5px;text-shadow: #ff0 0px 0px 10px;}

#wtjd{/* padding: 20px 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: 10px;font-size: 14px;}
.wtjdBox dd::before{content: "";width:26px;height: 88px;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;}

#framework{
    padding: 30px 0 0;
}
.framework_box{
    background: url(../img/solt_bg.png) center 50px no-repeat;
    height: 200px;
    position: relative;
    margin-bottom: 50px;
    background-size: 100%;
}
.framework_box li{
    width: auto;
    position: absolute;
    display: flex;
}
.framework_box li .left_box{
    width: 32px;
    float: left;
    position: relative;
    top: 1px;
}
.framework_box li .left_box i{
    display: block;
    width: 32px;
    height: 32px;
    background: url(../img/round_icon.png) center no-repeat;
}
.framework_box li .left_box .line{
    width: 1px;
    background: url(../img/line_bg.png) center no-repeat;
    position: absolute;
    left: 12px;
    top: 21px;
}
    .framework_box .li1{
        left: 49px;
        top: 195px;
    }
    .framework_box .li2{
        top: 155px;
        left: 71px;
    }
    
    .framework_box .li3{
        left: 92px;
        top: 119px;
    }
    .framework_box .li4{
        left: 117px;
        top: 80px;
    }
    .framework_box .li5{
        left: 139px;
        top: 45px;
    }
    .framework_box .li6{
        left: 161px;
        top: 9px;
    }
.framework_box li .right_box{
    float: right;
    display: flex;
}
.framework_box li .right_box .date{
    height: 30px;
    line-height: 30px;
    width: 94px;
    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: 92px;
    background-color: #fff;
    text-align: center;
    margin: auto;
    border-radius: 30px;
    font-size: 14px;
    color: #005DD8;
    font-weight: 700;
}
.framework_box li .right_box .tit{
    margin-top: 8px;
    font-size: 14px;
    color: #005DD8;
    margin: auto 0 auto 10px;
}
.framework_p{
    line-height:1.8;
    text-indent: 2em;
    font-size: 16px;
	margin-bottom: 12px;
}