.report{}
.report .list{width: 1230px; margin-top: 10px;}
.report .list .item{display: block; width: 386px; height: 216px; border-radius: 4px; margin-right: 20px; position: relative; float: left; margin-bottom: 20px;}
.report .list .item .pic{width: 100%; height: 216px; overflow: hidden;}
.report .list .item .pic img{width: 100%;}
.report .list .item .tit{position: absolute; width: 354px; padding: 0px 16px; height: 36px; line-height: 36px; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); color: #ffffff; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}

.service{border-top: 2px #F4523B solid; padding-top: 30px;}

.banner{position: relative;}
.banner img{width: 100%;}
.banner .arrow-left{position: absolute; display: inline-block; width: 100px; height: 100px; background: url("../images/banner_left.png") no-repeat center; z-index: 19; left: 50%; top: 275px; margin-left: -900px;}
.banner .arrow-right{position: absolute; display: inline-block; width: 100px; height: 100px; background: url("../images/banner_right.png") no-repeat center; z-index: 19; right: 50%; top: 275px; margin-right: -900px;}
.banner .swiper-container{width: 100%; height: 650px;}
.banner .swiper-container a{display: block; width: 100%; height: 650px;}
.banner .pagination{position: absolute; bottom: 10px; width: 100%; z-index: 19; text-align: center;}
.banner .pagination .swiper-pagination-switch {width: 30px; height: 4px; background: #000000; opacity: 0.2; border-radius: 0; display: inline-block; margin: 0px 5px; cursor: pointer;}
.banner .pagination .swiper-active-switch {background: #FFFFFF; opacity: 1;}

.topic{width: 878px;}
.topic .pic{width: 100%; height: 430px; overflow: hidden;}
.topic .pic img{width: 100%;}
.topic .con{padding: 20px; background: #F7F9FC;}
.topic .con .tit{font-size: 34px; font-weight: bold;}
.topic .con .desc{padding-top: 10px; font-size: 15px; color: #7E8DA6; line-height: 24px;}

.left{width: 888px;}
.detail .left .title{font-size: 28px; color: #333333; padding-bottom: 20px; border-bottom: 1px #F2F2F2 solid; width: 848px;}
.detail .list{margin-top: 16px;}
.detail .list .item{display: block; padding: 20px; margin-bottom: 20px;}
.detail .list .item .pic{width: 300px; height: 200px; border-radius: 4px; overflow: hidden;}
.detail .list .item .pic img{width: 100%;}
.detail .list .item .content{width: 521px; height: 200px; position: relative;}
.detail .list .item .content .tit{font-size: 20px; font-weight: bold; color: #333333; line-height: 32px;}
.detail .list .item .content .desc{font-size: 14px; color: #666666; line-height: 28px; margin-top: 10px;}
.detail .list .item .content .desc span{color: #F4523B;}
.detail .list .item .content .tag{margin-top: 16px;}
.detail .list .item .content .tag span{display: inline-block; height: 22px; line-height: 22px; border: 1px #DCDCDC solid; border-left: 2px #DCDCDC solid; color: #999999; padding: 0px 12px; margin-right: 12px;}
.detail .list .item .content .other{position: absolute; left: 0; bottom: 0; width: 100%; line-height: 32px; color: #999999;}
.detail .list .item .content .other .time{}
.detail .list .item .content .other .author{color: #666666; margin-left: 24px;}
.detail .list .item .content .other .comment .icon{font-size: 12px; margin-right: 6px; margin-left: 16px;}
.detail .list .item .content .other .view .icon{font-size: 12px; margin-right: 6px;}
.detail .list .item:hover{box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3); border-radius: 4px;}

.right{width: 300px;}
.right .title{line-height: 40px; color: #333333;}
.right .title span{font-size: 28px;}
.right .title a{font-size: 16px; color: #333333;}

.live{}
.live .item{display: block; margin-top: 20px;}
.live .item img{width: 100%;}

.photo .list{width: 1230px;}
.photo .list .item{display: block; margin-bottom: 20px; float: left; width: 285px; height: 314px; position: relative; margin-right: 20px;}
.photo .list .item .pic{width: 285px; height: 209px; overflow: hidden; position: relative;}
.photo .list .item .pic img{width: 100%;}
.photo .list .item .pic img.play{width: auto; position: absolute; left: 50%; margin-left: -32px; top: 73px; z-index: 2;}
.photo .list .item .content{padding: 16px 14px; position: relative; height: 73px;}
.photo .list .item .content .tit{font-size: 16px; color: #333333; line-height: 22px;}
.photo .list .item .content .other{position: absolute; left: 14px; bottom: 5px; right: 14px; line-height: 32px; color: #999999;}
.photo .list .item .content .other .time{}
.photo .list .item .content .other .view .icon{font-size: 12px; margin-right: 6px;}
.photo .list .item:hover{box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3); border-radius: 4px;}

.photo_detail{width: 900px; margin: 0px auto; position: relative; background: #ffffff;}
.photo_detail .bigImg{position: relative; height: 600px;}
.photo_detail .bigImg li{position: relative;}
.photo_detail .bigImg li .pic{height: 600px; overflow: hidden;}
.photo_detail .bigImg li img{vertical-align:middle; width:100%;}
.photo_detail .bigImg h4{font-size: 16px; line-height: 32px; height: 32px; overflow: hidden; text-align: left; position: absolute; left: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.6); color: #FFFFFF; width: 884px; padding: 0px 8px; color: #ffffff;}
.photo_detail .prev{position: absolute; display: block; width: 50%; height: 600px; top: 0; left: 0; z-index: 9;}
.photo_detail .prev:hover{background: url("../images/photo_prev.png") no-repeat 10px center;}
.photo_detail .next{position: absolute; display: block; width: 50%; height: 600px; top: 0; right: 0; z-index: 9;}
.photo_detail .next:hover{background: url("../images/photo_next.png") no-repeat right 10px center;}
.photo_detail .smallScroll{height: 140px; padding-top: 10px;}
.photo_detail .sPrev,.photo_detail .sNext{float: left; display: block; width: 50px; height: 120px; color: rgba(51, 51, 51, 0.5); text-align: center; line-height: 134px;}
.photo_detail .sPrev .icon,.photo_detail .sNext .icon{font-size: 32px;}
.photo_detail .sPrev:hover,.photo_detail .sNext:hover{color: #333333;}
.photo_detail .smallImg{float:left; display:inline; width: 800px; overflow: hidden;}
.photo_detail .smallImg ul{height:134px;  width: 9999px; overflow: hidden; }
.photo_detail .smallImg li{float: left; width:auto; cursor:pointer; display: inline;}
.photo_detail .smallImg img{border: 1px solid #ffffff; width:198px; height:132px;}
.photo_detail .smallImg .on img{border-color: #F4523B;}
.photo_detail .pageState{position: absolute; top: 600px; right: 5px; font-family: "黑体", serif; letter-spacing: 1px; display: none;}
.photo_detail .pageState span{color: #F4523B; font-size: 16px;}