/*初始化样式*/
@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;}
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;
}

/*******************首页样式*************/
.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;
}
.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;
}
.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%;
}


/*中间内容区域*/
.index_content{
	/*width:99.375vw;*/
	margin: 0 auto 0 0.3125vw;
	height: 88%;
}


.index_content_top{
	width: 100%;
	height: 90%;
}

.index_top_total{
	width: 100%;
/*	height: 31.458333vw;*/
/*	height: 33vw;*/
	height: 75%;
	color: #FFFFFF;
	display: inline-flex;
}
/*左边内容*/
.index_top_left{
	width: 27.03125vw;
	height: 100%;
	box-sizing: border-box;
	float: left;
}

/*支柱产业面积*/
.index_area{
	width: 100%;
/*	height: 13.07291667vw;*/
	height: 45%;
	background: url('../images/index_area_bg.png') no-repeat center top;
	background-size: 100% 100%;
	box-sizing: border-box;
	position:relative;
	padding-top:.2vw;
}
.index_yield .time_screen_ul,.index_area .time_screen_ul{top:.7vw;z-index:99;}
.index_yield .time_screen_ul>li{padding:3px 8px;}
/*支柱产业产量*/
.index_yield{
	width: 100%;
/*	height: 18.38541633vw;*/
	height: 55%;
	background: url('../images/index_yield_bg.png') no-repeat center top;
	background-size: 100% 100%;
	box-sizing: border-box;
	position:relative;
	padding-top:.2vw;
}
/*中间内容*/
.index_top_center{
	width:44.322916197vw ;
	float: left;
	box-sizing: border-box;
	height: 100%;
}

.index_map{
	width: 100%;
/*	height: 31.458333vw;*/
	height:100%;
	background: url('../images/index_map_bg.png') no-repeat center top;
	background-size: 100% 100%;
	box-sizing: border-box;
}

/*右边内容*/
.index_top_right{
	width: 28.04vw;
	float: left;
	box-sizing: border-box;
}

/*分布排行区域*/
.index_distribution{
	width: 100%;
/*	height: 17.363vw;*/
	height:50%;
	background: url('../images/index_distribution_bg.png') no-repeat center top;
	background-size: 100% 100%;
	box-sizing: border-box;
	padding-top:.2vw;
}


/*经营主体区域*/
.index_subject{
	width: 100%;
	/*height: 14.095333vw;*/
/*	height: 13.838591vw;*/
	height: 50%;
	background: url('../images/index_subject_bg.png') no-repeat center top;
	background-size: 100% 100%;
	box-sizing: border-box;
	position: relative;
	padding-top:.2vw;
}

/*经营主体图形*/
#index_scjyzt{
	width: 100%;
	height: 100%;
}
/*底部内容区域*/
.index_bottom_total{
	width: 100%;
/*	height: 11.8291667vw;*/
	height: 35%;
	box-sizing: border-box;
	display: inline-flex;
}

/*底部左边轮播内容区域*/
.index_bottom_left{
	height: 100%;
	width: 71.35vw;
	background: url('../images/index_cooperarioin_bg.png') no-repeat center top;
	background-size: 100% 100%;
	box-sizing: border-box;
}

/*底部右边内容区域 */
.index_bottom_right{
	width: 28.04vw;
	height: 100%;
	background: url('../images/index_hot_bg.png') no-repeat center top;
	background-size: 100% 100%;
	box-sizing: border-box;
	position: relative;
/*	padding: 0.833vw 1.3542vw;*/
}

/*标题区域样式*/
.index_title_second{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
}

#index_slrc{
	width: 100%;
	height: 100%;
	color: #FFFFFF;
}

/*底部重大事件区域*/
.index_content_bottom{
	width: 100%;
	height: 5.6vw;
}


.index_footer_title{
	color: #00C9FD;
	font-size: 0.833vw !important;
	margin:  0.3166vw 0 0.3166vw 1.133vw !important ;
	font-weight: 500;
}

.index_footer_title img{
	display: block;
	float: left;
	width: 0.7292vw;
	max-width: 28px;
	margin-right: 6px;
	margin-top: 0.3vw;
}

/*标题区域样式*/
.index_article_title{
	width: 100%;
	box-sizing: border-box;
	color: #00C9FD;
	font-size: 1vw;
	
	padding-top: .6vw;
	padding-left: 1.133vw;
	font-weight: bold;
	line-height: 1.042vw;
}

