/*初始化样式*/
@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;scroll:no;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:400;}
em,s{ font-style:normal;}
q:before,a:after{ content:'';}
abbr,acronym{ border:0;}
.index_head_title>img{display:inline-block;margin-right:10px;vertical-align:middle;}
a{ text-decoration:none; border:0;}
ul,li{
	list-style: none;
}

header,nav,footer,article,section,aside{
	display: block;
}
/* 清除浮动塌陷*/
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{ display:inline-block;}
*html .clearfix{ height:1%;}
.clearfix{ display:block;}

html,body{
	width: 100%;
	height: 100%;
	overflow:hidden;
}


/*背景*/
.page_bg{
	background: url('../images/bg.png') no-repeat center top;
	background-size: cover;
}

/*字体颜色*/
.red_text{
	color: #fb473d !important;
}

.white_text{
	color: #FFFFFF !important;
}

.blue_text{
	color: #47e80d !important;
}
/*边框样式*/
.border_bg_total{
	position: relative;
	box-sizing: border-box;
    border: 1px solid rgba(0,201,253,0.3);
    box-shadow: 0 0 25px 11px inset rgba(0,125,253,0.2)
}



/*高光*/
.left_highlight{
	display: block;
	width: 384px;
	height: 3px;
	position: absolute;
	left: 5%;
	top: -1px;
	background: url('../images/bgimages/highlight.png') no-repeat left top;
	background-size: 100% 100%;
}
.left_highlight1{
	display: block;
	width: 200px;
	height: 3px;
	position: absolute;
	right: 147px;
	top: -1px;
	background: url('../images/bgimages/highlight.png') no-repeat center top;
	background-size: 100% 100%;
}
.left_top_border{
	display: block;
	background: url('../images/bgimages/left_top.png') no-repeat center top;
	background-size: 100% 100%;
    width: 11px;
    height: 11px;
    position: absolute;
    left: -1px;
    top: -1px;
}

.left_bottom_border{
	display: block;
	background: url('../images/bgimages/left_b.png') no-repeat left top;
	background-size: 100% 100%;
    width: 190px;
    height: 10px;
    position: absolute;
    left: -1px;
    bottom: -1px;
}

.left_bottom_border1{
	display: block;
	background: url('../images/bgimages/left_b2.png') no-repeat left top;
	background-size: 100% 100%;
    width: 280px;
    height: 10px;
    position: absolute;
    left: -1px;
    bottom: -1px;
}

.right_top_border{
	display: block;
	background: url('../images/bgimages/right_top.png') no-repeat left top;
	background-size: 100% 100%;
    width: 147px;
    height: 10px;
    position: absolute;
    right: -1px;
    top: -1px;
}

.right_top_border1{
	display: block;
	background: url('../images/bgimages/right_top2.png') no-repeat left top;
	background-size: 100% 100%;
    width: 287px;
    height: 10px;
    position: absolute;
    right: -1px;
    top: -1px;
}

.right_top_border2{
	display: block;
	background: url('../images/bgimages/right_top2.png') no-repeat left top;
	background-size: 100% 100%;
    width: 490px;
    height: 10px;
    position: absolute;
    right: -1px;
    top: -1px;
}
.right_bottom_border{
	display: block;
	background: url('../images/bgimages/right_b.png') left top;
	background-size: 100% 100%;
    width: 11px;
    height: 11px;
    position: absolute;
    right: -1px;
    bottom: -1px;
}


/*标题样式*/
.lp_title_total{
	width: 100%;
	display: flex;
    box-sizing: border-box;
    color: #00C9FD;
    font-size: 0.833vw;
    padding-top: .8vw;
    padding-left: 1.133vw;
    font-weight: 500;
    line-height: 1.042vw;
    align-items: center;
}

.lp_title_total img{
	display: block;
	width: 0.7292vw;
	height: 0.7292vw;
    max-width: 28px;
    margin-right: 6px;
}

