@charset "utf-8";
.forDesk {display:block;}
.forDesc {display:block;}
.forMo {display:none;}
@media only screen and (max-width:1640px) {
    
}
@media only screen and (max-width:1600px) {
    
}
@media only screen and (max-width:1440px) {
    .content .sub .stext span {font-size:14px;}
	.content .sub .title2 p {font-size:13px;}
}
@media only screen and (min-width:1281px) {
    
}
@media only screen and (min-width:1025px) and (max-width: 1280px) {
    
}
@media only screen and (max-width:1330px) {
	.content .sub .title2 .tab {display:inline;}
	.content .sub .title2 .tab ul {width:auto;}
	.content .sub .title2 p {width:100%; text-align:left; margin-top: 5px;}
	.content .sub .stext {float:none; margin-top: -11px;}
	.content .sub .cont-title {margin-top: 10px;}
	.content .sub .table.war {margin-top:10px;}
}
@media only screen and (max-width:1280px) {
    .index .time table tr th {width: 20%;}
    .index .time table tr td {width: 80%;}
    .index .boxwrap2 {flex-wrap: wrap;}
    .index .boxwrap2 .box {width: 49%; margin: 0;}
    .index .boxwrap2 .box.rf {margin-right: 0; margin-left: 2%;}
    .index .boxwrap2 .box.wl {margin-left: 0; width: 100%; margin-top: 20px;}
    .index .boxwrap ul li span {right: 0; bottom: 10px;}
    .index .boxwrap ul li span img {width: 80%;}
    
    .content .sub .sc .scwrap2 .scw {width: 130px;}
    /*.content .sub .sc .scwrap2 .scw.ip input {width: 80px;}*/
    .content .sub .sc .scwrap2 .scw.ip input {width: 80%;}
    .content .sub .sc .scwrap2 .scw.time {width: 60px;}
    .content .sub .sc .scwrap2 .scw.time select {margin-left: 9px;}
    
}

