/*-----------媒体报道-----------*/
.dai_me { width:1150px; margin:0 auto;padding:0 0 20px 0;height:375px;}
.media {width: 692px;}
.media .inner { border-bottom:1px solid #e3e3e3; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; background: #fff; float:left;padding: 23px 0 0 30px; width:803px}
.media-news {font-size: 14px;}
.media-news .recommend {border-bottom: 1px solid #e3e3e3;padding: 0 5px 18px; float:left; width:760px;}
.media-news .pic {border: 1px solid #e3e3e3;height:102px;width: 184px;}
.media-news .des {width: 544px;}
.media-news .des h3 {font-size: 18px;font-weight: 400;height: 27px;margin-bottom: 10px;overflow: hidden;}
.media-news .des p {height: 66px;line-height: 22px;overflow: hidden;}
.media-news-list {height: 160px; padding: 10px 5px; float:left;}
.media-news-list li {float: left; line-height: 50px;width: 370px;}
.media-news-list .ar_right { float:left;}
.g-cf, .g-o {text-align:left;}
.g-fr { float: right; color:#a8a8a8;}
.media-news-list li strong {color: #333;}
.media-news-list li span {margin: 0 5px;}
.media-news-list li a, .media-news .des h3 a {color: #444;}
.media-news-list li a:hover, .media-news .des h3 a:hover {color: #fd7500;}
.rank {width: 289px;}
.rank .common-title {border-bottom: medium none;}
.common-title {border-bottom: 1px solid #eb5e01; width:835px; float:left; line-height:60px;height:60px}
.common-title h3 {color: #333; font-size: 20px;font-weight: 400;margin-right: 10px;}
.common-title a { color:#acacac; font-size:14px;}

.common-rtitle {border-bottom: 1px solid #eb5e01; width:285px; float:left; line-height:60px;height:60px}
.common-rtitle h3 {color: #333; font-size: 20px;font-weight: 400;margin-right: 10px;}
.common-rtitle a { color:#acacac; font-size:14px;}

.g-fl {float:left;}
.ranktb {background: #fff;border: 1px solid #e3e3e3;font-size: 12px;padding: 9px 10px 20px; float:left; width:265px;}
.ranktb th {font-weight: 400;height: 26px;line-height: 26px;text-align: center;}
.ranktb td {font-size: 12px;line-height: 45px;text-align: center;vertical-align: middle;}
.ranktb .col3 { color: #555;padding-right: 23px; text-align: right;}
.ranktb tbody tr:hover {background: #f7f5f1;}
.ranktb .col1 span {background:#959595;border-radius:50%;color:#fff;display:inline-block;height:18px;line-height: 18px;position: relative; top: 2px;width: 18px;}
.ranktb .row1 .col1 span {background: url("../jiuimages/pai_1.png") no-repeat; width:18px;height:22px;}
.ranktb .row2 .col1 span {background: url("../jiuimages/pai_2.png") no-repeat; width:18px;height:22px;}
.ranktb .row3 .col1 span {background: url("../jiuimages/pai_3.png") no-repeat; width:18px;height:22px;}
.row1 .col2, .row2 .col2, .row3 .col2 {color: #58a4c6;}
.ranktb td div {background: #fdfdf8;font-size: 12px;}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.dai_me { width:95%; margin:0 auto;padding:0 0 20px 0; overflow:hidden;}
	.common-title {width:100%;}
	.common-title h3 {font-size: 1.5em;}
	.common-title a {font-size:1em;}
	.media{width:70% !important;}
	.media .inner {width:98%; padding:1%; overflow:hidden;}
	.media-news{font-size:1em;}
	.media-news .recommend{width:100%;}
	.media-news .pic{width:30%; height:auto;}
	.media-news .pic img{width:100%; height:100%;}
	.media-news .des{width:67%;}
	.media-news-list li{width:100%; line-height:55px;}
	.rank{width:29%;}
	.common-rtitle{width:100%;}
	.ranktb{width:96%; padding:3.9% 1%; padding-right:2%; font-size:1em;}
	.ranktb th{width:30%;}
	.ranktb .col3{padding-right:0;}
}

@media screen and (min-width: 320px) and (max-width: 767px) {
	.dai_me { width:95%; height:auto; margin:0 auto; padding:1%; overflow:hidden;}
	.common-title {width:100%;}
	.common-title h3 {font-size: 1.1em;}
	.common-title a {font-size:0.9em;}
	.media{width:100% !important;}
	.media .inner {width:98%; padding:1%; overflow:hidden;}
	.media-news{font-size:1em;}
	.media-news .recommend{width:98%; padding:1%;}
	.media-news .pic{width:30%; height:auto;}
	.media-news .pic img{width:100%; height:auto !important;}
	.media-news .des{width:67%;}
	.media-news-list li{width:100%; line-height:35px; font-size:0.8em;}
	.rank{width:100%;}
	.common-rtitle{width:100%; height:50px; line-height:50px;}
	.ranktb{width:98%; padding:3.9% 1%; font-size:1em;}
	.media-news .des h3 {font-size: 0.8em;font-weight: 400;height: 35px;margin-bottom: 0; margin-top:2%; overflow: hidden;}
	.media-news .des p {height: 20px;line-height: 20px; font-size:0.9em; overflow: hidden;}
	.media-news-list {height: auto; padding: 10px 5px; float:left;}
	.common-rtitle h3 {color: #333; font-size: 1em;font-weight: 400;margin-right: 10px;}
	.media-news-list li a, .media-news .des h3 a {white-space:pre-line;}
}