/*顶部导航样式*/
.index_head{
	width: 100%;
	height: 5.46875vw;
	background: url('../images/top.png') no-repeat center top;
	background-size: contain;
	margin-bottom: 0.3vw;
}


.index_nav_total{
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 0  auto !important;
}

/*标题区域*/
.index_head_title{
	width: 35.63958333vw;
	/*	padding-right: 2vw;*/
	text-align: center;
	font-size: 1.875vw;
	color: #00C9FD;
	float: left;
	height: 5.46875vw;
	line-height: 4.9vw;
	text-indent: 2vw;
}


.index_nav_total a{
	display: block;
	float: left;
	width: 9.47821875vw;
	height:3.333vw ;
	text-align: center;
	font-size:0.8333vw ;
	color:#00C9FD ;
	line-height: 3vw;
	margin-top: 1.9791667vw;
	margin-right: -2.2vw;
}

.index_nav_left{
	background: url('../images/nav-left.png') no-repeat center top;
	background-size: contain;
}


.index_nav_right{
	background: url('../images/nav-right.png') no-repeat center top;
	background-size: contain;
}

.index_nav_right1{
	background: url('../images/nav-right.png') no-repeat center top;
	background-size: contain;
	position: absolute;
    left: 0%;
}

.index_nav_right2{
	background: url('../images/nav_right.png') no-repeat center top;
	background-size: contain;
	position: absolute;
    left: 0%;
}

/*高光样式*/
.nav_left_active{
	background: url('../images/nav-onclick-left.png') no-repeat center top !important;
	background-size: contain !important;
	color: #ffffff !important;
	margin-top: 1.9891667vw !important;
}

.nav_left_active1{
	background: url('../images/nav_left_active.png') no-repeat center top !important;
	background-size: contain !important;
	color: #00C9FD !important;
	width: 11.041667vw !important;
	height: 3.3334vw !important;
	line-height: 3vw !important;
	margin-top: 1.9791667vw !important;
	position: absolute;
    left: 0%;
}
.nav_left_active2{
	background: url('../images/nav_left_active.png') no-repeat center top !important;
	background-size: contain !important;
	color: #00C9FD !important;
	width: 11.041667vw !important;
	height: 3.3334vw !important;
	line-height: 3vw !important;
	margin-top: 1.9791667vw !important;
	position: absolute;
    left: 0%;
}



/*中间内容区域样式*/
.lp_content_total{
	width: 100%;
	box-sizing: border-box;
	height: 88.3%;
	padding: 0 10px;
}

/************************************行政监督样式**********************************/
/*顶部内容*/
.supervise_top_total{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 62.5%;
	box-sizing: border-box;
}

/*顶部左边内容区域*/
.supervise_top_left{
	width: 41.1%;
	height: 100%;
	float: left;
	box-sizing: border-box;
}

/*农产品价格监测样式*/
.supervise_first_article{
	width: 100%;
	height: 100%;
}

/*农产品检测主要内容样式*/
.supervise_price_content{
	width: 100%;
	box-sizing: border-box;
	padding: 0 1.042vw;
	height: 91%;
}

.supersive_price_head{
	width: 100%;
	box-sizing: border-box;
	height: 19.355%;
}

.supersive_price_title{
	width: 100%;
	display: flex;
	font-weight: 500;
	align-items: center;
}

.supersive_price_title span{
	display: block;
	float: left;
	color: #00c9fd;
	width: 40%;
	box-sizing: border-box;
	font-size: 0.7292vw;
	padding: 0.5vw;
}

.supersive_price_title b{
	display: block;
	float: left;
	width: 60%;
	font-weight: 500;
	text-align: right;
	font-size: 0.625vw;
	color: #8fabbf;
}
.supersive_price_list{
	width: 100%;
	height: 58%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}