.index_article_title img{
	display: block;
	float: left;
	width: 0.8vw;
	max-width: 28px;
	margin-right: 4px;
	margin-top:0.2vw ;
}

.index_article_title span{
	font-size: 0.625vw;
	margin-left: 5px;
}

.index_article_title_word{
	width: 100%;
	box-sizing: border-box;
	color: #00C9FD;
	font-size: 0.833vw;
	padding-top: 0.3542vw;
	padding-left: 0.001vw;
	font-weight: 500;
	line-height: 1.042vw;
}

.index_article_title_word img{
	display: block;
	float: left;
	width: 0.7292vw;
	max-width: 28px;
	margin-right: 6px;
	margin-top:0.2vw ;
}

.index_article_title span{
	font-size: 0.625vw;
	margin-left: 5px;
}


/*种植产业标题*/
.index_title_left{
	display: inline-block;
	float: left;
	font-size: 0.833vw;
	margin-left: 1.5vw;
	font-weight: 500;
	border-bottom: 1px solid #0296BF;
	padding-bottom: 0.3vw;
}

.index_title_right{
	display: inline-block;
	float: left;
	margin-left: 2.083vw !important;
	font-size: 0.833vw !important;
	color: #5E7383 !important;
}

/*单位样式*/
.index_yield_supply{
	font-size: 0.625vw;
	color: #00C9FD;
	margin: 0.521vw 0 0 1.5vw;
}

#index_cymj{
	width: 100%;
	height: 88%;
}

/*产量区域样式*/
.index_yield_content{
	width: 100%;
	box-sizing: border-box;
	padding: 10px 20px 0 20px;
	height: 88%;
}


.index_yield_left{
	width: 30%;
	float: left;
	margin-right: 2%;
	margin-left: 8%;
}

.index_yield_list{
	width: 100%;
	margin-top: 1vw;
}

.index_list_circle{
	display: block;
	float: left;
	width: 0.26vw;
	height: 0.26vw;
	background: #00C9FD;
	border-radius: 100%;
	margin-top: 0.391vw;
	margin-right: 5px;
}
.index_yield_list li{
	line-height: 1.042vw;
	font-size: 0.625vw;
	color: #8FABBF;
}


.index_yield_list li span{
	color: #FFFFFF;
	font-size: 0.625vw;
	margin-left: 10px;
}


/*支柱产业产量样式*/
.index_yield_right{
	width: 60%;
	height: 100%;
	float: left;
}


#index_cycl{
	width: 100%;
	height: 100%;
}

/*底部内容区域*/
.index_footer_content{
	width: 100%;
	height: auto;
	box-sizing: border-box;

}

.index_footer_list{
	width: 100%;
	box-sizing: border-box;
	padding: 0 0.833vw;
	border-bottom: 1px dashed #163369;
}

.index_footer_list li{
	float: left;
	width: 12.5%;
	margin-right: 5%;
	margin-bottom: 0.92vw;
	position: relative;
}

.index_footer_list li:last-child{
	margin-right: 0;
}

.index_text_all{
	width: 100%;
	display: block;
	box-sizing: border-box;
	padding: 0.3vw 1.042vw;
	background: rgba(0,0,0,0.2);
	box-shadow: inset 0 0 50px rgba(0,125,253,0.2);
	border-radius: 2px;
}

