@charset "UTF-8";
body{
	background-color:#f1f1f1;
}

.about-banner {
    width: 100%;
    overflow: hidden;
	margin-top:80px;
}
.about-container{
	margin-top:20px;
	width:100%;
}
.about-container .w1200 {
    width: 100%;
    margin: 0 auto;
}

.media-comp-list{
	display: inline-block;
        width:100%;
}
    
.media-comp-list .media-item {
	float: left;
    margin-bottom: 24px;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 12px;
}

.media-comp-list .media-item .Qpkio {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    transition: all 0.3s ease 0s;
}

.media-comp-list .media-item .Qpkio:hover {
	-webkit-box-shadow:0 2px 8px rgba(0,0,0,.22);
	-moz-box-shadow:0 2px 8px rgba(0,0,0,.22);
	box-shadow:0 2px 8px rgba(0,0,0,.22)
}

.media-comp-list .media-item .Qpkio img {
    display: block;
    width: 100%;
}
.media-comp-list .media-item .Qpkio .title--bottom {
    font-size: 20px;
    color: rgb(102, 102, 102);
    line-height: 28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0px;
    padding: 16px 24px;
    background: rgb(255, 255, 255);
    overflow: hidden;
}

.media-comp-list .media-item .item-img {
	width:248px;
	height:100%;
	display:table-cell;
	vertical-align:middle;
	/*text-align:center;*/
	position:absolute;
	left:0;
	top:0
}
.media-comp-list .media-item .item-img img {
	display:inline-block;
	max-height:100%;
	vertical-align:middle
}
.media-comp-list .media-item .item-cont {
	margin-left:248px;
	position:relative;
	padding:35px 0
}
.media-comp-list .media-item .item-cont .cont-info {
	width:693px;
	border-right:1px solid #ccc;
	padding-right:30px
}
.media-comp-list .media-item .item-cont .cont-info h3 {
	font-size:18px;
	color:#333;
	margin-bottom:10px;
	font-weight:400;
}
.media-comp-list .media-item .item-cont .cont-info p {
	font-size:12px;
	color:#999;
	line-height:20px
}
.media-comp-list .media-item .item-cont .cont-time {
	overflow:hidden;
	padding:0 40px;
}
.media-comp-list .media-item .item-cont .cont-time b {
	color:#999;
	font-size:32px;
	font-weight:400
}
.media-comp-list .media-item .item-cont .cont-time p {
	font-size:18px;
	color:#999
}
.media-comp-list .media-item .item-cont .more-arrow {
	display:table-cell;
	height:74px;
	vertical-align:middle
}
.media-comp-list .media-item .item-cont .more-arrow i {
	display:block;
	width:12px;
	height:20px;
	background:url(../images/right-turn.png) no-repeat center
}


.qt-pagination .cpage,.qt-pagination a {
	padding:0 10px;
	margin-right:3px;
	min-width:20px;
	height:40px;
	line-height:40px;
	display:inline-block;
	text-align:center;
	color: #666;
} 

.qt-pagination {
	margin-top:4px;
	text-align:center;
	margin-bottom:34px;
}
.qt-pagination .cpage {
	border-radius:4px;
	background-color:#10c55b;
	color:#fff;
	border:1px solid #10c55b
}
.qt-pagination a {
	border-radius:4px;
	background-color:#fff;
	border:1px solid #e3e3e3
}
.qt-pagination a.on,.qt-pagination a.pagination-submit,.qt-pagination a:hover {
	background-color:#fa0d0d;
	color:#fff;
	border:1px solid #fa0d0d
}
.qt-pagination a.on {
	cursor:default
}
.qt-pagination .input-num {
	width:40px;
	height:39px;
	border-radius:4px;
	background-color:#fff;
	border:1px solid #e3e3e3;
	text-align:center
}
.qt-pagination .pagination-submit {
	width:80px;
	height:40px;
	border-radius:4px;
	background-color:#fa0d0d;
	text-align:center;
	line-height:40px
}

.fl{
	float:left;
}
.clearfix:after {
    display: block;
    height: 0;
}

.clearfix:after {
    content: " ";
}
.clearfix:after {
    font-size: 0;
    visibility: hidden;
    clear: both;
}

.site_footer{
    top:0px;
}
.qt-cent-nav {
    width: 100%;
    height: 10vw;
    background: #fff;
    margin-bottom: 3vw;
}
.w1200 {
    width: 100%;
    margin: 0 auto;
}
.qt-cent-nav .cent-nav-list ul {
    text-align: center;
    overflow: hidden;
}
.qt-cent-nav .cent-nav-list li {
    text-align: center;
    display: inline-block;
}
.qt-cent-nav .cent-nav-list li a {
    display: inline-block;
    font-size: 4vw;
    color: #666;
    line-height: 10vw;
    padding: 0 10px;
    border-bottom: 2px solid #fff;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.qt-cent-nav .cent-nav-list li a:hover, .qt-cent-nav .cent-nav-list li a.on {
    color: #fa0d0d;
    border-bottom-color: #fa0d0d;
}