.supersive_price_list li{
	margin-right: 10px;
	width: 26%;
	border: 1px solid rgba(0,201,253,0.3);
    box-shadow: 0 0 25px 11px inset rgba(0,125,253,0.2);
    height: 100%;
    box-sizing: border-box;
    padding: 0 1%;
	cursor:pointer;
}
.supersive_price_list li:last-child{
	margin-right: 0;
}
.supersive_price_list li:hover,.supersive_price_list li.active{border:1px solid #00c9fd;}

/*列表内容样式*/
.supervise_list_supply{
	width: 100%;
	display: flex;
	align-items: center;
	line-height: 1.3552vw;
}

.supervise_list_supply b{
	display: block;
	float: left;
	width: 50%;
	font-size:0.7292vw;
	line-height: 1.3542vw;
	color: #00c9fd;
}

.supervise_list_supply span{
	display: flex;
	width: 50%;
	float: right;
	justify-content: flex-end;
	color: #FFFFFF;
	font-size: 0.625vw;
	align-items: center;
}
.supervise_list_supply span img{
	display: inline-block;
	width:0.42vw;
	height: 0.521vw;
	margin-left: 5px;
}


.supersive_list_num{
	width: 100%;
	line-height: 1.3552vw;
	display: flex;
	align-items: center;
}

.supersive_list_num b{
	display: block;
	width: 60%;
	color: #fb493d;
	float: left;
	font-size: 1.14583vw;
}

.supersive_list_num span{
	display: block;
	width: 40%;
	text-align: right;
	color: #8fabbf;
	font-size: 0.625vw;
}

/*柱状图样式*/
.supersive_price_columns{
	width: 100%;
	height: 46%;
	display: flex;
	box-sizing: border-box;
}

.supersive_price_supply{
	width: 25%;
	height: 100%;
	box-sizing: border-box;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
}

.supersive_supply_list li{
	width: auto;
	margin-bottom: 1.3021vw;
	font-size:0.7292vw ;
	font-weight: 600;
	color: #8fabbf;
}

.supersive_supply_list li:last-child{
	margin-bottom: 0;
}

.supersive_supply_list li b{
	font-size: 1.042vw;
	margin-right: 3px;
}

.supersive_supply_list li span{
	font-weight: 600;
	margin-left: 3px;
}
.supersive_price_canvas1{
	width: 75%;
	float: left;
	height: 100%;
	box-sizing: border-box;
}

#supersive_columns1{
	width: 100%;
	height: 100%;
}

.supersive_price_lines{
	width: 100%;
	height: 34.645%;
	box-sizing: border-box;
	padding-top: 10px;
	position: relative;
}

.supersive_lines_title{
	color: #00c9fd;
	font-size: 0.7292vw;
	font-weight: 500;
	position: absolute;
	left: 0;
	top: 0;
}
#supersive_lines1{
	width: 100%;
	height: 100%;
}
/*农业执法样式*/
.supervise_top_center{
	width: 38.7%;
	float: left;
	height: 100%;
	box-sizing: border-box;
	padding: 0 10px;
}

/*混合图区域样式*/
.supervise_center_top{
	width: 100%;
	box-sizing: border-box;
	height: 76.4%;
	padding-top: 2%;
}

.supervise_tab{
	width: 25%;
	height: 100%;
	float: left;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
}

.supervise_tab_list{
	width: 90%;
	margin: 0 auto;
}

.supervise_tab_list li{
	display: flex;
	align-items: center;
	float: none;
	width: 100%;
	height: 10%;
	justify-content: center;
	text-align: center;
	color:#00c9fd ;
	box-sizing: border-box;
	border: 1px solid rgba(0,201,253,0.3);
    box-shadow: 0 0 25px 11px inset rgba(0,125,253,0.2);
    margin-bottom:2.5%;
    font-size: 0.7292vw;
    cursor: pointer;
}

.supervise_tab_list li:hover{
	color: #FFFFFF !important;
}
.supervise_tab_list li:last-child{
	margin-bottom:0 ;
}

