@charset "utf-8";





.main_visual img{width:100%;}


.contents_main{padding:44px 20px 68px;}

.main_news_area{float:right; width:800px; border:1px solid #b0b0b0; position:relative;}

.main_news_title{background-color:#505ec5; border:1px solid #4857d3; line-height:82px;}
.main_news_title h2{display:inline-block; width:240px; background:#fff url("../images/main/icon_news.png") no-repeat 34px center;
  font-size:30px; color:#4857d3; font-weight:700; text-indent:79px; vertical-align:top;
}
.main_news_title h2 span{color:#1d2d79;}
.main_news_title p{display:inline-block; margin-left:-3px; padding-left:66px;
  background:url("../images/main/news_bg.png") no-repeat left center; vertical-align:top;
  font-size:20px; color:#fff; text-transform:uppercase;
}

.main_news_list{}
.main_news_list li{padding:0 35px; border-top:1px solid #dfdfdf;}
.main_news_list li:nth-child(even){background-color:#f8f8f8;}
.main_news_list li:first-child{border-top:0;}
.main_news_list li a{display:block;}

.main_news_list li a .tit_news{display:inline-block; width:642px; 
  font-size:22px; color:#4d4d4d; line-height:88px; font-weight:300;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;
}
.main_news_list .tit_news strong{display:inline-block; width:48px; height:26px; margin-right:10px; 
  background-color:#384867; border-radius:2px;
  font-size:20px; color:#fff; line-height:28px; text-align:center; font-weight:300;
}
.main_news_list .date{font-size:16px; color:#999; font-weight:300; line-height:88px; vertical-align:top;}

.news_more{width:36px; height:36px; background-image:url("../images/main/icon_more.png");
  color:transparent; position:absolute; right:31px; top:25px;
}


.main_banner{float:left; width:452px;}
.main_banner li{margin-top:15px;}
.main_banner li:first-child{margin-top:0;}
.main_banner li a{display:block; height:165px; padding-left:200px; border:1px solid #b0b0b0;
  font-size:28px; color:#4d4d4d; line-height:165px;
}

.main_banner .band a{height:115px; padding-top:50px; 
  background:#989898 url("../images/main/icon_band.png") no-repeat 36px center; border-color:#989898; 
  line-height:34px; color:#fff;
}
.main_banner .notice a{background:url("../images/main/icon_notice.png") no-repeat 36px center;}
.main_banner .location a{background:url("../images/main/icon_location.png") no-repeat 36px center;}




/* ~ 1024px ----------- */
@media only screen 
and (max-width : 1023px)
{
	
	.contents_main{padding:30px 0 68px;}

	.main_news_area{float:none; width:auto; border:0;}

	.main_news_title{border-width:4px; line-height:86px;}
	.main_news_title h2{width:41.13%; background:#fff url("../images/main/icon_news.png") no-repeat 27px center;
	  font-size:33px; text-indent:79px;
	}
	.main_news_title p{background-size:auto 100%; font-size:24px;}

	.main_news_list{border:4px solid #b0b0b0; border-top:0;}
	.main_news_list li{padding:0 26px;}
	
	.main_news_list li a{padding:46px 0;}
	.main_news_list li a .tit_news{display:block; width:auto; 
	  font-size:30px; line-height:normal;
	}
	.main_news_list .tit_news strong{display:inline-block; width:58px; height:32px; margin-right:13px; 
	  font-size:26px; line-height:34px;
	}
	.main_news_list .date{display:block; margin-left:78px; margin-top:10px;
	  font-size:20px; line-height:normal;
	}

	.news_more{width:47px; height:47px; background-image:url("../images/m/main/icon_more.png"); background-size:100%; top:21px;}


	.main_banner{float:none; width:auto; margin-top:30px;}
	.main_banner li{margin-top:12px;}
	.main_banner li a{display:block; height:178px; padding-left:60px; 
	  border:1px solid #cacaca; border-left:0; border-right:0;
	  font-size:34px; color:#4d4d4d; line-height:178px;
	}

	.main_banner .band a{height:128px; padding-top:50px; 
	  background:#989898 url("../images/m/main/icon_band.png") no-repeat 92.81% center;
	  line-height:40px;
	}
	.main_banner .notice a{background:#f4f4f4 url("../images/m/main/icon_notice.png") no-repeat 92.81% center;}
	.main_banner .location a{background:#f4f4f4 url("../images/m/main/icon_location.png") no-repeat 92.81% center;}

}



/* ~ 768px ----------- */
@media only screen 
and (max-width : 766px)
{
	
	.contents_main{padding:15px 0 34px;}

	.main_news_title{border-width:2px; line-height:43px;}
	.main_news_title h2{background-position:13.5px center; background-size:17.5px; font-size:16.5px; text-indent:39.5px;}
	.main_news_title p{padding-left:33px; font-size:12px;}

	.main_news_list{border-width:2px;}
	.main_news_list li{padding:0 13px;}
	
	.main_news_list li a{padding:23px 0;}
	.main_news_list li a .tit_news{font-size:15px;}
	.main_news_list .tit_news strong{width:29px; height:16px; margin-right:6px; 
	  font-size:13px; line-height:17px;
	}
	.main_news_list .date{margin-left:39px; margin-top:5px; font-size:10px;}

	.news_more{width:23.5px; height:23.5px; top:10.5px; right:15px;}


	.main_banner{margin-top:15px;}
	.main_banner li{margin-top:6px;}
	.main_banner li a{height:89px; padding-left:30px; background-size:66px !important; font-size:17px; line-height:89px;}
	.main_banner .band a{height:64px; padding-top:25px; line-height:20px;}

}