.news{margin-top:7%}

.news .news-line{height:1px;width:100%;border-bottom:1px solid #e6e6e6;margin:5% 0; overflow:hidden;}

.news li{ display:block; overflow:hidden;}

.news li.clears .news-line{ margin-bottom:0;}

.news font{margin-top:5%; font-weight:bold; display:block}

.news small{margin-bottom:3%;font-size:14px}

.news span{display:block; margin:8% 0;}

.news p{color:#999;width:100%}

.news a:hover p{ text-decoration:underline}

.news-detail{width:100%;margin-top:11%}

.news-detail .news-word-container span{margin-bottom:5%;display:block;font-size:32px}

.news-detail .news-word-container font{display:block;font-size:50px}

.news-detail .news-word-container small{display:block;font-size:12px;margin-bottom:7%}

.news-detail .news-word-container .news-content { margin-bottom:10%;}

.news-detail .news-word-container .news-content img{ width:100% !important; height:auto !important;}

.news-detail .news-word-container .news-content{font-size:15px;color:#999; line-height:23px;}

.news .news-left img{ width:100%;}

.news-detail .news-word-container{ width:100%;max-width:780px;margin:0 auto}

.news-detail .news-page{ border-top:solid 1px #ccc; font-size:16px; padding:5% 0; overflow:hidden;}
.news-detail .news-page i{ font-style:normal;text-overflow: ellipsis; width:60%;white-space: nowrap;overflow: hidden;}


@media screen and (min-width:1280px){.news .news-left{width:55%}

.news .news-right{width:45%;padding-left:4%}

.news font{font-size:50px}

.news span{font-size:25px}

.news p{font-size:14px}

}

@media screen and (min-width:961px) and (max-width:1279px){

.news .news-left{width:55%}

.news .news-right{width:45%;padding-left:4%}

.news font{font-size:35px;}

.news span{font-size:18px}

.news p{font-size:13px}

}

@media screen and (max-width:960px){

.news .news-left{width:100%;margin:0 auto}

.news .news-right{width:100%}

.news font{font-size:35px}

.news span{font-size:18px; margin:2.5% 0;}

.news p{font-size:13px}

.news-detail .news-word-container span{font-size:26px}

.news-detail .news-word-container font{font-size:45px}

.news-detail .news-word-container small{font-size:12px}

.news-detail .news-word-container .news-content p{font-size:13px}

}



@media screen and (min-width:481px) and (max-width:767px){

.news font{font-size:30px}

.news p{font-size:12px}

}

@media screen and (min-width:310px) and (max-width:480px){
	
	.news-detail .news-page{ font-size:13px;}

.news font{font-size:25px}

.news span{font-size:16px}

.news p{font-size:12px}

.news font{ margin-top:10%;}

.news-detail .news-word-container span{font-size:20px}

.news-detail .news-word-container font{font-size:40px}

.news-detail .news-word-container small{font-size:12px}

.news-detail .news-word-container .news-content p{font-size:13px}

.news .news-line{ margin:10% 0;}

}

.page a{ font-size:16px; padding:8px 15px; background:#c1c1c1; color:#fff; margin-right:10px;}
.page a.hover{ background:#404040;}