.supersive_tab_active{
	color: #FFFFFF !important;
	position: relative;
}
.supersive_tab_active:after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	 box-shadow: 0 0 10px 5px  rgba(0,125,253,0.2);
}
.supersive_center_canvas{
	float: left;
	width: 75%;
	height: 100%;
	box-sizing: border-box;
	padding-top: 2%;
}
#supersive_mix{
	width: 100%;
	height: 100%;
}
/*底部数据说明样式*/
.supersive_center_bottom{
	width: 100%;
	height:23.6% ;
	box-sizing: border-box;
}

.supersive_center_list{
	width: 100%;
	margin-top: 3%;
}

.supersive_list_title{
	width: 30%;
	float: left;
	display: flex;
	box-sizing: border-box;
	padding-left: 5%;
	color:#00C9FD;
	font-size: 0.7292vw;
	align-items: center;
	font-weight: 500;
}

.supersive_red_lines{
	display: block;
	width: 2.39583vw;
	height: 3px;
	background: #fb473d;
	border-radius: 50px;
	margin-right: 1.042vw;
}

.supersive_blue_lines{
	display: block;
	width: 2.39583vw;
	height: 1px;
	background: #3685fe;
	border-radius: 50px;
	margin-right: 1.042vw;
}

.supersive_list_main{
	width: 70%;
	float: left;
	box-sizing: border-box;
	padding-left: 3%;
	display: flex;
	box-sizing: border-box;
}

.supersive_list_main li{
	width: 11.111%;
	text-align: center;
	font-size: ;
	display: flex;
	justify-content: center;
	align-items: center;
}

.supersive_list_blue li{
	color: #00C9FD;
	font-size: 0.7292vw;
}

.supersive_list_white li{
	color: #FFFFFF;
	font-size: 0.625vw;
}

.supersive_list_white li img{
	width: 0.42vw;
    height: 0.521vw;
    margin-left: 2px;
}
/*监测预警样式*/
.supervise_top_right{
	width:20.2% ;
	height: 100%;
	box-sizing: border-box;
}

/*饼图区域样式*/
.supersive_right_pie{
	width: 100%;
	box-sizing: border-box;
	height: 50%;
	padding: 2% 0;
}
.supersive_pie_title{
	width: 100%;
	box-sizing: border-box;
	padding-left: 1vw;
	color: #00C9FD;
	font-weight: 500;
	font-size: 0.7292vw;
}
.supersive_pie_total{
	width: 100%;
	height: 90%;
}

#supersive_gagus,#supersive_pie{
	width: 100%;
	height: 100%;
}
.supersive_right_gagus{
	width: 100%;
	box-sizing: border-box;
	height: 50%;
	padding-top: 2%;
}

.supersive_gagus_title{
	width: 100%;
	display: flex;
	color: #00C9FD;
	font-weight: 500;
	font-size: 0.7292vw;
	margin-right: 1vw;
}

.supersive_gagus_title img{
	display: block;
    width: 0.7292vw;
    height: 0.7292vw;
    max-width: 28px;
    margin-right: 0.5vw;
}

.supersive_gagus_canvas{
	width: 100%;
	height: 90%;
}
/*底部内容区域样式*/
.supervise_bottom_total{
	width: 100%;
	height:36.5% ;
	box-sizing: border-box;
	padding-top: 10px;
}

.supervise_bottom_content{
	width: 100%;
	height: 88%;
	box-sizing: border-box;
	padding-left: 10px;
	display: flex;
}


.supervise_bottom_list{
	width: 50%;
	box-sizing: border-box;
	padding-right: 10px;
	height: 100%;
}


.supervise_subtitle{
	width: 100%;
	box-sizing: border-box;
	line-height:1.3542vw ;
	font-size: 0.7292vw;
	color: #00c9fd;
	padding: 0.5vw;
	font-weight: 500;
}


.supervise_bottom_table{
	width: 100%;
	height: 80%;
	box-sizing: border-box;
    border: 1px solid rgba(0,201,253,0.3);
    padding: 10px;
    box-shadow: 0 0 25px 11px inset rgba(0,125,253,0.2);
    overflow: hidden;
}

/*标题样式*/
.supervise_bottom_title{
	width: 100%;
	height: auto;
}