.index_footer_text{
	font-size:0.7292vw ;
	color: #FFFFFF;
	line-height: 1.042vw;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.index_footer_date{
	font-size: 0.625vw;
	color: #00C9FD;
}

.index_bottom_circle{
	display: block;
	position: absolute;
	bottom: -1.40175vw;
	left: 45%;
	width: 0.9375vw;
	z-index: 100;
}

/*弹窗区域样式*/
.modal_total{
	height: 50.37vh;
	width:91.481vh ;
	background: url('../images/modal_bg.png') no-repeat center top;
	background-size: contain;
	margin: 24.815vh auto;
}

.modal_head{
	height: auto;
	box-sizing: border-box;
	margin-bottom: 1.6667vh;
	padding: 0 3.888vh 0 6.6667vh;

}


.modal_title{
	float: left;
	line-height: 1.86vh;
	color: #00C9FD;
	font-size: 1.48vh;
	padding: 2.22vh 0;
}

/*关闭按钮样式*/
.close_btn{
	display: block;
	float: right;
	border: none;
	background: transparent;
	width: 2.6vh;
	height:2.6vh;
	border-radius:100% ;
	cursor: pointer;
	padding: 0;
	margin-top: 2.22vh;
}

.close_btn img{
	width: 100%;
}

.modal_content{
	box-sizing: border-box;
	width: 100%;
	padding: 0 4.259vh;
}


.modal_main{
//display: inline-flex;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 3.148vh;
}

/*视频区域内容*/
.modal_video{
	width: 46.85191vh;
	height: 29.1667vh;
	overflow: hidden;
	margin-right: 2.1696vh;
	float: left;
}

.modal_video img{
	height: 100%;
	width: auto;
}

/*表盘列表*/
.modal_supply{
	width: 33.94194vh;
	height: 29.1667vh;
	float: left;
}

/*表盘区域内容*/
.modal_list_total{
	width:100%;
	height: 100%;
}

.modal_list_total li{
	float: left;
	width:7.91vh ;
	margin-right: 5vh;
	margin-bottom: 2.778vh;
}

.modal_list_total li:nth-child(3n){
	margin-right: 0;
}

.modal_list_total li:nth-child(4),
.modal_list_total li:nth-child(5),
.modal_list_total li:nth-child(6){
	margin-bottom: 0;
}
.modal_list_supply{
	display: block;
	margin-right: 0.1vh;
	color: #8FABBF;
	font-size: 0.125vh;
}

/*顶部内容区域*/
.modal_list_info{
	width: 100%;
	height: auto;
	text-align: center;
}

.modal_list_title{
	color: #FFFFFF;
	font-size: 1.296vh;
	text-shadow: 0 0 8px rgba(255,4,87,0.34);
	margin-bottom: 0.926vh;
}


.modal_list_label{
	display: flex;
	justify-content: center;
	border: 1px solid rgba(0,201,253,0.3);
	box-sizing: border-box;
	padding: 0 0.5556vh;
	font-size: 1.11vh;
	color: #8FABBF;
	line-height:1.85vh ;
	margin-bottom: 0.5556vh;
	width: 110%;
	margin-left: -6%;
}

.modal_list_label img{
	width: auto;
	height: 1.0185vh;
	margin-top: 0.41575vh;
	margin-right: 0.5556vh;
}


/*表盘区域*/
.modal_canvas{
	width:7.91vh ;
	height: 7.91vh;
	color: #FFFFFF;
}


.modal_bottom_list{
	width: 100%;
	height: auto;
}

.modal_bottom_list li{
	float: left;
//margin-left: 4.198vh;
	margin-bottom:1.85vh ;
	color: #FFFFFF;
	font-size: 1.296vh;
	line-height: 1.85vh;
}

.modal_bottom_list li:first-child{
	margin-left: 0;
}

.modal_bottom_list li label{
	color: #8FABBF;
}
.margin_none{
	margin-left: 0 !important;
}

/*支柱产业产量样式*/
.index_yield_nav{
	width: 100%;
	box-sizing: border-box;
	padding-top: .5vw;
	padding-left: 2.5vw;
}

.index_yield_nav a{
	display: inline-block;
	color: #6E8596;
	font-size: 0.833vw;
	margin-right: 1.5vw;
	box-sizing: border-box;
	padding: 0.3vw 0;
}

.index_yield_nav a:last-child{
	margin-right: 0;
}

.index_yield_nav a:hover{
	color: #00C9FD !important;
	border-bottom: 1px solid #00C9FD;
}
.index_nav_cureent{
	color: #00C9FD !important;
	border-bottom: 1px solid #00C9FD;
}


/*单位样式*/
.index_yield_text{
	font-size: 0.652vw;
	//color: #00C9FD;
	color: #FFFFFF;
	padding-left: 2.5vw;
	margin-top: 0.5vw;
}

.index_yield_wrapper{
	width: 100%;
	height: 100%;
}

.map_title{position:absolute;z-index:99;top:3%;left:3%;}
.map_title>ul{overflow: hidden;}
.map_title>ul>li{float: left;margin-right:25px;}
.map_title label{display: block;font-size: 0.833vw;color: rgba(0,201,253,1);padding-bottom:3px;}
.map_title li>span{display: block;color: #fff;font-size:12px;}
.map_title li>span>b{color: rgba(251,71,61,1);font-size:24px;font-weight:normal;margin-right:5px;}

.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;
}


