@charset "utf-8";
.body_con2{
	padding-bottom: 155px;
}

.yfgx_title{
	font-size: 30px;
	line-height: 30px;
	padding-top: 40px;
	padding-bottom: 90px;
	text-align: center;
}
.yfgx_subtitle{
	font-size: 20px;
	line-height: 75px;
	height: 75px;
	text-align: center;
	color:#485f86;
	background: #e2e9f3;
}
.yfgx_subtitle .txt{
	margin: 0 5px;
}
.yfgx1_box{
	width: 100%;
	overflow: hidden;
	background: #1b588a;
	font-size: 20px;
	line-height: 24px;
	color:#fff;
}
.yfgx1_box .yfgx1_nav,
.yfgx1_box .yfgx1_nav2{
	height: 80px;
	text-align: center;
	float: left;
	overflow: hidden;
	border-right: 1px solid #fff;
	box-sizing: border-box;
}
.yfgx1_box .yfgx1_nav2:last-child{
	border-right: none;
}
.yfgx1_box .yfgx1_nav:nth-child(1){
	width: 10%;
}
.yfgx1_box .yfgx1_nav:nth-child(2){
	width: 8%;
}
.yfgx1_box .yfgx1_nav:nth-child(3){
	width: 8%;
}
.yfgx1_box .yfgx1_nav:nth-child(4){
	width: 14%;
}
.yfgx1_box .yfgx1_nav:nth-child(5){
	width: 60%;
}
.yfgx1_box .yfgx1_nav2:nth-child(1){
	width: 16%;
}
.yfgx1_box .yfgx1_nav2:nth-child(2){
	width: 15%;
}
.yfgx1_box .yfgx1_nav2:nth-child(3){
	width: 10.8%;
}
.yfgx1_box .yfgx1_nav2:nth-child(4){
	width: 10.8%;
}
.yfgx1_box .yfgx1_nav2:nth-child(5){
	width: 14%;
}
.yfgx1_box .yfgx1_nav2:nth-child(6){
	width: 12%;
}
.yfgx1_box .yfgx1_nav2:nth-child(7){
	width: 21.4%;
}


.yfgx2_box{
	width: 100%;
	overflow: hidden;
	background: #8196ba;
	font-size: 20px;
	line-height: 24px;
	color:#fff;
	margin-bottom: 10px;
}
.yfgx2_box:last-child{
	margin-bottom: 0;
}
.yfgx2_box .yfgx2_inner{
	height: 50%;
}
.yfgx2_box .yfgx2_inner:last-child{
	border-top: 1px solid #fff;
	box-sizing: border-box;
}
.yfgx2_box .yfgx2_nav,
.yfgx2_box .yfgx2_nav2{
	text-align: center;
	float: left;
	overflow: hidden;
	border-right: 1px solid #fff;
	box-sizing: border-box;
}
.yfgx2_box .yfgx2_bar{
	width: 100%;
	border-radius: 15px;
	background: #256497;
	height: 30px;
}
.yfgx2_box .yfgx2_bar2{
	background: #1be91a;
}
.yfgx2_box .yfgx2_nav{
	height: 185px;
}
.yfgx2_box .yfgx2_nav2{
	height: 100%;
}
.yfgx2_box .yfgx2_nav2:last-child{
	border-right: none;
}
.yfgx2_box .yfgx2_nav:nth-child(1){
	width: 10%;
}
.yfgx2_box .yfgx2_nav:nth-child(2){
	width: 8%;
}
.yfgx2_box .yfgx2_nav:nth-child(3){
	width: 8%;
}
.yfgx2_box .yfgx2_nav:nth-child(4){
	width: 14%;
}
.yfgx2_box .yfgx2_nav:nth-child(5){
	width: 60%;
}


.yfgx2_box .yfgx2_nav2:nth-child(1){
	width: 16%;
}

.yfgx2_box .yfgx2_nav2:nth-child(2){
	width: 25.8%;
	box-sizing: border-box;
	padding: 0 5px;
}
.yfgx2_box .yfgx2_nav2:nth-child(3){
	width: 10.8%;
}
.yfgx2_box .yfgx2_nav2:nth-child(4){
	width: 14%;
}
.yfgx2_box .yfgx2_nav2:nth-child(5){
	width: 12%;
}
.yfgx2_box .yfgx2_nav2:nth-child(6){
	width: 21.4%;
}
/*响应式适配*/

@media screen and (max-width: 1861px) {
	
}
@media screen and (max-width: 1681px) {
	
}
@media screen and (max-width: 1450px) {
	.yfgx1_box,
	.yfgx2_box,
	.yfgx_subtitle{
		font-size: 16px;
	}
}
@media screen and (max-width: 1335px) {
	
}
@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1100px) {}

@media screen and (max-width: 1000px) {}

@media screen and (max-width: 768px) {
	.body_con2 {
	    padding-bottom: 30px;
	}
	.yfgx_box{
		overflow-y: hidden;
		overflow-x: auto;
	}
	.yfgx_box::-webkit-scrollbar {
		height: 6px;
	}
	.yfgx1_box,
	.yfgx2_box,
	.yfgx_subtitle{
		font-size: 12px;
		line-height: 18px;
		width: 800px;
	}
	.yfgx_title {
	    font-size: 24px;
	    line-height: 24px;
	    padding-top: 20px;
	    padding-bottom: 30px;
	}
	.yfgx_subtitle{
		height: 30px;
	}
	.yfgx_subtitle .img{
		width: 8px;
	}
	.yfgx1_box .yfgx1_nav, 
	.yfgx1_box .yfgx1_nav2 {
	    height: 36px;
	}
	.yfgx2_box{
		margin-bottom: 5px;
	}
	.yfgx2_box .img{
		width: 15px;
	}
	.yfgx2_box .yfgx2_bar {
	    height: 12px;
	}
	.yfgx2_box .yfgx2_nav {
	    height: 60px;
	}
}
@media screen and (max-width: 414px) {
	
}
@media screen and (max-width: 380px) {
	
}
@media screen and (max-width: 330px) {
	
}