.supervise_bottom_title ul{
	width: 100%;
	display: flex;
	cursor: pointer;
}
.supervise_bottom_title li{
	color: #3685fe;
	float: left;
	line-height:1.5vw ;
	font-size: 0.7292vw;
	box-sizing: border-box;
	text-align: center;
	white-space: nowrap;
}
.suprvise_title1{
	width: 12%;
}

.suprvise_title2{
	width:25%;
}

.suprvise_title3{
	width: 12%;
}

.suprvise_title4{
	width: 14%;
}

.suprvise_title5{
	width: 14%;
}
.firstSwiper,.secondSwiper{
	height: 100%;	
}

.supervise_second_content li{
	color: #8fabbf !important;
	white-space: normal !important;
	box-sizing: border-box;
	padding: 0 2.5%;
	line-height: 1vw !important;
}
/*表格中间内容区域*/
.supersive_bottom_content{
	width: 100%;
	height: 87%;
	box-sizing: border-box;
}
.supervise_first_table{
	width: 100%;
	height: 100%;
}

.supersive_list_content li{
	color: #8fabbf !important;
	white-space: normal !important;
}


/*第二部分列表样式*/
.supervise_bottom_second{
	width: 100%;
	height: auto;
}

.supervise_bottom_second ul{
	width: 100%;
	height: auto;
	display: flex;
}
.supervise_bottom_second ul li{
	width: 16.6667%;
	min-height: 2.3vw;
	text-align: center;
	color: #3685fe;
	float: left;
	line-height:1vw ;
	font-size: 0.7292vw;
	box-sizing: border-box;
	white-space: nowrap;
}

.supersive_second_content{
	width: 100%;
	box-sizing: border-box;
	height: 79%;
}

.secondSwiper{
	height: 100%;
}

.supervise_first_table th{
	color: #3685fe;
	line-height:1.5vw ;
	font-size: 0.7292vw;
	text-align: center;
}


.supervise_first_table td{
	color: #8fabbf;
	box-sizing: border-box;
	padding: 0 5px;
	line-height:1.4vw ;
	font-size: 0.7292vw;
	text-align: center;
	max-width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.supervise_second_table{
	width: 100%;
	height: 100%;
}

.supervise_second_table th{
	color: #3685fe;
	line-height:1.042vw ;
	font-size: 0.7292vw;
	text-align: center;
	max-width: 100px;
	min-height: 2.5vw;
}
.supervise_second_table td{
	color: #8fabbf;
	box-sizing: border-box;
	padding: 0 1.042vw;
	line-height:1.042vw ;
	font-size: 0.7292vw;
	text-align: center;
	max-width: 100px;
}

/***********************************物业服务样式****************************************/
.servise_content{
	width: 100%;
	height: 100%;
}
.servise_top_all{
	width: 100%;
	display: flex;
	box-sizing: border-box;
	height: 54.32%;
	padding-bottom: 10px;
	align-items: center;
}
/*顶部左边内容*/
.servise_top_left{
	width: 39.0625%;
	float: left;
	height: 100%;
}

.servise_top_center{
	width:33.6842%;
	float: left;
	height: 100%;
	box-sizing: border-box;
	padding: 0 10px;
}

.servise_top_right{
	width:27.2533% ;
	float: left;
	height: 100%;
	box-sizing: border-box;
}

/*顶部中间内容区域样式*/
.servise_top_content{
	width: 100%;
	box-sizing: border-box;
	height: 90%;
	padding: 1% 0;
}

.servie_top_subtitle{
	width: 100%;
    box-sizing: border-box;
    color: #00C9FD;
    font-weight: 500;
    font-size: 0.7292vw;
    padding-left: 2vw;
}

.servise_top_canvas{
	width: 100%;
	height: 95%;
	box-sizing: border-box;
	padding-top: 10px;
}

.servse_circle_canvas{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding-top: 10px;
	position: relative;
	display: flex;
	justify-content: center;
}

.servise_circle_title{
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 100%;
	height: 98%;
}

.servise_circle_title h1{
	color: #00c9fd;
	font-size: 0.8333vw;
	font-weight: 500;
	box-sizing: border-box;
	border: 5px solid #00c9fd;
	border-radius: 100%;
	width: 8.333vw;
	height:8.333vw;
	text-align: center;
	line-height: 8.333vw;
}
/*底部内容*/
.servise_bottom_all{
	width: 100%;
	box-sizing: border-box;
	height: 45%;
}

.servise_bottom_main{
	width: 100%;
	height: 90%;
	box-sizing: border-box;
	padding: 0.5% 0;
}
#servise_coulumns,#servise_circle,#servise_pie{
	width: 100%;
	height:100%;
}
/*检索区域样式*/
.servise_bottom_search{
	width: 100%;
	height: auto;
	display: flex;
	box-sizing: border-box;
}