@media only screen and (max-width:1024px) {
    header {position:fixed; z-index: 1000}
    header .lt span {font-size: 1.3em; }
    header .lt img {width:120px; vertical-align: -2px; margin-right:5px;}
    
    .content .left-menu-op {overflow-y: auto; height: calc(100% - 60px);}
    .content .left-menu-op::-webkit-scrollbar {width: 6px;height: 6px;}
	.content .left-menu-op::-webkit-scrollbar-track {background-color: #232f61;}
	.content .left-menu-op::-webkit-scrollbar-thumb {background: #636b8c; border-radius: 6px;}
    
    .content {overflow: visible; top: 60px;}
    .content .map {height: 500px; width: 100%;}
    .content .tc .tb .scr {height: 400px;}
    .content .tc .tb .scr table tr.active td {border-right: none;}
    .content .tc .tb table tr td {border-right: none;}
    .content .tc .tb table tr th {border-right: none;}
    .content .ar {display: none;}
    
    .content .c-rt .sc .scw {width: 50%;}
    .content .c-rt .sc .scw input {width: 70%;}
    .content .c-rt .sc select {width: 95%;}
    .content .c-rt {width: 100%; height: auto; top: 500px;}
    .content .c-rt .tc {height: auto; overflow-y: hidden;}
    .content .c-rt .tc .txt {margin-bottom:20px;}
    .content .c-lt .bt {right: 15px; top: 15px; left: auto;}
    .content .c-lt .bt .r-bt ul {display: block;}
    .content .c-lt .bt .r-bt ul li {margin-top: 4px; margin-right: 0;}
    .content .c-lt .bt .r-bt ul li:first-child {margin-top: 0;}
    .content .c-lt .bt2 {left: 15px;height: 195px; top: 290px;}
    .content .c-lt .sc {left: 15px;}
    .content .c-lt .mapLayer {left: auto; right: 60px; top: 40px;}
    .content .c-lt .legend {left: auto; right: 60px; top: 170px; width: 260px;}
    .content .c-lt .legend .lgwrap {overflow-y: scroll; height: 260px;}
    .content .c-lt .legend .lgwrap::-webkit-scrollbar {width: 6px;height: 6px;}
	.content .c-lt .legend .lgwrap::-webkit-scrollbar-track {background-color: #efefef;}
	.content .c-lt .legend .lgwrap::-webkit-scrollbar-thumb {background: #b2b2b2; border-radius: 6px;}
    
    .content .c-lt .legend ul li {font-size: 0.65em;}
    
    .content .left-menu {display: none;}
    .content .left-menu-op {display: block; position: fixed; top: 60px;}
    
     /*.content .mo {left: 20%;}*/
    
    .index {width: 100%; padding: 20px;}
    .index .photo {height: 300px; box-sizing: border-box; background: url(../images/index.jpg); background-size: 100% 100%;}
    
    .index .time table tr th {width:35%; }
    .index .time table tr td {width: 65%;}
    
    .index .boxwrap ul {flex-wrap: wrap;}
    .index .boxwrap ul li {width: 32%; margin: 0; margin-left: 2%;}
    .index .boxwrap ul li:nth-child(3) {margin-right: 0;}
    .index .boxwrap ul li:nth-child(4) {margin-left: 0; width: 49%; margin-top: 20px;}
    .index .boxwrap ul li:nth-child(5) {margin-right: 0; width: 49%; margin-top: 20px;}
    
    .content .sub {width: 100%;}
    .content .sub .sc .scw {width: 145px;}
    .content .sub .sc .scw.ip input {width: 80px;}
    .content .sub .sc .scwrap2 {gap:3px;}
    .content .sub .sc .scwrap2 .scw.time {width: 55px;}
    .content .sub .sc .scwrap2 .scw.time select {margin-left: 6px; width: 43px;}

    .content .sub .wrap {flex-direction: column; min-width: 100%;}
    .content .sub .wrap .tbscr {height: 200px; overflow-y: auto;}
    .content .sub .wrap .table {width: 100%; }
    .content .sub .wrap .table.scr {overflow-y: auto; height: 300px; position: relative;}
    .content .sub .wrap .right {width: 100%;}
    .content .sub .wrap .table {overflow-x: hidden;}
    .content .sub .wrap .table table {min-width: 100%;}
    .content .sub .wrap .table .tbhead {position: sticky; left: 0; top: 0;} 
    
    .content .sub .wrap .cctv {width: 100%;}
    .content .sub .wrap #cctvRight {width: 100%;}
    .content .sub .wrap .cctv .txt {font-size: 14px;}
    .content .sub .wrap .cctv .video {height: 280px;}
    
    .content .sub .sc .btng button {padding: 0; width: 35px; height: 35px; margin-right: 3px; border: none;  border-radius: 35px;}
    .content .sub .sc .btng button.sc {width: 35px;}
    .content .sub .sc .btng button span {display: none;}
    .content .sub .sc .btng button.sc img {margin-left: 10px;}
    .content .sub .sc .btng button.dw img {margin-left: -1px; margin-right: 0;}
    
    .content .sub .subct p {font-size:12px;}
    .content .sub .subct .tt.mt2 {margin-top:25px;}
    .content .sub .subct .subct_wrap {display:inline;}
    .content .sub .subct .subct_wrap > div {width:100%;}
    .content .sub .subct .video_st {width:70%;}
    
    .popup .ct .gptb .right .table {height: 425px;}
    .popup .ct .sc {flex-direction: column;}
    .popup .ct .sc .slt {width: 201px;}
    .popup .ct .sc .slt select {width: 190px;}
    .popup .ct .sc .scwrap2 {margin-top: 5px;}
    .popup .ct .sc .cb {margin-left: -5px; margin-top: 8px;}
    
    .layer {left: 30%;}
    .layer.nt {position: fixed; top: 105px;}
}

@media only screen and (max-width:800px) {
    .content .sub .sc {flex-direction: column;}
    .content .sub .sc .scw {width: 139px;}
    .content .sub .sc .scwrap {justify-content: flex-start; width: 100%;}
    .content .sub .sc .scwrap .scw {width: 100%;}
    .content .sub .sc .scwrap2 {justify-content: flex-start; width: 100%; gap:3px;}
    /*.content .sub .sc .scwrap2 .scw.ip input {width: 70px;}*/
    .content .sub .sc .scwrap2 .scw.ip input {width: 80%;}
    .content .sub .sc .scwrap2 .scw.time {width: 60px;}
    .content .sub .sc .scwrap2 .scw.time select {margin-left: 8px; width: 45px;}
    .content .sub .sc .scwrap select {width: 95%;}

    .layer {left: 25%;}
}

@media only screen and (min-width:768px) {
	header .lt img.mini {display:none;}
}

@media only screen and (max-width:768px) {
   header .rt {margin-right: 10px;}
    header .rt button {font-size: 14px;}
    header .rt button span {font-size: 10px; vertical-align: 2px;}
    header .rt ul {z-index: 1000;}
    header .rt ul li {font-size: 12px; margin: 15px 9px;}
    header .lt {margin-left: auto; margin-top: 6px;}
    header .lt span {display: inline-block; width: 175px; white-space: normal; font-size: 0.75em; line-height: 1.2;}
    header .lt img {vertical-align: -4px; margin-right: 7px;}
    header .lt img.mini {display:block; float:left; width:40px; margin-top:6px;}
	header .lt img.all {display:none;}
    .content .c-rt .sc select {width: 90%;}
    .content .c-lt .layer {top:13%;}
    .content .c-lt .legend {top:23%; z-index:1000;}
    .content .c-lt .mapLayer {top:100px;}
	.content .c-lt .mapLayer ul {font-size:0.3em;}
	.content .c-lt .legend {top:230px;}
	.content .c-lt .legend .lgwrap {height:225px;}
	
    .index .photo {margin-bottom: 10px; height: 200px;}
    
    .index .time table tr th {width:35%;padding: 0 15px;}
    .index .time table tr td {width: 65%;}
    
    .index .boxwrap ul li {width:100%; margin: 0; margin-top: 10px; height: 47px; line-height: 28px; font-size: 16px; padding: 10px 20px;}
    .index .boxwrap ul li:nth-child(4) {width: 100%; margin-top: 10px; }
    .index .boxwrap ul li:nth-child(5) {width: 100%; margin-top: 10px; }
    
    .index .boxwrap2 .box {width: 100%; margin: 0; height: 170px;}
    .index .boxwrap2 .box ul li {width: 90px; height: 90px;}
    .index .boxwrap2 .box ul li p {margin-top: 20px; font-size: 14px;}
    .index .boxwrap2 .box ul li p span {font-size: 23px;}
    .index .boxwrap2 .box.rf {margin-top: 20px; margin-left: 0;}
    .index .boxwrap2 .box table tr th {text-align: left; text-indent: 20px; height: 40px;}
    .index .boxwrap ul li span {right: 15px; bottom: 0;}
    .index .boxwrap ul li span img {width: 37px; height: 32px;}
    
    .content .sub .stext span {font-size:13px;}
    .content .sub .table {overflow-x: auto; width:100%;}
    .content .sub .table table {min-width: 700px;font-size: 12px;}
    .content .sub .table table tr th {height: 35px;}
    .content .sub .table table tr td {height: 33px;}
    
    .content .sub .wrap .table table tr th span {font-size: 10px;}
    
    .content .sub .nav {display: none;}
    
    .content .sub .cont-title {font-size:14px;}
    .content .sub .wrap .right span {font-size:14px;}
    .content .sub .title2 .tab ul {width:100%;}
    .content .sub .title2 .tab ul li {width:50%; font-size:12px;}
    
    .content .wrap.nt .tbwrap .tbody {border-top:none;}
    .content .tbwrap .thead {display: none;}
    .content .tbwrap .tbody {border-top: 2px solid #f77617;}
    .content .tbwrap .tbody li a {display: block; position: relative; padding: 10px;}
    .content .tbwrap .tbody li span.no {display: none; float: right; font-size: 12px; padding: 0; width: 30px;}
    .content .tbwrap .tbody li span.date {font-size: 12px; padding: 0;}
    .content .tbwrap .tbody li span.subject {display: block; font-weight: 600; padding: 0; text-indent: 0; margin-bottom: 3px;}
    .content .tbwrap .tbody em {display: block; float: left; margin-right: 3px; position: relative; font-style: normal; font-weight: 600; color: #f77617; margin-top: 2px;}
    .content .viewwrap .vsubject {padding: 15px; font-size: 14px;}
    .content .viewwrap .vdate {padding: 12px 15px; font-size: 12px;}
    .content .viewwrap .vcont {padding: 15px; font-size: 14px;}
    .content .viewwrap .viewbtn button {padding: 0 20px; height: 30px; border-radius: 30px;}
    .content .viewwrap .vfile {padding: 12px 15px;}
    .content .viewwrap .vfile span {font-size: 12px;}
    .content .viewwrap .vfile ul li {font-size: 12px;}
    
    .layer {left: 2%; width: 96%;}
    .layer p {font-size: 16px;}
    .layer table tr th {font-size: 12px;}
    .layer table tr td {font-size: 12px;}
    .layer table tr td .scw input {font-size: 12px;}
    .layer table tr td .scw select {font-size: 12px; }
    .layer .scw {height: 30px;}
    .layer .scw.ip {width: 107px; height: 30px;}
    .layer .scw.ip input {margin-left: 7px; height: 25px;}
    .layer .scw.ip button {height: 25px; width: 25px; margin-right: 2px; margin-top: 2px;}
    .layer .scw.time {width: 47px;}
    .layer .scw.time select {width: 85%; margin-left: 4px}
    .layer .du span {font-size: 12px; margin-top: 6px; margin-left: 0;}
    .layer input {height: 27px;}
    .layer select {height: 27px;}
    .layer .notice {font-size: 14px;}
    
    
    .popup .ct .sc .slt {width: 100%;}
    .popup .ct .sc .slt select {width: 97%;}
    .popup .ct .sc .scwrap2  {flex-direction: column; gap:5px;}
    .popup .ct .gptb {flex-direction: column;}
    .popup .ct .gptb .left {width: 100%;}
    .popup .ct .gptb .left .graph {height: 345px;}
    .popup .ct .gptb .left .graph .gp {height: 300px; margin: 0 10px;}
    .popup .ct .gptb .right {width: 100%; margin-top: 15px;}
    
    .content .sub .title span {font-size:13px;}
    .content .sub .subct .tt {font-size: 14px;}
    .content .sub .subct .ct {display: inline-block;}
    .content .sub .subct .ct ul {font-size: 13px;}
    .content .sub .subct .ct p i {font-size: 13px;}
    .content .sub .subct .ct img {width: 100%;}
    .content .sub .subct .ct_t {margin-bottom: 20px;}
    .content .sub .subct .ct_t ul {display: inline-block; width: 100%;}
    .content .sub .subct .ct_t ul li.a {text-align: center;}
    .content .sub .subct .ct_t ul li.a span.a_r {display: none;}
    .content .sub .subct .ct_t ul li.a span.a_d {display: block; margin: 5px 0 3px 0;}
    .content .sub .subct .ct_t ul li.a span.a_d img {margin-left: -25px;}
    .content .sub .subct .ct_t ul li.c {border-radius: 50px; width: 100%; padding: 0; height: 50px; line-height: 50px; background:#fff;}
    .content .sub .subct .ct_t ul li.c p.i {background: none; height: auto; width: auto; padding: 0; margin:0; margin-right: 10px; float:left;}
    .content .sub .subct .ct_t ul li.c p.i img {width: 30px; margin-left: 15px; margin-top: 10px;}
    .content .sub .subct .ct_t ul li.c p {font-size: 12px;}
    .content .sub .subct .ct_d ul li {width: 100%;}
    .content .sub .subct .subct_wrap .ct {display: inline;}
    .content .sub .subct .video_st {width:100%;}
    
    
    .content .sub .wrap .table table tr th span {font-size: 10px;}
    .content .sub .subct .img img {width: 100%;}
}
@media only screen and (max-width:410px) {
	.layer {top:-50px;}
	.layer .scw.ip.date {width:auto;}
	
}
@media only screen and (max-width:365px) {
	.layer .layer-table-wrap {overflow-x: scroll;}
    .layer .layer-table-wrap table {width:320px;}
    .layer .layer-table-wrap::-webkit-scrollbar {width: 6px;height: 6px;}
	.layer .layer-table-wrap::-webkit-scrollbar-track {background-color: #efefef;}
	.layer .layer-table-wrap::-webkit-scrollbar-thumb {background: #b2b2b2; border-radius: 8px;}
}
@media only screen and (max-width:345px) {
    .wrap {min-width: 344px;}
    header .lt {margin-top: 9px; margin-left: 15px;}
    header .lt span {font-size: 0.7em; width:130px;}
    header .lt img {width: 50px; margin-right: 10px; vertical-align: 4px;}
    header .lt img.mini {margin-top:2px;}
    header .rt {margin-right: 10px;}
    .content .sub .sc .scwrap2 .scw.time select {margin-left: 6px; width: 37px;}
    .content .sub .sc .scwrap2 .scw.time {width: 46px;}
    .content .sub .sc .scwrap2 .scw {width: 123px;}
    .content .sub .sc .scwrap2 .scw.ip input {width: 76px;}
    .content .tc .tb table tr th {font-size: 0.72em;}
    .content .tc .tb table thead {height:50px;}
    
}