@charset "utf-8";
/*CSS Document*/
*{margin: 0;padding: 0;}
html,body,div,nav,section,footer,span,em,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,a,img,input,textarea,select,table,tbody,thead,tfoot,tr,th,td,form,label,i,a,button{margin:0;padding:0;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;}
html,body{width: 100%;height: 100%;overflow: auto;color:#515151;font:14px/1 PingFang SC,Helvetica Neue,Helvetica,Microsoft Yahei,Arial,sans-serif;background:#f1f1f1;}
body{min-width:1200px;}
.wrap{width: 100%;height: 100%;overflow-y:auto;}
li{list-style-type:none;}
img{border:0;}
a{text-decoration:none;color:#101010;background:none;}
a:link{text-decoration:none;outline:0;}
.fl{float:left;}
.fr{float:right;}
.trxtfr{text-align: right;}
.cl,.clearfix{zoom:1}
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;text-align: center;}
em,i{font-style:normal;}
input{background:none;}
.fontBold{font-weight: bold;}
.cursor{cursor: pointer;}
/*layout*/
/*顶部状态栏*/
.header_top{width: 100%;height: 90px;line-height: 90px;background: #1a4fb3;position: absolute;left: 0;top: 0;padding: 0 30px;z-index: 10000;min-width:1200px;}
.header_top .top_logo{font-size: 17px;font-weight: bold;display: flex;justify-content: flex-start;align-items: center;}
.header_top .top_logo .logo_title{height: 36px;margin-right: 5px;vertical-align: middle;}
.header_top .top_logo .logo_p_name{height: 26px;}
.header_top .top_logo .logo_span{font-size: 26px;font-weight: bold;color: #FFFFFF;}
.header_top .personal_ul{display: flex;justify-content: flex-end;align-items: center;padding: 25px 0 15px;flex-direction: row;flex-wrap: nowrap;}
.header_top .personal_ul .personal_li{cursor: pointer;position: relative;border-right: 0px solid #5f84ca;height: 50px;color: #FFFFFF;text-align: center;padding: 0 20px;font-size: 14px;}
.header_top .personal_ul .personal_li::after{content:" ";position: absolute;top: 10px;bottom: 10px;right: 0px;border-right: 1px solid #5f84ca;}
.header_top .personal_ul .personal_li:last-child:after{content:" ";position: absolute;top: 10px;bottom: 10px;right: 0px;border-right: 0px solid #5f84ca;}
.header_top .personal_ul .personal_li .icon_p{display: flex;justify-content: center;align-items: center;}
.header_top .personal_ul .personal_li .icon_m{height: 24px;}
.header_top .personal_ul .personal_li.personal_name_2{padding-right: 5px;min-width: 125px;}
.header_top .personal_ul .personal_li.personal_name_2 .icon_p{padding-right: 20px;}
.header_top .personal_ul .personal_li .personal_name{padding-right: 20px;position: relative;}
.header_top .personal_ul .personal_li .personal_name::after{content: " ";position: absolute;top: 0;bottom: 0;right: 0;width: 20px;background: url(../../image/layout/sanjiao.png) no-repeat center center;}
.header_top .pers_info_ul{display: none;position: absolute;left: 0px;top:100%;width: 100%;background-color: #1a4fb3;border: 1px solid #1a4fb3;}
.header_top .personal_name_2:hover .pers_info_ul{display: block;}
.header_top .pers_info_ul .pers_info_li{line-height: 45px;border-bottom: 1px solid #FFFFFF;color: #FFFFFF;font-size: 13px;}
.header_top .pers_info_ul .pers_info_li:last-child{border-bottom: 0px solid #FFFFFF;}
.header_top .pers_info_ul .pers_info_li > a{line-height: 45px;color: #FFFFFF;}
/*顶部导航栏*/
/*左侧导航栏*/
.left_nav{width: 250px;overflow-y: auto;bottom: 0px;background: #011e3c;position: absolute;left: 0;top: 90px;z-index: 9999;}

.left_nav > ul > li{}
.left_nav > ul > li > a{font-size: 18px;color: #fff;line-height: 75px;display: block;padding: 0px;position: relative;box-sizing: border-box;text-align: center;border-bottom: 1px solid #022d58;}
.left_nav > ul > li > a:after{content: '';width: 14px;height: 75px;background: url(../../image/layout/sanjiao.png) no-repeat center center;background-size: 8px 5px;position: absolute;top: 0px;right: 12px;}
.left_nav > ul > li > ul{position: relative;display: none;}
.left_nav > ul > li.active > a{color: #ffcc00;background: url(../../image/layout/nav_active_bg.png) no-repeat left 0px #022d58;background-size:5px 75px;}
.left_nav > ul > li.active > a:after{transform: rotate(180deg);}
.left_nav > ul > li.active > ul{display: block;border-bottom: 1px solid #022d58;}
.left_nav > ul > li > ul > li{margin: 0;padding: 0px;position: relative;text-align: center;}
.left_nav > ul > li > ul > li > a{font-size: 15px;color: rgba(232,232,232, 0.7);;line-height: 55px;display: block;padding: 0px;text-align: center;}
.left_nav > ul > li > ul > li.active > a{color: rgba(255,204,0,0.7);}
/*主体内容*/
.maincon{margin: 90px 0px 0px 250px;overflow: hidden;overflow-y: auto;min-height: calc(100% - 90px);background-color: #FFFFFF;}
.content{
	height: calc(100%);
	padding: 10px;
	box-sizing: border-box;
	position: relative;
}


/*不同屏幕 适应*/
@media screen and (max-width: 1440px) {
	.item_content .item_imagelist li{font-size: 12px;}
}
/*修改pinture.css*/
.header_top li .badge-corner .badge{min-width: 8px;padding: 2px 5px;right: -8px;top: -6px;}
.text-blue{color: #3b78bd;}
.con_item .item_list li a.text-blue{color: #3b78bd;}
.pagination li{background: none;border: none;margin: 0 2px;}
.pagination li a{background: #f5f5f5;border: solid 1px #ddd;border-radius: 4px;}
.pagination .active a, .pagination a:hover {background: #108EE9;}
.pagination .active a, .pagination a:hover{color: #fff;}
.pagination .disabled a:link, .pagination .disabled a:visited, .pagination .disabled a:hover{color: #d9d9d9;}
form .infor-error{width: 100%;margin:0 auto 10px;border: none;}
form .infor-error .alert{display: none;}
form .infor-error.show .alert{display: block;}
/*修改swiper样式*/
#thingSwiper {width: 100%;height: auto;border-radius: 5px;}
#thingSwiper .slide_con{width: 100%;height: 100%;display: block;position: relative;}
#thingSwiper .slide_con .slide_con_img img{display: block;width: 100%;max-width: 100%;height: 100%;}
#thingSwiper .slide_con .slide_con_title{width: 100%;height: 36px;line-height: 36px;background: rgba(0,0,0,.6);font-size: 14px;color: #fff;padding: 0 10px;position: absolute;left: 0;bottom: 0;}
#thingSwiper .swiper-pagination-bullet-active {opacity: 1;background: #00a3ea;}
.swiper-pagination {position: absolute;z-index: 20;bottom: 10px;width: 40%;left: 60%;text-align: center;}
.swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;border-radius: 0;background: #bcbcbc;margin: 0 5px;opacity: 1;cursor: pointer;}
.swiper-active-switch {opacity: 1;background: #00a3ea;}
/*修改layer默认样式*/
.layui-layer-iframe .layui-layer-title{height: 50px;line-height: 50px;font-size: 15px;background-color: #d5d5d5;}
.layui-layer-iframe .layui-layer-btn, .layui-layer-page .layui-layer-btn{background: #d5d5d5;}
.layui-layer-iframe .layui-layer-btn a{height: 48px;line-height: 38px;margin: 10px 10px 5px;padding: 5px 60px;font-size: 15px;border: 1px solid #173d99;background-color: #173d99;color: #fff;border-radius: 4px;}
.layui-layer-iframe .layui-layer-btn .layui-layer-btn0{border-color: #ff6600;background-color: #fff;color: #ff6600;}
.layui-layer-iframe .layui-layer-btn .layui-layer-btn1{border-color: #cc3333;background-color: #fff;color: #cc3333;}

.layui-layer-iframe .layui-layer-btn a.btn-edit{border-color: #ff6600 !important;color: #ff6600 !important;background-color: #ffffff !important;}
.layui-layer-iframe .layui-layer-btn a.btn-delete{border-color: #cc3333 !important;color: #cc3333 !important;background-color: #ffffff !important;}
.layui-layer-iframe .layui-layer-btn a.btn-close{border-color: #173d99 !important;color: #173d99 !important;background-color: #ffffff !important;}
.layui-layer-iframe .layui-layer-btn a.btn-dominant{border-color: #173d99 !important;color: #ffffff !important;background-color: #173d99 !important;}
/*修复IE8兼容性问题*/
.ie8 .transparent .conModular .con_item{background:#fff;filter:Alpha(opacity=10);position:static;*zoom:1;}
.ie8 .transparent .conModular .con_item *{position: relative;}
.ie8 .transparent .conModular .con_item .item_title{border-bottom:1px solid #5f71bf;}
.ie8 #thingSwiper .slide_con .slide_con_title{background:#444;}

.legend_box {
	width: 130px;
	height: 200px;
	position: absolute;
	bottom: 18px;
	left: 14px;
	border: 1px solid #C0C0C0;
	border-radius: 8px;
	background-color: rgba(255, 255, 255, .8);
}

.legend {
	width: 100%;
	height: 25%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 16px;
	color: #000000;
	padding: 0 10px;
}

.legend_img {
	width: 30px;
	height: 30px;
	margin-right: 8px;
}

