@charset "utf-8";
/*.warp { position: relative; width: 1919px; height: 1232px; background: url(/zstp/bg.jpg) no-repeat center 0;}*/
.warp { position: relative; width: 1919px; height: 1232px; background: url(/zstp/bg.jpg) no-repeat center 0; overflow: hidden;}
.cTest { position: relative; top: 270px; width: 1749px; height: 844px; margin: 0 auto; background: url(/zstp/bg-c.jpg) no-repeat; overflow: hidden;}


/* 列表内容 start */
.listsInfoBox {
    display: none;
    width: 620px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 20px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    z-index: 2;
}

.listsInfoBox a.closeBtn {
    padding: 10px;
    position: absolute;
    top: 6px;
    right: 15px;
    z-index: 2;
    font-size: 32px;
    color: #777;
}

.listsInfoBox h2.t1 {
    font-size: 24px;
    color: #069;
    height: 60px;
    line-height: 60px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
}

.listsInfoBox h2.t1 .lineBg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.listsInfoBox h2.t1 .lineBg i {
    float: left;
    width: 25%;
    height: 2px;
    background: #22adf0;
}

.listsInfoBox h2.t1 .lineBg i.b1 {
    background: #22adf0;
}
.listsInfoBox h2.t1 .lineBg i.b2 {
    background: #78b929;
}

.listsInfoBox h2.t1 .lineBg i.b3 {
    background: #5a60c5;
}

.listsInfoBox h2.t1 .lineBg i.b4 {
    background: #9d882a;
}

.listsInfoBox .tabs {
    height: 46px;
    margin: 15px 0;
    overflow: hidden;
    position: relative;
}

.listsInfoBox .tabs::after {
    content: "";
    display: block;
    clear: both;
}

.listsInfoBox .tabs span {
    display: block;
    height: 70px;
    margin: 0 15px;
    position: relative;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
}

.listsInfoBox .tabs > i {
    display: block;
    content: "";
    width: 12px;
    height: 36px;
    position: absolute;
    top: 0;
    background: url(/zstp/ico-2-1.png) no-repeat;
    cursor: pointer;
}

.listsInfoBox .tabs > i.leftBtn {
    left: 0;
    background-position: 0 -39px;
}

.listsInfoBox .tabs > i.rightBtn {
    right: 0;
    background-position: -16px -39px;;
}

.listsInfoBox .tabs > i.leftBtn.not {
    background-position: 0 0;
}

.listsInfoBox .tabs > i.rightBtn.not {
    background-position: -16px 0;
}

.listsInfoBox .tabs a {
    position: relative;
    display: inline-block;
    min-width: 106px;
    height: 36px;
    padding: 0 20px;
    margin-left: 5px;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    background: #cbf1fe;
    color: #37b6f2;
}

.listsInfoBox .tabs a:first-child {
    margin-left: 0;
}

.listsInfoBox .tabs a.a2 {
    background: #d6f8ad;
    color: #7cad45;
}

.listsInfoBox .tabs a.a3 {
    background: #dbddff;
    color: #7a7fd4;
}

.listsInfoBox .tabs a.a4 {
    background: #fcf3cc;
    color: #b5a353;
}

.listsInfoBox .tabs a::after {
    visibility: hidden;
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #cbf1fe;
}

.listsInfoBox .tabs a.a2::after {
    border-top: 10px solid #d6f8ad;
}

.listsInfoBox .tabs a.a3::after {
    border-top: 10px solid #dbddff;
}

.listsInfoBox .tabs a.a4::after {
    border-top: 10px solid #fcf3cc;
}

.listsInfoBox .tabs a.on::after {
    visibility: visible;
}

.listsInfoBox .lists {
    padding: 10px;
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    top: 138px;
    overflow: hidden;
    overflow-y: auto;
}

/*.listsInfoBox .lists ul li a {
    display: block;
    padding: 8px 0;
    font-size: 14px;
    color: #333;
}*/

.listsInfoBox .lists ul li a em { display: block; padding-bottom: 4px; color: #888; font-size: 13px;}

.listsInfoBox .lists ul li a:hover {
    color: #006699;
}

.notData {
    padding: 30px 0;
    text-align: center;
    font-size: 18px;
    color: #888;
}

/*2021/04/09 新增样式 start*/
.listsInfoBox .lists {
    padding: 10px;
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    top: 80px;
}

.listsInfoBox .lists ul#relationInfos li {
    padding-left: 0;
    padding-top: 0px;
}