.servise_bottom_title{
	width: 25%;
	float: left;
	box-sizing: border-box;
    color: #00C9FD;
    font-weight: 500;
    font-size: 0.7292vw;
    padding-left: 2vw;
}

.servise_input_total{
	width: 75%;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-end;
}

.servise_bottom_input{
	width: auto;
}

.servise_bottom_input li{
	float: left;
	margin-right: 10px;
}

.servise_bottom_input li select{
	display: block;
	width: 8.569375vw;
	height: 2.0833vw;
	box-sizing: border-box;
	line-height: 2.0833vw;
	background: transparent;
	border: 1px solid rgba(0,201,253,0.3);
    box-shadow: 0 0 25px 11px rgba(0,125,253,0.2) inset;
    padding-left: 0.5vw;
    color: #00C9FD;
    font-size: 0.7292vw;
    border-radius: 2px;
    cursor: pointer;
	background: transparent url(../images/tri.png) no-repeat 7vw center;
	appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;
}
select::-ms-expand { display: none; }
.servise_bottom_input li input{
	display: block;
	width: 8.569375vw;
	height: 2.0833vw;
	box-sizing: border-box;
	line-height: 2.0833vw;
	background: transparent;
	border: 1px solid rgba(0,201,253,0.3);
    box-shadow: 0 0 25px 11px inset rgba(0,125,253,0.2);
    padding-left: 0.5vw;
    color: #00C9FD;
    font-size: 0.7292vw;
    border-radius: 2px;
}

.servise_btn{
	width: 5.20833vw !important;
	border: 1px solid #00C9FD !important;
	text-align: center;
	padding-left: 0 !important;
	cursor: pointer;
}


.servise_bottom_table{
	width: 100%;
	height: 90%;
	box-sizing: border-box;
	padding: 0.5vw;
}
.servise_table_border{
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: 1px solid rgba(0,201,253,0.3);
    box-shadow: 0 0 25px 11px inset rgba(0,125,253,0.2);
}
.servise_table{
	width: 100%;
	height: 100%;
	text-align: center;
}

.servise_table th{
	color: #00C9FD;
	font-size: 0.7292vw;
	padding: 0.35vw;
}

.servise_table  td{
	color: #8fabbf;
	font-size: 0.7292vw;
	padding: 0.32vw;
}
.index_nav_right.nav_left_active{
	background: url('../images/nav-onclick-right.png') no-repeat center top !important;
	background-size: contain !important;
	color: #ffffff !important;
	margin-top: 1.9891667vw !important;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #00C9FD;} 
input:-moz-placeholder, textarea:-moz-placeholder {color: #00C9FD;}   
input::-moz-placeholder, textarea::-moz-placeholder {color: #00C9FD; }   
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #00C9FD;} 
select,input,button{outline:none;}


/* ag轮播字体样式 */
.thcolor{
	color: #00C9FD !important;
}
/* 文字状态 */
.supersive_list_content .state_mormal{
	color: green !important;
}
.supersive_list_content .state_line{
	color: #feb300 !important;
}
.supersive_list_content .state_notaccess{
	color: red !important;
}