.banner{position: relative; margin-top: 30px;}
.banner .swiper-container{width: 880px; height: 360px;}
.banner .swiper-container .swiper-slide{position: relative;}
.banner .pic{width: 565px; height: 320px;}
.banner .tit{position: absolute; width: 800px; padding: 0px 40px; height: 56px; line-height: 56px; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); color: #ffffff; font-size: 24px;}
.banner .pagination {position: absolute; right: 40px; bottom:22px; z-index: 2;}
.banner .swiper-pagination-switch {display: inline-block; width: 12px; height: 12px; border-radius: 6px; background: #ffffff; margin: 0 5px; cursor: pointer;}
.banner .left .swiper-active-switch {background: #F4523B;}
.marketing{margin-top: 30px;}
.marketing .left{width: 875px;}
.marketing .left .nav{border-bottom: 2px #F2F2F2 solid;}
.marketing .left .nav a{display: block; float: left; padding: 10px 7px; font-size: 18px; line-height: 25px; color: #333333; position: relative;}
.marketing .left .nav span{float: left; display: block; color: #CCCCCC; padding: 10px 12px; line-height: 25px; font-size: 16px;}
.marketing .left .nav a span{padding: 0; line-height: normal;}
.marketing .left .nav a.cur span{padding: 0; line-height: normal; width: 100%; height: 2px; background: #F4523B; position: absolute; left: 0; bottom: -2px;}
.marketing .left .nav a:hover span{padding: 0; line-height: normal; width: 100%; height: 2px; background: #F4523B; position: absolute; left: 0; bottom: -2px;}
.marketing .list{margin-top: 16px;}
.marketing .list .item{display: block; padding: 20px; margin-bottom: 20px;}
.marketing .list .item .pic{width: 300px; height: 200px; border-radius: 4px; overflow: hidden;}
.marketing .list .item .pic img{width: 100%;}
.marketing .list .item .content{width: 521px; height: 200px; position: relative;}
.marketing .list .item .content .tit{font-size: 24px; font-weight: bold; color: #333333; line-height: 32px;}
.marketing .list .item .content .desc{font-size: 14px; color: #666666; line-height: 28px; margin-top: 10px;}
.marketing .list .item .content .desc span{color: #F4523B;}
.marketing .list .item .content .tag{margin-top: 16px;}
.marketing .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;}
.marketing .list .item .content .other{position: absolute; left: 0; bottom: 0; width: 100%; line-height: 32px; color: #999999;}
.marketing .list .item .content .other .time{}
.marketing .list .item .content .other .author{color: #666666; margin-left: 24px;}
.marketing .list .item .content .other .comment .icon{font-size: 12px; margin-right: 6px; margin-left: 16px;}
.marketing .list .item .content .other .view .icon{font-size: 12px; margin-right: 6px;}
.marketing .list .item:hover{box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3); border-radius: 4px;}
.marketing .right{width: 300px;}
.marketing .right .destination{background: url("../images/marketing_bg.png") repeat-y center top; padding-left: 20px; color: #333333; padding-bottom: 26px; margin-top: 78px; margin-bottom: 30px;}
.marketing .right .destination .h24{height: 24px;}
.marketing .right .destination .tit{font-size: 18px; line-height: 25px; padding-left: 24px;}
.marketing .right .destination .bg1{background: url("../images/icon1.png") no-repeat left center;}
.marketing .right .destination .bg2{background: url("../images/icon2.png") no-repeat left center;}
.marketing .right .destination .bg3{background: url("../images/icon3.png") no-repeat left center;}
.marketing .right .destination .con{}
.marketing .right .destination .con a{margin-right: 20px; margin-top: 8px; line-height: 22px; font-size: 16px; display: inline-block;}
.marketing .right .title{line-height: 40px; color: #333333;}
.marketing .right .title span{font-size: 28px;}
.marketing .right .title a{font-size: 16px; color: #333333;}
.marketing .right .video{margin-top: 30px;}
.marketing .right .video .first{display: block; margin-top: 20px;}
.marketing .right .video .first img{width: 100%;}
.marketing .right .video .item{display: block; width: 276px; padding: 0px 12px; line-height: 22px; font-size: 16px; margin-top: 16px;}
.marketing .right .video .item:hover{color: #F4523B;}
.marketing .right .rank{background: #F8F8F8; padding: 16px; margin-bottom: 30px; margin-top: 20px;}
.marketing .right .rank .item{display: block; width: 100%; font-size: 16px; padding: 10px 0px;}
.marketing .right .rank .item span{display: inline-block; width: 20px; height: 20px; font-size: 14px; margin-right: 10px; text-align: center; color: #ffffff; background: #CCCCCC;}
.marketing .right .rank .item p{float: right; width: 238px;}
.marketing .right .rank .item .s1{background: #DE3225;}
.marketing .right .rank .item .s2{background: #EE9D26;}
.marketing .right .rank .item .s3{background: #3F73E8;}
.marketing .right .rank .item .s4{background: #CCCCCC;}
.marketing .right .rank .item:hover{color: #FF2323;}

.qu{margin-top: 30px;}
.qu .nav{border-bottom: 2px #F2F2F2 solid;}
.qu .nav a{display: block; float: left; padding: 10px 7px; font-size: 18px; line-height: 25px; color: #333333; position: relative;}
.qu .nav span{float: left; display: block; color: #CCCCCC; padding: 10px 12px; line-height: 25px; font-size: 16px;}
.qu .nav a span{padding: 0; line-height: normal;}
.qu .nav a.cur span{padding: 0; line-height: normal; width: 100%; height: 2px; background: #F4523B; position: absolute; left: 0; bottom: -2px;}
.qu .nav a:hover span{padding: 0; line-height: normal; width: 100%; height: 2px; background: #F4523B; position: absolute; left: 0; bottom: -2px;}
.qu .list{padding-top: 16px; width: 1230px;}
.qu .list .item{display: block; margin-top: 20px; float: left; width: 285px; height: 315px; position: relative; margin-right: 20px;}
.qu .list .item .pic{width: 285px; height: 210px; overflow: hidden; position: relative;}
.qu .list .item .pic img{width: 100%;}
.qu .list .item .pic img.play{width: auto; position: absolute; left: 50%; margin-left: -32px; top: 73px; z-index: 2;}
.qu .list .item .content{padding: 16px 14px; position: relative; height: 73px;}
.qu .list .item .content .tit{font-size: 16px; color: #333333; line-height: 22px;}
.qu .list .item .content .other{position: absolute; left: 14px; bottom: 5px; right: 14px; line-height: 32px; color: #999999;}
.qu .list .item .content .other .time{}
.qu .list .item .content .other .view .icon{font-size: 12px; margin-right: 6px;}
.qu .list .item:hover{box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3); border-radius: 4px;}

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

.qu_detail{background: #F5F6FA;}
.qu_detail .detail{padding-top: 30px;}
.qu_detail .detail .video{width: 100%; height: 675px;}
.qu_detail .detail .content{padding: 30px 0px;}
.qu_detail .detail .content .title{font-size: 24px; line-height: 33px; color: #333333;}
.qu_detail .detail .content .other{padding-top: 24px; font-size: 16px;}
.qu_detail .detail .content .other .pic{width: 280px; height: 200px; overflow: hidden;}
.qu_detail .detail .content .other .pic img{width: 100%;}
.qu_detail .detail .content .other .desc{width: 890px; height: 200px; position: relative;}
.qu_detail .detail .content .other .desc .time{text-align: right; color: #666666; margin-top: 10px;}
.qu_detail .detail .content .other .desc .view{position: absolute; left: 0; bottom: 0; line-height: 24px; color: #333333;}
.qu_detail .detail .content .other .desc .view span{margin-right: 8px;}

.recommend{margin-top: 30px;}
.recommend .title{font-size: 32px; color: #333333; line-height: 45px;}
.recommend .list{padding-top: 4px; width: 1230px;}
.recommend .list .item{display: block; margin-top: 20px; float: left; width: 285px; height: 315px; position: relative; margin-right: 20px;}
.recommend .list .item .pic{width: 285px; height: 210px; overflow: hidden; position: relative;}
.recommend .list .item .pic img{width: 100%;}
.recommend .list .item .pic img.play{width: auto; position: absolute; left: 50%; margin-left: -32px; top: 73px; z-index: 2;}
.recommend .list .item .content{padding: 16px 14px; position: relative; height: 73px;}
.recommend .list .item .content .tit{font-size: 16px; color: #333333; line-height: 22px;}
.recommend .list .item .content .other{position: absolute; left: 14px; bottom: 5px; right: 14px; line-height: 32px; color: #999999;}
.recommend .list .item .content .other .time{}
.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;}

.search_group{margin-top: 30px; border: 1px #DCDCDC solid; padding: 10px 30px; color: #333333; font-size: 16px;}
.search_group .item{margin-top: 20px;}
.search_group .item .tit{font-size: 18px; font-weight: bold; width: 120px;}
.search_group .item .con{font-size: 16px; width: 1018px;}
.search_group .item .con a{display: inline-block; line-height: 22px; margin-bottom: 20px; margin-right: 20px;}
.search_group .item .con a:hover{color: #FF3030;}
.search_group .item .con a.cur{color: #FF3030;}
.search_group .item .con a .icon{margin-right: 8px;}