body,html{width: 100%;height: 100%;}
.znwd-bg{height: 100%;background: url("20210917-smznss-bg.png") no-repeat;background-size: cover;}

.znwd-box{width: 1300px;height: 77%;background: #fff;border-radius: 10px;position: absolute;top:10%;left: 50%;margin-left: -650px;}
.znwd-botp{font-size: 14px;color: #fff;text-align: center;position: absolute;bottom:30px;left: 0;right: 0;}
.znwd-botp span{display: inline-block;margin: 0 15px;}

.znwd-top{padding: 10px 18px;border-bottom: 1px #e8e8e8 solid;z-index: 10;margin-left: 70px;}
.znwd-logo img{width: 240px;float: left;}
.znwd-logo em{display: inline-block;width: 1px;height: 22px;background: #e8e8e8;float: left;margin: 13px 17px 0;}
.znwd-logo span{font-size: 20px;font-weight: bold;float: left;margin-top: 14px}

.znwd-home a{
    line-height: 30px;
    height: 30px;
    border: 1px solid #e3e3e3;
    padding: 0 18px;
    border-radius: 15px;
    cursor: pointer;
    color: #666666;
    display: block;
    margin-top: 12px;
}
.znwd-home i{font-size: 12px;margin-right: 8px;}
.znwd-tab{width: 166px;border-right: 1px #e8e8e8 solid;position: absolute;top: 74px;left: 0;bottom: 0;}
.znwd-tab ul li a{display: block;padding-left:20px;border-bottom: 1px #f3f3f3 solid;height: 60px;line-height: 60px;transition: all .3s;}
.znwd-tab ul li span{display: inline-block;width: 22px;height:60px;float: left;margin-right: 10px;}
.znwd-tab ul li span.zn-ic1{background: url("20210914-znwd-icon1.png") no-repeat center;}
.znwd-tab ul li span.zn-ic2{background: url("20210914-znwd-icon2.png") no-repeat center;}
.znwd-tab ul li.curr a,.znwd-tab ul li:hover a{background: #1658a0;color: #fff;}
.znwd-tab ul li.curr span.zn-ic1,.znwd-tab ul li:hover span.zn-ic1{background: url("20210914-znwd-icon1-b.png") no-repeat center;}
.znwd-tab ul li.curr span.zn-ic2,.znwd-tab ul li:hover span.zn-ic2{background: url("20210914-znwd-icon2-b.png") no-repeat center;}

.sybz{text-align: center;position: absolute;bottom: 30px;left: 0;right: 0;}
.sybz a{color: #1658a0;}
.sybz a img{margin-right: 6px;}

.znwd-srk{position: absolute;top: 73px;left: 70px;right: 29%;bottom: 0;}

.srk-top{position: absolute;top: 0;left: 0;right: 0;bottom: 146px;background: #f2f4f5;}
.srk-scroll{position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow-y: auto;padding: 16px;}

.znwd_con3{ position: relative; padding-bottom: 27px; z-index: 2;}
.znwd_con3 span.tx_icon{ position: absolute; left: 0; top: 0; width: 40px; height: 40px; border-radius: 100%; overflow: hidden;}
.znwd_con3.yk span.tx_icon{ left: auto; right: 0;}
.znwd_con3 span.tx_icon img{ width: 40px; height: 40px; border-radius: 100%;}
.znwd_con3>em{ position: absolute; left:50px; top: 12px; width:14px; height:14px; background: url(20210914-sjx-12.png) no-repeat; z-index: 5;}
.znwd_con3.yk>em{ right:50px; left: auto; background-image: url(20210914-sjx-122.png);}
.znwd_con4{ max-width: 64.615384%; padding-left: 60px; width: auto; float: left; *display: block; z-index: 3; position: relative;}
.znwd_con5{ padding: 6px 19px 6px 19px; background-color: #ffffff; border-radius: 6px; box-shadow: 4px 0 10px rgba(34,95,179,.05); line-height: 28px;  min-height: 28px;}
.znwd_con3.yk .znwd_con4{ float: right; padding-right:60px; padding-left: 0;}
.znwd_con3.yk .znwd_con5{ color: #ffffff; background-color: #1658a0;}


.del2{ position: absolute; right: 11px; bottom: 11px; background-color: #ffffff; line-height: 28px; height: 28px; border-radius: 14px; padding: 0 12px; font-size: 13px; color: #666666;z-index: 999;}
.del2 i{ margin-right: 7px; vertical-align: top;}

.srk-bot{border-top: 1px #e8e8e8 solid;height: 116px;background: #fff;position: absolute;bottom: 0;left: 0;right: 0;padding: 15px 20px;}
.sr-dzk{background: #f8f8f8;border-radius: 14px;padding: 15px;}
.sr-dzk textarea{height: 48px;color: #b5b5b5;width: 100%;background: none;}
.sr-dzk p{float: left;color: #b5b5b5;}
.sr-dzk button{float: right;font-size: 14px;width: 80px;height: 33px;background: #1658a0;color: #fff;border-radius: 50px;cursor: pointer;}

.znwd-cjwt{width: 29%;border-left: 1px #e8e8e8 solid;position: absolute;right: 0;top: 73px;bottom: 0;overflow-y:auto}
.znwd-pad{padding: 20px;}

.cjwt-h5{font-size: 16px;font-weight: bold;line-height: 16px;padding-left: 10px;border-left: 5px #1658a0 solid;}

.cjwt-list{margin-left: -4%;padding-top: 5px;}
.cjwt-list li{width: 46%;float: left;margin-left:4%;margin-top: 15px;}
.cjwt-list li a{display: block;padding: 0 14px;height: 42px;line-height: 42px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: #f5f5f5;border-radius: 6px;}


.lsjl{border-top: 1px #eeeeee solid;margin-top: 20px;padding-top: 15px;}
.lsjl h5{font-size: 16px;float: left;font-weight: bold}
.lsjl a{color: #999;float: right;}


.sm-left-box{width: 70px;background: #1658a0;border-radius: 10px 0 0 10px;position: absolute;left: 0;top: 0;bottom: 0;text-align: center}
.sm-left-box span{margin-top: 23px;display: inline-block}
.sm-left-box i{position: absolute;bottom: 30px;left: 25px;cursor: pointer;}


.znss-wnt{margin-top: 15px;}
.znss-wnt li{font-size: 14px;line-height: 34px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.znss-wnt li i{display: inline-block;width: 4px;height: 4px;border-radius: 100%;background: #c0c0c0;float: left;margin: 16px 10px 0 0;}

.rdgz-list{margin-left: -2%;}
.rdgz-list li{float: left;width: 23%;margin-left: 2%;margin-top: 20px;}
.rdgz-list li a{display: block;height: 28px;border-radius: 6px;line-height: 28px;text-align: center;background: #f5f5f5;float: none;color: #333;}
.rdgz-list li:hover a{background: #1658a0;color: #fff;}

.bsoxer-tit{padding-bottom: 14px;border-bottom: 1px #e8e8e8 dashed;margin-top: 14px;}
.bsoxer-tit h5{font-size: 16px;font-weight: bold;padding-left: 10px;border-left: 4px #1658a0 solid;line-height: 16px;}

.znss-wnt-tzsd{margin-top: 10px;}
.znss-wnt-tzsd li{line-height: 28px;}
.znss-wnt-tzsd li i{margin-top: 12px}
.znwdgdd{text-align: right}
.znwdgdd a{color: #999;}

@media screen and (max-width: 1300px){
    .znwd-box{width: 1200px;margin-left: -600px;}
}
@media screen and (max-width: 1200px){
    .znwd-box{width: 1000px;margin-left: -500px;}

}


@media screen and (max-width: 1000px){
    .znwd-box{width: 100%;margin-left: 0;left: 0;top: 0;bottom: 0;height: 100%;border-radius: 0;}
    .znwd-botp,.znwd-tab,.znwd-cjwt,.sm-left-box{display: none}
    .znwd-srk{left: 0;right: 0}
    .znwd-top{margin-left: 0;}

    .znss-wnt li{white-space: normal;}
    .znss-wnt li a{display: block;margin-left: 15px;}

}


@media screen and (max-width: 750px){
    .znwd-logo img{width:170px;}
    .znwd-logo em,.znwd-logo span,.znwd-home i{display: none;}
    .znwd-home a {font-size: 12px;padding: 0 12px;height: 22px;line-height: 22px;margin-top: 5px;}
    .znwd-top{padding: 10px 12px;}
    .znwd-srk{top: 54px;}
    .srk-top{padding: 12px;}
    .srk-bot{padding: 15px;}

}