.listsInfoBox .lists ul li {
    padding: 15px 0 8px 130px;
    position: relative;
}

.listsInfoBox .lists ul li a.mode {
    position: absolute;
    left: 0;
    top: 12px;
}

.listsInfoBox .lists ul li a {
    display: inline;
    font-size: 16px;
    line-height: 20px;
    color: #333;
}

.listsInfoBox .lists ul li a em {
    display: block;
    padding-bottom: 4px;
    color: #888;
    font-size: 13px;
}

.listsInfoBox .lists ul li a:hover {
    color: #006699;
}

.listsInfoBox .lists .mode {
    display: inline-block;
    background: #CBF1FE;
    color: #22adf0;
    min-width: 90px;
	max-width: 130px;
    min-height: 30px;
    margin-right: 10px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
	overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}


.listsInfoBox .lists .mode.s1 {
    background: #cbf1fe;
    color: #22adf0;
}

.listsInfoBox .lists .mode.s1:hover {
    background: #22adf0;
}


.listsInfoBox .lists .mode.s2 {
    background: #e7e9f5;
    color: #5a60c5;
}

.listsInfoBox .lists .mode.s2:hover {
    background: #5a60c5;
}

.listsInfoBox .lists .mode.s3 {
    background: #d6f8ad;
    color: #7cad45;
}

.listsInfoBox .lists .mode.s3:hover {
    background: #7cad45;
}

.listsInfoBox .lists .mode.s4 {
    background: #fcf3cc;
    color: #b5a353;
}

.listsInfoBox .lists .mode.s4:hover {
    background: #b5a353;
}

.listsInfoBox .lists .mode.s5 {
    background: #ffe7e7;
    color: #ff5c5a;
}

.listsInfoBox .lists .mode.s5:hover {
    background: #ff5c5a;
}

.listsInfoBox .lists .mode.s6 {
    background: #dbf6e9;
    color: #12c56a;
}

.listsInfoBox .lists .mode.s6:hover {
    background: #12c56a;
}

.listsInfoBox .lists .mode.s7 {
    background: #ddeefb;
    color: #188ae2;
}

.listsInfoBox .lists .mode.s7:hover {
    background: #188ae2;
}

.listsInfoBox .lists .mode.s8 {
    background: #fdeedb;
    color: #fb9d52;
}

.listsInfoBox .lists .mode.s8:hover {
    background: #fb9d52;
}

.listsInfoBox .lists .mode:hover {
    background: #22ADF0;
    color: #fff;
}

