.banner{padding-top: 30px; height: 320px;}
.banner .left{width: 565px; height: 320px; position: relative;}
.banner .left .swiper-container{width: 565px; height: 320px;}
.banner .left .swiper-container .swiper-slide{position: relative;}
.banner .left .pic{width: 565px; height: 320px;}
.banner .left .tit{position: absolute; width: 533px; padding: 0px 18px; height: 40px; line-height: 40px; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); color: #ffffff; font-size: 16px;}
.banner .left .pagination {position: absolute; right: 20px; bottom:12px; z-index: 2;}
.banner .left .swiper-pagination-switch {display: inline-block; width: 8px; height: 8px; border-radius: 4px; background: #ffffff; margin: 0 5px; cursor: pointer;}
.banner .left .swiper-active-switch {background: #F4523B;}
.banner .center{width: 260px; height: 320px; margin: 0px 10px;}
.banner .right{width: 355px; height: 320px;}
.banner .adv{width: 100%; position: relative; overflow: hidden; display: block;}
.banner .adv .pic img{width: 100%;}
.banner .adv .tit{position: absolute; padding: 0px 12px; width: 100%; box-sizing: border-box; height: 40px; line-height: 40px; 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;}
.banner .adv2{margin-top: 10px;}

.headlines{padding-top: 30px; overflow: hidden;}
.headlines .list{width: 1300px;}
.headlines .list .item{width: 233px; height: 54px; margin-right: 20px; background: #F2F2F2; border-radius: 4px; padding: 23px 26px; display: block; float: left; color: #333333;}
.headlines .list .item:hover{background: #EE4027; color: #ffffff; box-shadow: 0px 6px 6px rgba(97, 108, 255, 0.5);}
.headlines .list .item .left{padding-top: 3px;}
.headlines .list .item .left .icon{font-size: 24px;}
.headlines .list .item .left p{font-size: 14px; line-height: 25px; margin-top: 4px;}
.headlines .list .item .right{width: 178px; padding-left: 26px; font-size: 16px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.recommend{margin-top: 30px;}
.recommend .left{width: 875px;}
.recommend .left .nav{border-bottom: 2px #F2F2F2 solid;}
.recommend .left .nav a{display: block; float: left; padding: 10px 7px; font-size: 18px; line-height: 25px; color: #333333; position: relative;}
.recommend .left .nav span{float: left; display: block; color: #CCCCCC; padding: 10px 12px; line-height: 25px; font-size: 16px;}
.recommend .left .nav a span{padding: 0; line-height: normal;}
.recommend .left .nav a.cur span{padding: 0; line-height: normal; width: 100%; height: 2px; background: #F4523B; position: absolute; left: 0; bottom: -2px;}
.recommend .left .nav a:hover span{padding: 0; line-height: normal; width: 100%; height: 2px; background: #F4523B; position: absolute; left: 0; bottom: -2px;}
.recommend .list{margin-top: 16px;}
.recommend .list .item{display: block; padding: 20px; margin-bottom: 20px;}
.recommend .list .item .pic{width: 300px; height: 200px; border-radius: 4px; overflow: hidden;}
.recommend .list .item .pic img{width: 100%;}
.recommend .list .item .content{width: 521px; height: 200px; position: relative;}
.recommend .list .item .content .tit{font-size: 24px; font-weight: bold; color: #333333; line-height: 32px;}
.recommend .list .item .content .desc{font-size: 14px; color: #666666; line-height: 28px; margin-top: 10px;}
.recommend .list .item .content .desc span{color: #F4523B;}
.recommend .list .item .content .tag{margin-top: 16px;}
.recommend .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;}
.recommend .list .item .content .other{position: absolute; left: 0; bottom: 0; width: 100%; line-height: 32px; color: #999999;}
.recommend .list .item .content .other .time{}
.recommend .list .item .content .other .author{color: #666666; margin-left: 24px;}
.recommend .list .item .content .other .comment .icon{font-size: 12px; margin-right: 6px; margin-left: 16px;}
.recommend .list .item .content .other .view .icon{font-size: 12px; margin-right: 6px;}
.recommend .list .item:hover{box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3); border-radius: 4px;}
.recommend .more{display: block; height: 40px; line-height: 40px; background: #F2F2F2; color: #333333; font-size: 16px; margin-top: 26px; text-align: center;}
.recommend .more:hover{background: #F4523B; color: #ffffff;}
.recommend .right{width: 300px;}
.recommend .right .title{line-height: 40px; color: #333333;}
.recommend .right .title span{font-size: 28px;}
.recommend .right .title a{font-size: 16px; color: #333333;}
.recommend .right .news{background: #F8F8F8; position: relative; padding: 0 20px; display: block; width: 260px;}
.recommend .right .news .line{position: absolute; height: 100%; border-left: 1px #E9E5E2 dashed; left: 26px; z-index: 0;}
.recommend .right .news .tit{line-height: 24px; font-size: 14px; font-weight: bold; color: #333333; margin-top: 20px; position: relative; padding-left: 16px;}
.recommend .right .news .tit span{width: 10px; height: 10px; display: inline-block; border: 1px #F4523B solid; border-radius: 6px; margin-right: 10px; position: absolute; left: 0px; top: 6px;}
.recommend .right .news .time{color: #999999; line-height: 24px; margin-left: 16px;}
.recommend .right .h20{width: 100%; height: 20px;}
.recommend .right .bgf8{background: #F8F8F8;}
.recommend .right .personage{padding-top: 5px;}
.recommend .right .personage .item{display: block; float: left; width: 84px; margin: 15px 8px; text-align: center;}
.recommend .right .personage .item .pic{width: 80px; height: 80px; margin: 0px auto; overflow: hidden; border-radius: 40px;}
.recommend .right .personage .item .pic img{width: 100%;}
.recommend .right .personage .item .tit{line-height: 22px; font-size: 16px; font-weight: bold; margin-top: 9px;}
.recommend .right .personage .item .desc{line-height: 18px; font-size: 12px; color: #999999; height: 36px;}
.recommend .right .personage .item:hover .tit{color: #ff0000;}
.recommend .right .personage .item:hover .desc{color: #ff0000;}
.recommend .right .personage .join{display: block; width: 240px; height: 40px; line-height: 40px; text-align: center; margin: 15px auto; border: 1px #F4523B solid; font-size: 16px; color: #F4523B; border-radius: 4px;}
.recommend .right .report{}
.recommend .right .report .item{display: block; margin-top: 20px;}
.recommend .right .report .item img{width: 100%;}
.recommend .right .forum{}
.recommend .right .forum .first{display: block; margin-top: 20px;}
.recommend .right .forum .first img{width: 100%;}
.recommend .right .forum .item{display: block; width: 100%; height: 20px; line-height: 20px; font-size: 16px; margin-top: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.recommend .right .forum .item span{display: inline-block; width: 20px; height: 20px; font-size: 14px; margin-right: 10px; text-align: center; color: #ffffff;}
.recommend .right .forum .item .s1{background: #DE3225;}
.recommend .right .forum .item .s2{background: #EE9D26;}
.recommend .right .forum .item .s3{background: #3F73E8;}
.recommend .right .forum .item .s4{background: #CCCCCC;}
.recommend .right .forum .item:hover{color: #FF2323;}

.fbg{background: #3E4051;}
.fbg .intro .title{color: #FFFFFF; border-bottom: 2px #FFFFFF solid;}
.fbg .intro .content .desc{color: #FFFFFF;}
.fbg .intro .content .ewm img{border: 1px solid #FFFFFF;}
.fbg .service .left a{color: #FFFFFF;}
.fbg .service .right{color: #FFFFFF;}