@charset "utf-8";



/* CSS Document */

/**************************************************************/

/**************************************************************/

.news-title{

    width: 100%;

    border: 2px solid #BECBDC;

    padding: 5px;

    font-size: 18px;

    font-weight: bold;

    color: #4579E5;

    text-align: center;

    -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

        box-sizing: border-box;

}

.news-title span{

    width: 100%;

    height: 100%;

    border: 1px solid #BECBDC;

    display: block;

    padding: 20px;

    line-height: 25px;

    -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

        box-sizing: border-box;

}

.date{

    font-size: 15px;

    font-weight: bold;

    text-align: center;

    color: #6683AA;

    display: block;

    text-align: center;

    padding: 23px 0;

}

/**************************************************************/

/**************************************************************/

.news_list{

    width: 100%;

    margin: 0 auto;

}

.news_list:after{

    content: '';

    display: block;

    clear: both;

}

.news_list li{

    width: 293px;

    float: left;

    display: inline-block;

    margin-right: 30px;

-webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

        box-sizing: border-box;
		margin-bottom:50px;

}

.news_list li:nth-child(3n+3){
    margin-right: 0px;

}

.news_list .date{

    font-size: 15px;

    font-weight: bold;

    color: #6683AA;

    border-bottom: dotted 1px #707070;

    padding-bottom: 18px;

    display: block;

    text-align: left;

}

.news_list .title{

    width: 100%;

    color: #3F3F3F;

    margin-top: 8px;

    line-height: 20px;

    display: block;

    padding-bottom: 20px;
    width: 100%;
    overflow: hidden;
    font-size: 16px;

}
.news_list a:hover .title{
	color:#4579E5;
	font-weight:bold;
}

.news_list .title:before{

    content: '';

    width: 24px;

    height: 20px;

    display: block;

    margin: 20px 0 10px;

    background: url(../images/news/news_icon.png)no-repeat;

}

.news_list .title:after{

    content: '';

    display: block;

    width: 50px;

    height: 5px;

    background: #BECBDC;

    margin-top: 20px;

}

.news_list .description{

    color: #868686;

    line-height: 23px;

    display: block;

    margin-bottom: 50px;
	height:70px;
	overflow:hidden;

}
.news_list a:hover .description{
	text-decoration:underline;
}

.news_list a .more{

    width: 96px;

    height: 96px;

    display: block;

    background: url(../images/news/news_more.png)no-repeat;

    margin: 0 auto;

}

.news_list a:hover .more{

    background: url(../images/news/news_more_.png)no-repeat;

}