/*5月21日 新增样式 start*/
.listsInfoBox .lists .psBox { width: 100%; height: 40px; z-index: 2;}
.listsInfoBox .lists .lists_ul { position: absolute; left: 15px; right: 15px; bottom: 15px; top: 50px; overflow: hidden; overflow-y: auto;}
.listsInfoBox .lists .ps { font-size: 16px; color: #666; line-height: 38px; width: 560px;  height: 40px; background: #fff;}
/*.listsInfoBox .lists .ps { font-size: 16px; color: #666; line-height: 38px; width: 560px; position: fixed; height: 40px; padding-top: 8px; background: #fff;}*/
.listsInfoBox .lists .toTopBox { display: none; position: absolute; bottom: 10%; right: 15px; width: 50px; height: 50px;}
.listsInfoBox .lists .toTopBox a { opacity: .3; transition: .3s;}
.listsInfoBox .lists .toTopBox a:hover { opacity: 1;}
/*5月21日 新增样式 end*/


/*.listsInfoBox .lists .ps {
    font-size: 16px;
    color: #666;
    line-height: 38px;
}*/


.listsInfoBox .lists .ps em {
    margin: 0 10px;
    cursor: pointer;
}

.listsInfoBox .lists .ps .back {
    float: right;
    width: 50px;
    height: 26px;
    border-radius: 5px;
    line-height: 26px;
    text-align: center;
    border: 1px solid #069;
    color: #069;
}

.listsInfoBox .lists .ps .back:hover {
    background: #069;
    color: #fff;
}

/*2021/04/09 新增样式 end*/
/* 列表内容 end */


/* 20200312 start */


.tagsBox {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 58px;
    background: rgba(0, 0, 0, .4);
}

.tagsBox > span {
    width: 24px;
    height: 58px;
    padding: 8px 5px 0;
    font-size: 14px;
    text-align: center;
    background: #ffba04;
    color: #fff;
}

.tagsBox > .ps {
    width: 30px;
    height: 58px;
    position: relative;
    background: rgba(0, 0, 0, .1) url(/zstp/ico-1-4.png) no-repeat center;
}
.tagsBox > .ps i { display:none; opacity: 0; position: absolute; top: 13px; left: 45px; white-space: nowrap; color: #fff; display: inline-block;padding: 5px 15px; background: rgba(0,0,0,.4); border-radius: 4px;}
.tagsBox > .ps i::after { position: absolute; left: -8px; top: 50%; margin-top: -7px; content: ""; display: inline-block;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:8px solid rgba(0,0,0,.4);}
.tagsBox .icons { padding: 0 5px;}
.tagsBox .icons a { float: left; width: 40px; padding-top: 6px; text-align: center; color: #fff;}
.tagsBox .icons a i { display: block; line-height: 14px;}

/* 左下角图例样式 */
.btnsBox { display:none;padding: 8px 10px; position: absolute; left: 200px; top: 200px; border-radius: 6px; background: rgba(0,0,0,.5);}
.btnsBox i { position: absolute; left: -10px; top: 50%; margin-top: -8px; display: block;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:10px solid rgba(0,0,0,.4);}
.btnsBox ul li { padding: 2px 0;}
.btnsBox ul li a { display: block; width: 126px; height: 32px; text-align: center; line-height: 32px; border-radius: 5px; background: #fff; color: #333;}
.btnsBox ul li a:hover { opacity: .9;}
/* 左下角图例样式 */

.infoPsWarp { display:none;position: absolute; width: 100%; top: 64px; left:0; bottom: 0; background: rgba(0,0,0,.6); transition: .3s; opacity: 1; z-index:2}
.infoPsWarp.chide { transform: scale(0); opacity: 0; margin: -50%;}
/* 20200330 改动 */
/*.infoPsWarp { position: absolute; left: 0; right: 0; top: 151px; bottom: 0; background: rgba(0,0,0,.6); z-index:2}*/
.infoPsWarp .psBox { width: 456px; height: 280px; margin: -140px 0 0 -228px; position: absolute; top: 40%; left: 50%; text-align: center; }
.infoPsWarp .psBox .imgT1 { text-align: center; padding: 30px 0; border: 1px dashed #fff; border-radius: 5px; }
.infoPsWarp .psBox .imgT1 .nextBtn { display: inline-block; padding: 5px 30px; margin-top: 30px; background: #4a90e2; color: #fff; font-size: 16px; border-radius: 3px;position: relative;z-index: 2;}
.infoPsWarp .psBox .imgT1 .nextBtn:hover {
    background: #3c84d8;
}

.infoPsWarp .psBox .outBtn {
    display: inline-block;
    padding: 30px;
    font-size: 20px;
    color: #fff;
    position: relative;
    z-index: 2;
}

.hidden {
    display: none;
}

.infoPsWarp .psBox.t2 {
    width: 800px;
    margin: -140px 0 0 -400px;
}

.infoPsWarp .psBox.t3 {
    width: 1080px;
    margin: -180px 0 0 -540px;
    height: 205px;
}

.infoPsWarp .psBox.t3 .imgT1 {
    border: none;
}

.infoPsWarp .psBox.t3 .nextBtn {
    position: absolute;
    left: 60%;
    bottom: -10px;
}

.infoPsWarp .psBox.t3 .outBtn {
    position: absolute;
    left: 60%;
    bottom: -130px;
}

.infoPsWarp .psBox.t4 {
    width: 500px;
    margin: -180px 0 0 -250px;
}

.infoPsWarp .psBox.t6 {
    width: 600px;
    margin: -180px 0 0 -300px;
}

.infoPsWarp .psBox.t7 {
    width: 660px;
    margin: -250px 0 0 -300px;
}

.infoPsWarp .psBox.t8 {
    width: 620px;
    margin: -250px 0 0 -300px;
}

/* 20200312 end */

/* 20200506 更多按钮样式 */
.moreData {
    text-align: center;
    padding: 10px;
}

.moreData a {
    display: inline-block;
    height: 32px;
    padding: 0 30px;
    line-height: 32px;
    font-size: 14px;
    color: #888;
    border: 1px solid #eee;
    border-radius: 4px;
    background: #fcfcfc;
}

.moreData a:hover {
    background: #f9f9f9;
}

/* 20200506 更多按钮样式 */
/* 20200508 暂无更多样式 */
.notMoreData {
    display: none;
    padding: 15px 0;
    text-align: center;
    font-size: 14px;
    color: #999;
}

/* 20200508 暂无更多样式 */

/* 自定义添加内容 */
.gfxwjtycxptBox {
    width: 90%;
    min-width: 1200px;
    margin: 0 auto;
}


.titBox {
    height: 64px;
    padding: 0;
    line-height: 64px;
    background: #EBEFF2;
    border-bottom: 1px solid #ddd;
}

.titBox h3.t1 {
    padding: 20px 0 0 20px;
}

.titBox h3.t1 span {
    display: inline-block;
    padding: 5px 0 5px 10px;
    font-size: 20px;
    border-left: 6px solid #FC021F;
    font-weight: 700;
}

.checkList {
    text-align: right;
    padding-right: 10px;
}

.checkList label em{
    display: inline-block;
    padding: 0 20px;
    font-size: 16px;
    color: #373737;
    font-weight: 500;
    background: #F4F8FB;
    border-radius: 7px 7px 0 0;
    border: 1px solid #ddd;
    margin-bottom: 0;
    height: 48px;
    line-height: 48px;
    position: relative;
    top: 10px;
}

.checkList label input {
    margin-right: 5px;
    display: none;
}

.checkList label input[type="radio"]:checked + em {
    background: #fff;
    border-bottom: 1px solid #fff;
}

.type-search {
    position: relative;
}

.type-search .tags {
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .4);
    z-index: 2;
}

.type-search .tags a {
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

/* 查找栏目样式 */
.type-search .tags a i {
    display: inline-block;
    width: 100%;
}

/*!* 网络拓扑图样式 *!*/
/*.network {*/
/*    width: 100%;*/
/*    height: 840px;*/
/*    background: #fff;*/
/*    overflow: hidden;*/
/*}*/


/* 自定义添加内容 */

/*样式测试*/
.text-change {font-family:arial;}
/*样式测试*/


/* 20200331 新增样式*/
.listsInfoBox {box-shadow:0 8px 10px rgba(0, 0, 0, .2)}
.gfxwjtycxptBox.fullScreen .boxWarp{position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9;}
.gfxwjtycxptBox.fullScreen .type-search{position: absolute; bottom: 0; top: 64px; left: 0;right: 0;}
.gfxwjtycxptBox.fullScreen .infoPsWarp {position: fixed;top: 0;z-index: 9;}
.gfxwjtycxptBox.fullScreen .network {height: 100%;}
/* 20200331 新增样式*/

/*底版本浏览器提示 start*/
.browsers-warp {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; display: none;}
.browsers-warp b.bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; filter: alpha(opacity = 60);}
.browsers-warp .browsers-box { position: absolute; left:50%; top: 50%; margin: -300px 0 0 -400px; z-index: 2; background: #fff; border:1px solid #ddd; border-radius: 8px; width: 800px; height: 600px;}
.browsers-warp .browsers-box h2{  text-align: center; margin-top: 30px; font-size: 18px}
.browsers-warp .browsers-box h4 { text-align: center;  font-size: 22px; margin: 40px 0;}
.browsers-warp .browsers-box .browserList { width: 500px; margin: 0 auto;}
.browsers-warp .browsers-box ul li { float: left;}
.browsers-warp .browsers-box ul li a { display: block;width: 76px;height: 46px;margin: 10px 24px;padding-top: 86px; font-size: 14px; background: url(/zstp/browser.jpg) no-repeat;color: #58954E; text-align: center;}
.browsers-warp .browsers-box ul li a:hover { opacity: .8;filter: alpha(opacity = 80); }
.browsers-warp .browsers-box ul li a.ico1 {background-position: -80px 0}
.browsers-warp .browsers-box ul li a.ico2 {background-position: -248px 0}
.browsers-warp .browsers-box ul li a.ico3 {background-position: -166px 0}
.browsers-warp .browsers-box p.img { text-align: center;}

.browsers-warp .browsers-box table,.browsers-warp .browsers-box dl { width: 90%; margin: 0 auto; color: #666}
.browsers-warp .browsers-box table th,.browsers-warp .browsers-box table td { border: 1px solid #ddd; text-align: center; padding: 5px;}
.browsers-warp .browsers-box table th { background: #f8f8f8}
.browsers-warp .browsers-box table th span { display: block; margin-top: -5px;}

/*底版本浏览器提示 end*/