.jy_bs{box-shadow: 0 0 10px rgb(223 234 243);}
.jyzt_bs{box-shadow:0 0 10px #e5e7e8;box-sizing:border-box;}
.box2 .infoList{min-height: 210px;}
.box2_fr .infoList li h4{padding: 0 20px}
.jyzt_header{position: relative;background: url(/ncszf/xhtml/jy/images/jyzt_header_bg.png) no-repeat top center;height: 630px;}
.jyzt_logo_warp{position: relative;height: 100%;}
.jyzt_logo_warp .logo{position: absolute;top: 4.375rem;}
.nav_uls_main{position: absolute;bottom: 1.25rem;width: 98%;}
.position {background: url(/ncszf/xhtml/jy/images/position_ico.png) no-repeat left center;padding: 1.875rem 0;padding-left: 1.875rem;}
.nav_uls{display: flex;justify-content: space-evenly;}
.nav_uls li{width: 135px;height: 135px;border-radius: 50%;}
.nav_uls li.active{background-color: #fff;box-shadow: 0 8px 10px #d8e9ff;}
.nav_uls li a{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 100%;}
.nav_uls li a p{width: 100%;text-align: center;font-size: 1.25rem;font-weight: bold;}
.jyzt_main {background: linear-gradient(to bottom,#fff,#ebf5fe);background: url(/ncszf/xhtml/jy/images/jyzt_main_bg.png) no-repeat top center;    background-size: cover;padding-bottom: 30px;}
.box1{position: relative;}
.box1 .title_select{position: absolute;left: 4%;top: 50%;transform: translate(0, -50%);display: flex;align-items: center;background-size:cover;z-index: 11;}
.box1 .title{color: #fff;font-size: 3.5rem;letter-spacing:3px;display: flex;align-items: center;}
.box1 .title span{font-weight: bold;}
.box1 .title i{font-size: 3rem;}

.title_select .select{margin-left: 1.25rem;}
.selec-wp{position:relative;width:210px;}
.selec-wp dt{height:46px;border:1px solid #ddd;font-size:0;cursor:pointer;overflow: hidden;border-radius: 30px;width: 100%;background-color: #fff;}
.selec-wp dt .val{position:relative;padding-left:28px;background-color:#fff;color:#333;font-size:16px;display: flex;align-items: center;height: 100%;font-weight: bold;}
.selec-wp dt .ico{position:relative;top:50%;display:block;margin:0 20px;margin-top:-3px;width:11px;height:6px;background:url(/ncszf/xhtml/jy/images/selcdwn_ico.png) no-repeat center}
.selec-wp:hover dt{border-color:#0097fd}
.selec-wp dt .rot{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
/* display: none; */
.selec-wp dd{position:absolute;top:48px;overflow:auto;width:100%;border-radius: .625rem;    box-shadow: 2px 3px 10px #e4e4e4;overflow: hidden;display: none;}
.selec-wp ul{padding: 10px 0;background-color: rgba(255, 255, 255, 0.9);height: 215px;position: relative;}
.selec-wp ul li{padding:5px 28px;font-size:16px;cursor:pointer;text-align: center;}
.selec-wp ul li:hover{background-color:#dfe7ee;color:#0097fd}
.selec-wp ul li:hover a{color: #5291E8;font-weight: bold;}

.scrollbar1_jt{    width: 100%;
    height: 10px;
    padding: 12px 0;
    background: white;
    position: absolute;
    z-index: 1000;
    bottom: 5px;}
.scrollbar1_jt::after {
    content: ">";
    position: absolute;
    height: 11px;
    right: 0;
    left: 0;
    text-align: center;
    font-family: "ËÎÌå";
    transform: rotate(90deg);
    z-index: 10;
}
.box2{display: flex;justify-content: space-between;margin-top: 2.75rem;}
.box2_fl{width: 62%;}
.zxtw{background: #ffffff;margin-bottom: 15px;}
.box2_fr{width: 36%;/*background: #fff;*/padding-bottom: 1.25rem;}
.box2_fr .title{margin-bottom:0.9375rem;height:52px;background:url(/ncszf/xhtml/jy/images/zxtw_title.png) no-repeat;background-size:100% 100%;font-size:22px;color:#fff;display:flex;justify-content:center;align-items:center;}
.box2_fr .title a{color: #ffffff;}
.box2_fr .module-box{padding: 0 1.875rem;}
.box2_fr .common-head .menu1 li.on span a{color: #2d548f;}
.box2_fr .infoList li{padding: 4px 0;}
.com-tab-wp .infoList{display: none;}
.com-tab-wp .infoList.on{display: block;}
.box2_fl .item{background: #fff;padding: 0 1.5rem;padding-bottom: 1.5rem;box-shadow: 0 0 10px #e7f6ff;border: 1px solid #e7f6ff;box-sizing: border-box;}
.box2_fl .item:nth-child(1){margin-bottom: 1.25rem;}
.box2_fl .infoList li{list-style: none;position: relative;}
.box2_fl .infoList li::before{position: absolute;top: 50%;transform: translate(0,-50%);left: 2px;;content: "";margin-top: 0em;width: 16px;height: 16px;background: url(/ncszf/xhtml/jy/images/li_ico.png) no-repeat center center;z-index: 2;}
.box2_fl .infoList .not-data-mod{padding-left:20px}
.box2_fl .infoList li h4 a{position: relative;padding-left: 5px;}
.box2_fl .infoList li h4 a:before{display: none;}
.box2_fl .infoList li h4 a i{color: #5291E8;font-weight: bold;display:none}
.box2_fl .item .title{display: flex;align-items: center;justify-content: center;padding: 1.375rem 0 0.8rem;}
.box2_fl .item .title a{font-size: 1.9rem;margin-left: 10px;display: flex;align-items: center;font-weight: bold;}
.zwfw_12345{display: flex;justify-content: center;margin-top: 0.25rem; padding-bottom: 1.25rem;}
.box2_fl .item .title a img{height: 37px;}

.box3{display: flex;justify-content: space-between;margin-top: 1.25rem;}
.box3_fl{/*width: 62%;*/}
.box3_fr{/*width: 36%;*/}
.box3_fl .item{display: flex;flex-direction: column;background: #fff;padding: 2.25rem 1.25rem;}
.box3_fl .item:nth-child(1){margin-bottom: 1.25rem;}
.box3_fl .item .list_title{display:flex;justify-content: center;font-weight: bold;}
.box3_fl .item .list_title img{height: 30px;margin-right: 10px;}
.box3_fl .item .searchServer{display: flex;justify-content: space-between;align-items: center;margin: 30px 0 10px;}
.box3_fl .item .searchServer li{width: 40%;background-color: #e7f7ff;padding: 20px;display: flex;justify-content: center;align-items: center;border-radius: 35px;font-size: 18px;box-sizing: border-box;}
.box3_fl .item .searchServer li p a{color: #5291E8;font-weight: bold;}
.box3_fl .item .serverCon li.lastLi{position: relative;padding: 0px;width: 60px;height: 60px;border-radius: 50%;box-shadow: 2px 2px 8px 0 #dcdcdc;cursor: pointer;}
.box2_fl .infoList.md li h4{padding-right: 112px;}
.theme-popover-mask {z-index: 1;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;display: none;}
.theme-popover {z-index: 9;position: absolute;top: 50%;left: 50%;width: 660px;height: 360px;margin: -180px 0 0 -330px;border-radius: 5px;border: solid 2px #e4e4e4;background-color: #fff;display: none;box-shadow: 0 0 10px #666;background: #fff;}
.theme-poptit {padding: 12px;position: relative;height: 24px;display: flex;align-items: center;position: relative;justify-content: center;}
.theme-poptit .close {position: absolute;top: 10px;right: 20px;color: #999;padding: 5px;font: bold 14px/14px simsun;text-shadow: 0 1px 0 #ddd;width: 28px;height: 28px;}
.theme-poptit .close:hover {color: #444;}
.alert_content{    height: 390px;overflow-y: scroll;}
.theme-popbod {padding: 60px 15px;color: #444;height: 148px;}
.alert {z-index: 999;position: fixed;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);width: 54%;height: auto;margin: auto;border-radius: 10px;border: solid 2px #e4e4e4;background-color: #fff;display: none;box-shadow: 0 0 10px #666;background: #fff;padding: 25px;}
.alter_img {cursor: pointer;position: absolute;top: -4px;right: -2px;width: 28px;}
.serverCon1 {font-weight: 600;margin-top: 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.serverCon1 li {width: 40%;background-color: #e7f7ff;padding: 20px 0;display: flex;justify-content: center;align-items: center;border-radius: 35px;font-size: 18px;margin-bottom: 1.25rem;}
.serverCon1 li p a{color: #1D5BAB;}
.searchServer1 li {font-size: 18px;width: 28%;background-color: #e7f7ff;box-shadow: 0px 0px 0px 0px rgba(212, 219, 227, 0.68);}
.serverCon1 li {font-size: 18px;width: calc(48% - 20px);background-color: #e7f7ff;box-shadow: 0px 0px 0px 0px rgba(212, 219, 227, 0.68);}
.serverCon1::before{display: none;}
.serverCon1::after{display: none;}

.box3_fr .title{margin-bottom: 20px;background: none;justify-content: left;}
.box3_fr ul li{margin-bottom: 20px;box-shadow: 2px 2px 5px #ccd1d4;}
.box3_fr ul li img{width: 100%;}
@media (max-width:1480px){
   
}

@media (max-width:1200px){

}

@media (max-width:992px) {
    .nav_uls{flex-wrap: wrap;justify-content: flex-start;}
    .box1 .title_select{position: relative;left: 0px;top: 0px;transform: translate(0, 0%);margin-top: 1.25rem;}
    .box1 .title{color: #5291E8;}
    .box2{flex-wrap: wrap;}
    .box2_fl{width: 100%;}
    .box2_fr{width: 100%;}
    .selec-wp ul{background-color: #fff;}
    .selec-wp dd {background-color: #fff;border: 1px solid #ddd;}
    .box1 .title_select{z-index: 11;}
    .box2_fr .title img{width: 100%;}
    .jyzt_main{background-size: cover;}
    .box2_fr{padding-bottom: 1.25rem;}
    .box3{flex-wrap: wrap;}
    .box3_fl{width: 100%;}
    .box3_fr{width: 100%;}
}

@media (max-width:768px) {
   .nav_uls li{width: 33%;}
   .jyzt_header{background-size: contain;}
   .position{box-sizing: border-box;padding-left: 1.375rem;}
   .box3_fr .title a{display: flex;}
   .box3_fr .title img{height: 100%;}
    .box1 .title_select{flex-wrap: wrap;}
    .box1 .title{width: 100%;text-align: center;}
    .box1 .title_select{justify-content: center;}
    .box1 .title_select .select{margin-top: 1.25rem;}
    .nav_uls{width: 100%;}
    .nav_uls li{box-sizing: border-box;}
    .jyzt_logo_warp .logo{width: 30%;top: 10px;}
    .nav_uls_main{width: 98%;}
    .alert{width: 80%;}
}

@media (max-width:640px) {
    .pc-more{display: none;}
    .com-tab-wp .common-head .menu1{width: 100%;}
}

@media (max-width:576px) {
    .box1{padding-bottom: 0;}
    .box2{padding-top: 0px;}
    .box2_list .col-6{padding: 1.5rem 0.5rem;}
    .com-tab-wp .common-head .menu1{flex-wrap: wrap;justify-content: flex-start;}
    .com-tab-wp .common-head .menu1::before{display: none;}
    .com-tab-wp .common-head .menu1::after{display: none;}
    .com-tab-wp .common-head .menu1 li{padding: 0 10px;width: 50%;box-sizing: border-box;}
    .com-tab-wp .common-head .menu1 li a{font-size: 16px;}
    /* .hdjl_list{flex-wrap: wrap;} */
    .nav_uls li{height: 120px;}
    .box3{padding-top:0px ;}
    .box3_fl .item .searchServer{flex-wrap: wrap;}
    .box3_fl .item .searchServer li{width: 100%;margin-bottom: 1.25rem;}
    .box3_fl .item .serverCon li.lastLi{width: 100%;border-radius:initial}
    .box1 .title{font-size: 2rem;}
    .box3_fr .title{padding: 20px 0;}
    .serverCon1 li{width: calc(100% - 0px);}
    .serverCon1 li p a{font-size: 14px;}
    .box2_fl .infoList li::before {top: 0%;transform: translate(0, 80%);}
    .box1{position: absolute;top: 70px;}
    .box1>img{display: none;}
    .jyzt_header{height: 660px;}
    .box2{margin-top: 0px;}
    .common-head .menu1 li{margin: 0px;}
}

@media (max-width:480px) {
    .nav_uls_main{width: 95%;}
}