html{font-size: 16px ;}
/* 低风险 */
.color4{background: #00E400}
/* 中等风险 */
.color5{background: #0000FF}
/* 较高风险 */
.color1{background: #FFFF00}
/* 高风险 */
.color2{background: #FF7E00}
/* 极高风险 */
.color3{background: #FF0000}
.color6{background: #fff;border:1px solid #F7B28B;}
body{overflow:hidden;}


/*20241203 yzd default start*/
.main_d{width: 100%;background: url(../img/bg.jpg) no-repeat;height: 100vh;position: relative;overflow: hidden}
.main_d .main_con{width: 70%;margin:0 auto;padding-top: 100px}
.main_d .main_con .head_d{width: 100%;height: 110px;text-align: center;display: block;overflow: hidden}
.main_d .main_con .head_d img{display: inline-block;height: 100%;object-fit: cover;width: 100%;}
.main_d .main_con .item_btn_box{text-align: center;margin-top: 30px}
.main_d .main_con .item_btn_box .item_btn{width: 100%;}
.main_d .main_con .item_btn_box .item_btn .img_box{width: 100%;text-align: center;height: 200px;}
.main_d .main_con .item_btn_box .item_btn .img_box img{display: inline-block;height: 100%;object-fit: cover}
.main_d .foot{position: absolute;bottom: 20px;width: 100%;height: 50px;}
.main_d .foot p{text-align: center;color: #0665ca;font-size: 16px;height: 50px;line-height: 50px}
/*20241203 yzd default end*/


.item_box tbody::-webkit-scrollbar{width:10px;height:10px;background-color:rgba(0,0,0,0.2);}
.item_box tbody::-webkit-scrollbar-thumb{box-shadow:inset000pxrgba(240,240,240,.5);background-color:#F7B28B;cursor: pointer}

/* 旋转的动画 */
@keyframes rotateForever {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

.main{background: url(../img/bg1.jpg) no-repeat;width: 100vw;height: 100vh;background-size: 100% 100%;overflow: hidden}
.header{padding: 20px 50px;position: relative;width: 100%;height: 10vh}
.header .logo_box{}
.header .logo_box .logo{}
.header .date{position: absolute;right: 50px;top:30px;color: #CB562A;font-size: 18px}

/*表头*/
.content{height: 90vh;padding: 0 50px;}
.content h3{height: 50px;line-height: 50px;width: 100%;text-align: left;color: #CB562A;font-size: 20px }

/*左侧*/
.content .left{width: 28%;height: 100%}
.content .left .item{margin-bottom: 20px;}
.content .left .item li{float: left;width: 31.33%;margin-right: 3%;text-align: center;background: #fff;color:#333;border-radius: 5px;cursor: pointer;}
.content .left .item li a{width: 100%;height: 100%;display: block;color:#CB562A;    padding: 10px 0;}
.content .left .item li.on{background: #F1874D;color: #fff;}
.content .left .item li.on a{color: #fff;display: flex;flex-direction: column;}
.content .left .item li:nth-child(3){margin-right: 0}

/*表格*/
.item_box{border-radius: 10px;overflow: hidden;height: 60vh;}
.item_box.bb{height: 55vh;}
.item_box .tab{height: 67vh;overflow: hidden;}
.item_box table{border-spacing: 0;border-collapse: collapse;width: 100%;cursor: pointer;height: 68vh;position:relative;}
.item_box table thead{background: #F1874D;height: 45px;width: 100%;width: calc( 100% - 1em );position:sticky;top:0;z-index:2;}
.item_box table thead th{color: #fff;font-weight: normal;border-right: 1px solid #fff;position: sticky;top: 0;background: #F1874D;z-index: 1}
.item_box table thead th:nth-child(3){border-right: none;}
.item_box table tbody{display:block;height:67vh;overflow-y:scroll;}
.item_box table.table_r tbody{height:50vh;}
.item_box table tbody tr,.item_box table thead{display:table;width:100%;table-layout:fixed;}

.item_box table tbody tr{background: #fff;height: 45px}
.item_box table tbody tr.y{background: #f3f3ff}
.item_box table tr:nth-child(even) {
  background-color: #FFF7F4; /* 设置偶数行的背景颜色 */
}

.item_box table tbody td{text-align: center;font-size: 14px}
.item_box table tbody td:nth-child(2){position: relative;}
.item_box table tbody td .mark{width: 16px;height: 16px;display: block;border-radius: 5px;position: absolute;left: 21%;top:14px;}
.item_box table tbody td span{text-align: left;display: inline-block;width: 33% }
.item_box table tbody td p{font-weight: bold;font-size: 14px;}
.fxbtn{background: #F1874D;border-radius: 10px;margin-top: 20px;margin-bottom: 20px;cursor: pointer}
.fxbtn h2{width: 100%;height: 60px;line-height: 60px;color: #fff;font-weight: bold;text-align: center;position: relative;font-size: 20px}
.fxbtn h2:after{content: '';background: url(../img/search.png) no-repeat;width: 25px;height: 25px;display: inline-block;position: absolute;right: 80px;top:16px;}
.fxbtn:hover{background: #F7B28B}


/*中间*/
.content .center{width: 44%;height: 100%;position: relative}
.content .center .bg{width: 100%;height: 100%;background: url(../img/bg2.png) no-repeat center;animation: rotateForever 50s linear infinite;position: absolute;z-index: 0;background-size: 100% }
.content .center .charts{}
#map{width: 100%;height:100%; }
#map svg{top: -2vw !important;}

.map_mark{position: absolute;bottom: 3vh;width: 80%;height: 40px;margin-left: 10%}
.map_mark ul{padding-left: 200px;}
/* .map_mark li:first-child{width:40%;} */
.map_mark li{float: left;width: 33.3%;text-align: left;position: relative;padding-left: 20px}
.map_mark li .mark{width: 16px;height: 16px;display: block;border-radius: 5px;position: absolute;left: 0;top:2px;}
.map_mark li span{font-size: 16px;}


/*右侧*/
.content .right{width: 28%;height: 100%}
.content .right table tbody td{padding: 15px 0;line-height: 24px;}
.content .right table tbody td .mark{top: 50%;margin-top: -10px;left: 50%;margin-left: -10px;width: 20px;height: 20px}
.content .right table tbody td:nth-child(3){text-align: left}
.content .right table tbody td:nth-child(1){width:20%;}
.content .right table tbody td:nth-child(2){width:20%;}
.content .right table tbody td:nth-child(3){width:60%;padding:15px 20px;}

/*底部*/
.footer{background: #f8f7fd;padding: 10px;position: relative;border-radius: 10px;margin-top: 20px}
.footer p{color: #e38049;font-size: 16px;line-height: 2}
.footer a{position: absolute;right: 10px;bottom: 10px;padding: 5px 20px;background: #e2e1ff;color: #F7B28B;border-radius: 10px}
.footer a:hover{background: #F7B28B;color:#fff;}
.footer.remark p{font-size: 14px;}


.open_div{padding: 20px 30px;border-radius: 20px;overflow: auto;height:1000px;}
.open_div h2{width: 100%;height: 60px;line-height: 60px;text-align: center;font-size: 22px;font-weight: bold;color: #CB562A;}
.open_div h4{width: 100%;height: 40px;line-height: 40px;text-align: left;font-size: 16px;font-weight: bold;color: #CB562A;margin-top: 10px}
.open_div .search_box{border: 1px solid #F7B28B;border-radius: 10px;overflow: hidden}
.open_div .search_box select{border: none;width: 20%;height: 40px;background: #F7B28B;text-align: center;color: #fff;}
.open_div .search_box .keyword{width: 60%;height: 40px;font-size: 16px;padding: 0 10px}
.open_div .search_box .btn{width: 20%;height: 40px;background: #F1874D;border: none;color: #fff;cursor: pointer}

#bing{width: 100%;height:300px;margin-top: 20px}
#line{width: 100%;height:300px;margin-top: 20px }
.layui-layer-iframe{border-radius: 10px !important;}

@media screen and (max-width:1680px) {
    .item_box table tbody td span{width: 40%}
    .item_box table tbody td .mark{left: 20%}
    .fxbtn h2:after{right: 50px}
}
@media screen and (max-width:1600px) {
    .item_box{height: 61vh}
    .fxbtn h2:after{right: 40px}
    

    /*20241203 yzd default start*/
    .main_d .main_con{padding-top: 20px}
    .main_d .main_con .item_btn_box{margin-top: 20px}
    .main_d .main_con .item_btn_box .item_btn .img_box{height: 190px}
    .main_d .foot{bottom: 0}
    /*20241203 yzd default end*/
}
@media screen and (max-width:1440px) {
    .item_box table tbody td span{width: 46%}
    .item_box table tbody td .mark{left: 15%}
    .fxbtn h2:after{right: 20px}
}
@media screen and (max-width:1366px) {
    .item_box{height: 57vh}
    .fxbtn h2:after{right: 10px}
    
    /*20241203 yzd default start*/
    .main_d .main_con .item_btn_box .item_btn .img_box{height: 150px}
    /*20241203 yzd default end*/
    
	.content h3{font-size: 16px;}
}
@media screen and (max-width:1280px) {
    .item_box{height: 65vh}
    .item_box table tbody td span{width: 50%}
    .item_box table tbody td .mark{left: 12%}
    .fxbtn h2{text-align: left;padding-left: 10px}
    
    /*20241203 yzd default start*/
    .main_d .main_con .item_btn_box .item_btn .img_box{height: 130px}
    /*20241203 yzd default end*/
}

@media screen and (max-width:1176px) {

    /*20241203 yzd default start*/
    .main_d .main_con .item_btn_box .item_btn .img_box{height: 100px}
    /*20241203 yzd default end*/
}

@media screen and (max-width:1024px) {
    body{overflow:auto;}
    .main,.item_box{height: auto;background: none}
    .header{padding: 10px}
    .header .logo_box{width: 100%}
    .header .logo_box img{width: 100%;height: 100%;object-fit: cover}
    .header .date{top:40px;right: 10px}

    .content{height: auto;padding: 0 10px}
    .content .left,.content .center,.content .right{width: 100%}
    .content .center{height: 600px}

    .footer a{display: none}

    .layui-layer-iframe{width: 96% !important;}
    .item_box .tab{height: 70vh;overflow: hidden;}
    .header{height:5vh;}
	.header .date{display:none;}
	.content h3{font-size: 18px;}
	
	.map_mark ul{padding-left:0;}
	.content .left .item li a{font-size:14px;}
	
	
    /*20241203 yzd default start*/
    .main_d .main_con{width: 95%}
    .main_d .main_con .head_d{height: auto}
    .main_d .main_con .item_btn_box .item_btn .img_box{height: 150px}
    /*20241203 yzd default end*/
}
@media screen and (max-width:900px) {
	
    /*20241203 yzd default start*/
    .main_d .main_con .item_btn_box .item_btn .img_box{height: auto}
    .main_d .main_con .item_btn_box .item_btn .img_box img{width: 100%}
    /*20241203 yzd default end*/
}
@media screen and (max-width:700px) {

}
@media screen and (max-width:500px) {

}
@media screen and (max-width:414px) {

}
@media screen and (max-width:375px) {

}
@media screen and (max-width:320px) {

}