@charset "UTF-8";

.slideDiv {
    width: 100%;
    height: 40px;
}

.msg_slide {
    height: 40px;
}

.msg_slide .bd ul {
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    height: 40px;
    line-height: 40px;
    background: rgba(242, 242, 242);
}

.msg_slide .bd li {
    display: inline-block;
    margin-right: 20px;
}

.msg_slide .bd li a {
    color: #006699;
}

.cityDiv {
    width: 100%;
    height: 40px;
    margin: 21px 0 4px 0;
}

.city_xinxi {
    display: flex;
    height: 40px;
    align-items: center;
    float: right;
}

.city_xinxi li {
    margin: 0 10px;
}

.imgDiv {
    width: 100%;
    height: 512px;
    margin: 33px 0 0 0;
}

.imgContent {
    height: 512px;
}

#swiper1 {
    width: 910px;
    height: 512px;
    float: left;
   position:relative
}

#swiper1 img {
    width: 910px;
    height: 512px;
}

#swiper1 .text {
    position: absolute;
    width: 85%;
    height: 35px;
    background: rgba(0, 0, 0, 0.7);
    line-height: 35px;
    color: #ffffff;
    position: absolute;
    left: 0;
    bottom: 0;
    text-indent: 20px;
    padding-right: 15%;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#swiper1 .swiper-pagination {
    bottom: 13px;
    right: 0;
    left: unset;
    width: 130px;
    height: 10px;
    font-size: 24px;
    position: absolute;
    font-weight: 600;
    color: #D8D8D8;
}

#swiper1 .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #D8D8D8;
    opacity: 1;
    margin: 0 3px;
}

#swiper1 .swiper-pagination .swiper-pagination-bullet-active {
    font-size: 45px;
    font-weight: 600;
    background: #006699;
}

.newsRight {
    float: left;
    margin: 0 0 0 40px;
    width: 538px;
    height: 567px;
}

.gbNews {
    background: url('../imgs/indexHB/gbbg.png') 0 center/100% 100% no-repeat;
    width: 184px;
    height: 47px;
    float: left;
    margin: 0 9px 36px 154px;
}

.dsNews {
    background: url('../imgs/indexHB/dsbg.png') 0 center/100% 100% no-repeat;
    width: 185px;
    height: 47px;
    float: left;
    margin: 0 0px 36px 0px;
}

.newsLink {
    width: 538px;
    float: left;
    color: #4F4F4F;
    font-size: 18px;
    margin-bottom: 15px;
}

.specialDiv {
    height: 294px;
}

.spiderbox {
    height: 294px;
    position: relative;
}

.divName7 {
    background: url("../imgs/indexHB/ztch.jpg") 0px center no-repeat;
    font-size: 16px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 35px;
    text-indent: 45px;
    margin: 30px 0 0 0;
    height: 35px;
}

.divName7 span {
    float: left;
    margin-top: -25px;
}

#swiper6 {
    width: 1398px;
    height: 165px;
    float: left;
    margin: 20px 64px 0 54px;
}

#swiper6 .swiper-slide {
    width: 262px;
    height: 165px;
    float: left;
    position: relative;
}

#swiper6 .swiperImg {
    width: 262px;
    height: 165px;
}

#swiper6 .swiperTitle {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 262px;
    text-align: center;
    background: rgba(0, 0, 0, .7);
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    ;
    float: left;
}

.spiderbox .swiper-button-prev {
    z-index: 10;
    cursor: pointer;
    width: 40px !important;
    height: 45px !important;
    background: url("../imgs/indexHB/left.png") 0 0/100% 100% no-repeat !important;
    left: 0px !important;
    top: 127px !important;
}

.spiderbox .swiper-button-next {
    top: 127px !important;
    right: 0px !important;
    z-index: 10;
    cursor: pointer;
    width: 40px !important;
    height: 45px !important;
    background: url("../imgs/indexHB/right.png") 0 0/100% 100% no-repeat !important;
}

.makeContent {
    height: 470px;
    margin: 20px auto 53px auto;
}

.makeLeft {
    width: 370px;
    height: 480px;
    float: left;
}

.makeList {
    width: 370px;
    height: 218px;
    float: left;
    position: relative;
    overflow: hidden;
}

.makeImg {
    width: 370px;
    height: 218px;
}

.makeTitle {
    position: absolute;
    bottom: 0px;
    left: 0;
    /* width: 100%; */
    text-align: left;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-left: 12px;
    padding-right: 5px;
}

.mb34 {
    margin-bottom: 23px;
}

.makeList1 {
    width: 258px;
    height: 458px;
    float: left;
    overflow: hidden;
    margin: 0 0 0 24px;
    position: relative;
}

.makeList1 img {
    width: 258px;
    height: 458px;
    float: left;
}

.divName {
    height: 28px;
}

.divName span {
    line-height: 28px;
    height: 28px;
    font-size: 30px;
    font-family: FZDHTJW;
    font-weight: normal;
    color: #000000;
    float: left;
    margin-left:2px
}

.spiderDiv {
    margin: 0 0 0 880px;
    float: left;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    height: 20px;
    line-height: 20px;
}

.more {
    float: right;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    height: 20px;
    line-height: 20px;
}

.makeList2 {
    width: 283px;
    height: 602px;
    float: left;
    overflow: hidden;
    margin: 0 21px 0 0px;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
}

.makeList2:nth-child(5n) {
    margin: 0 0px 0 0px;
}

.makeList2 img {
    width: 262px;
    height: 147px;
    float: left;
}

.makeList2 p {
    width: 100%;
    height: 50px;
    float: left;
    font-size: 18px;
    font-family: FZDHTJW;
    font-weight: normal;
    color: #000000;
    line-height: 25px;
    padding: 5px 0;
    text-align: center;
    background: #f9f9f9;
    font-weight: bolder;
}

.topMainDivActivity2 {
    margin: 60px 0 60px 0;
    height: 940px;
}

.activitybox2 {
    height: 940px;
}

.ztBox {
    height: 378px;
    margin: 30px auto 50px auto;
    position: relative;
    overflow: hidden;
}

.ztBox ul li {
    width: 92px;
    height: 378px;
    position: relative;
    overflow: hidden;
    float: left;
}


.imgCen {
    width: 672px;
    height: 34px;
    position: absolute;
    left: 0px;
    top: 40px;
    display: none;
}

.imgCen .title {
    height: 34px;
    font-size: 25px;/*36*/
    font-family: FZDHTJW;
    font-weight: normal;
    color: #FFFFFF;
    width: 100%;
    line-height: 34px;
    float: left;
    text-indent: 34px;
}

.imgBot {
    width: 92px;
    height: 378px;
    font-size: 23px;/*30*/
    font-family: FZDHTJW;
    font-weight: normal;
    color: #FFFFFF;
    line-height: 92px;
    position: absolute;
    top: 0;
    left: 0;
    writing-mode: vertical-lr;
    display: flex;
    text-indent: 40px;
    background: rgba(65, 65, 65, .46);
}

.ztBox ul .blk {
    width: 672px;
}

.blk .imgCen {
    display: block;
}

.blk .imgBot {
    display: none;
}

.imgTop img {
    width: 672px;
    height: 378px;
    filter: blur(2px);
}

.blk .imgTop img {
    width: 672px;
    height: 378px;
    filter: blur(0px);
}

.ztLeft {
    width: 500px;
    height: 449px;
    float: left;
}

.mb15 {
    margin-bottom: 15px;
}

.ztList {
    width: 500px;
    height: 290px;
    float: left;
    overflow: hidden;
}

.ztList img {
    width: 500px;
    height: 281px;
    float: left;
}

.ztList1 {
    width: 500px;
    height: 146px;
    float: left;
    overflow: hidden;
}

.ztList1 img {
    width: 500px;
    height: 146px;
    float: left;
}

.mb31 {
    margin-bottom: 31px;
}

.ztCenter {
    width: 237px;
    height: 449px;
    float: left;
    margin: 0 0 0 20px;
}

.ztList2 {
    width: 237px;
    height: 225px;
    float: left;
    overflow: hidden;
    /*border-radius: 5px;*/
    background: #f9f9f9;
}

.ztList2 img {
    width: 237px;
    height: 133px;
    float: left;
}

.ztList2 a {
    width: 227px;
    line-height: 21px;
    height: 42px;
    float: left;
    background: #f9f9f9;
    padding: 10px 5px;
    box-sizing: border-box;
    height: 46px;
    font-size: 16px;
    font-weight: 700;
    color: #222222;
    line-height: 23px;
    margin: 20px 0;
    float: left;
    padding: 10px 20px;
}

.ztList2 p {
    width: 227px;
    line-height: 21px;
    float: left;
    background: #f9f9f9;
    padding: 0px 5px;
    height: 60px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    margin: 2px 0;
}

.ztList3 {
    width: 227px;
    height: 450px;
    float: left;
    overflow: hidden;
    margin: 0 0 0 20px;
    background: #f9f9f9;
}

.ztList3 img {
    width: 227px;
    height: 388px;
    float: left;
}

.ztList3 p {
    width: 217px;
    line-height: 21px;
    float: left;
    background: #f9f9f9;
    padding: 0px 5px;
    height: 42px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    margin: 10px 0;
}

.catalogImg {
    width: 150px;
    height: 86px;
    float: left;
    margin: 0 0 0 10px;
}

.catalogImg img {
    width: 150px;
    height: 86px;
    float: left;
}

.catalogDiv {
    width: 100%;
    height: 300px;
}

.catalogBox {
    height: 300px;
}

.tvDiv {
    float: left;
    width: 654px;
    height: 300px;
    margin: 0 13px 0 0;
}

.radioDiv {
    float: left;
    width: 831px;
    height: 300px;
}

.tvdbDiv {
    line-height: 28px;
    height: 28px;
    font-size: 20px;
    font-family: FZDHTJW;
    font-weight: normal;
    color: #000000;
    float: right;
    margin-right:15px
}

.nameDiv {
    width: 100%;
    height: 47px;
    background: #FFFFFF;
    border: 1px solid #CCA575;
    border-radius: 23px;
    float: left;
    margin: 13px 0 0 0;
}

.nameLink {
    height: 47px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #3E3E3E;
    line-height: 47px;
    float: left;
    padding: 0 6px;
}

.catalogContent {
    width: 100%;
    height: 180px;
    border: 1px solid #CCA575;
    border-radius: 10px;
    float: left;
}

.disable img {
    animation: rotate 0.75s linear infinite;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.catalogTop {
    width: 100%;
    height: 17px;
    float: left;
    margin: 19px 0 13px 0;
}

.catalogTop .name {
    height: 17px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 17px;
    float: left;
    text-indent: 14px;
    cursor: pointer;
}

.catalogTop .change {
    height: 17px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    line-height: 17px;
    float: right;
    text-indent: 4px;
    margin: 0 15px 0 0;
    cursor: pointer;
}

.catalogTop .change img {
    height: 17px;
    float: left;
}

.radioImg {
    width: 90px;
    height: 86px;
    float: left;
    margin: 0 0 0 26px;
}

.radioImg img {
    width: 90px;
    height: 86px;
    float: left;
}

.liveDiv {
    width: 100%;
    height: 340px;
}

.liveBox {
    height: 340px;
}



.articleDiv {
    width: 100%;
    height: 2052px;
}

.articleBox {
    height: 2052px;
    background: #F5F5F5;
}

.articleContent {
    height: 470px;
    width: 468px;
    float: left;
    margin: 36px 0 0 25px;
}

.divName1 {
    width: 468px;
    height: 45px;
    float: left;
}

.more1 {
    float: right;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    height: 45px;
    line-height: 45px;
}

.icon1 {
    background: url("../imgs/indexHB/icon1.png") 0 0/160px auto no-repeat !important;
}

.icon2 {
    background: url("../imgs/indexHB/icon2.png") 0 0/115px auto no-repeat !important;
}

.icon3 {
    background: url("../imgs/indexHB/icon3.png") 0 0/auto 45px no-repeat !important;
}

.icon4 {
    background: url("../imgs/indexHB/icon4.png") 0 0/auto 45px no-repeat !important;
}

.icon5 {
    background: url("../imgs/indexHB/icon5.png") 0 0/auto 45px no-repeat !important;
}

.icon6 {
    background: url("../imgs/indexHB/icon6.png") 0 0/auto 45px no-repeat !important;
}

.icon7 {
    background: url("../imgs/indexHB/icon7.png") 0 0/auto 55px no-repeat !important;
}

.icon8 {
    background: url("../imgs/indexHB/icon8.png") 0 0/auto 45px no-repeat !important;
}

.icon9 {
    background: url("../imgs/indexHB/icon9.png") 0 0/auto 40px no-repeat !important;
}

.icon10 {
    background: url("../imgs/indexHB/icon10.png") 0 0/auto 45px no-repeat !important;
}

.icon11 {
    background: url("../imgs/indexHB/icon11.png") 0 0/auto 45px no-repeat !important;
}

.icon12 {
    background: url("../imgs/indexHB/icon12.png") 0 0/auto 40px no-repeat !important;
}

.articleMain {
    width: 468px;
    height: 411px;
    float: left;
    background: #fff;
    margin: 19px 0 0 0;
}

.articleList {
    margin: 14px 12px;
    width: 444px;
    height: 249px;
    position: relative;
    overflow: hidden;
    float: left;
}

.articleList img {
    width: 444px;
    height: 249px;
}

.articleList p {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 444px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    float: left;
    text-indent: 20px;
}

.articleList1 {
    width: 444px;
    font-size: 14px;
    line-height: 40px;
    color: #333333;
    float: left;
    text-indent: 20px;
}

.zcrDiv {
    width: 100%;
    height: 600px;
    margin: 50px 0 0 0;
}

.Jcarousel {
    width: 1098px;
    height: 640px;
    position: relative;
}

.Jcarousel .baner-but {
    position: absolute;
    top: 300px;
    width: 26px;
    height: 51px;
    z-index: 10
}

.Jcarousel .baner-list .baner-item {
    position: absolute;
    top: 0;
    left: 0
}

.Jcarousel .prev {
    left: 10px;
    background: url("../imgs/leftNew.png") 0 0/auto 100% no-repeat !important;
}

.Jcarousel .next {
    right: 10px;
    background: url("../imgs/rightNew.png") 0 0/auto 100% no-repeat !important;
}

.Jcarousel img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.Jcarousel .baner-list .baner-item .bg {
    width: 100%;
    height: 90px;
    background: linear-gradient(transparent, #000);
    z-index: 1;
    position: absolute;
    bottom: -3px;
    transition: transform 0.3s; 
    transform-origin: center;
}

.Jcarousel .baner-list .baner-item .txt {
    margin: 15px 5%;
    z-index: 2;
    position: absolute;
    bottom: 3px;
    left: 3px;
    font-size: 30px;
    color: #fff;
    line-height: 30px;
    height: 30px;
    width: 90%;
    overflow: hidden;
    box-sizing: content-box;
    text-align: center;
}

.topRight {
    width: 322px;
    height: 118px;
    float: right;
    background: url("../imgs/indexHB/bg.png") 0 0/auto 118px no-repeat !important;
    margin: 0 0 0 28px;
}

.topDiv {
    width: 100%;
    /* height: 118px; */
    margin: 10px 0 26px 0;
}

.topBox {
    /* height: 118px; */
    display: flex;
    align-items: center;
}

.topLeft {
    width: 1100px;
    /* height: 87px; */
    /* float: left; */
    /* align-items: center; */
    text-align:center;
    padding: 0 25px;
}
.topLeft a{
   display:inline-block
}
.leaderName {
    width: 322px;
    height: 40px;
    font-size: 42px;
    font-family: FZDaBiaoSong-B06S;
    font-weight: 400;
    line-height: 53px;
    color: rgba(255, 247, 178, 1);
    text-align: center;
    margin: 26px 0 8px 0;
    float: left;
}

.leaderTitle {
    float: left;
    text-align: center;
    width: 322px;
    height: 26px;
    font-size: 27px;
    font-family: FZDaBiaoSong-B06S;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 34px;
    color: rgba(255, 247, 178, 1);
}

.localBox {
    display: flex;
    align-items: center;
    position:relative
}
.change_img{
    width: 10px;
    position: absolute;
    right: 20px;
    
    z-index: 999;
    cursor: pointer;

}
.localLeft {
    width: 1150px;
    height: 87px;
    float: left;
}

#swiperFix,.localRight {
    width: 322px;
    height: 87px;
    margin: 0 0 0 28px;
    float: right;
    background: url("../imgs/indexHB/bg1.png") 0 0/auto 87px no-repeat !important;
   
    /* align-items: end; */
}

.localName {
    width: 322px;
    height: 87px;
    font-size: 28px;
    font-family: FZDaBiaoSong-B06S;
    font-weight: 400;
    line-height: 87px;
    color: rgba(255, 247, 178, 1);
    text-align: center;
    float: left;
}

.localLink {
    font-size: 34px;
    float: left;
    color: #006699;
    text-align: center;
    font-weight: bold;
    /* line-height: 87px; */
    /* height: 87px; */
    width: 100%;
}

.localLink:hover,
.localLink:visited { 
    color: #006699; 
    text-decoration: none;
}

.topLink {
    font-size: 42px;
    color: FireBrick;
    text-align: center;
    font-weight: bold;
    /* height: 87px; */
    float: left;
    width: 100%;
}
.topBottom {
    float: left;
    width: 100%;
    text-align: center;
    margin: 10px 0 0 0;
}
.topLinkA{
    color: #333333;
    font-size: 20px;
    padding: 0 5px;
    border-right: 1px solid #333333;
}
.topLinkA:last-child{
    border: 0;
}
#swiper7 {
    width: 1400px;
    height: 296px;
    margin: 0px auto 0px auto;
}

#swiper7 .swiper-slide {
    width: 232px;
    height: 296px;
    float: left;
    position: relative;
}

#swiper7 .swiperImg {
    width: 232px;
    height: 131px;
    float: left;
}
#swiper7 .swiperTitleDiv {
    width: 232px;
    float: left;
    height: 92px;
    background: #F1F0F0;
}
#swiper7 .swiperTitle {
    width: 232px;
    line-height: 20px;
    float: left;
    height: 60px;
    background: #F1F0F0;
    padding: 0px 5px 0 5px;
    border-radius: 5px;
    margin: 10px 0 0 0;
    box-sizing: border-box;
}

#swiper7 .swiper-button-prev {
    z-index: 10;
    cursor: pointer;
    width: 26px !important;
    height: 30px !important;
}

#swiper7 .swiper-button-next {
    z-index: 10;
    cursor: pointer;
    width: 26px !important;
    height: 30px !important;

}
.liveStatus{
    width: 232px;
    height: 85px;
    float: left;
    position: relative;
}
.liveLine{
    content: '';
    background: #DBDCE0;
    height: 2px;
    width: 253.5px;
    position: absolute;
    top:30px;
    left: 0;
    z-index: 1;
}
.liveLineImg{
    z-index: 2;
    position: absolute;
    top: 21px;
    left: 101px;
    width: 20px;
    height: 20px;
    padding: 0 5px;
    background: #fff;
}
.liveStartTime{
    position: absolute;
    top: 46px;
    left: 0px;
    width: 100%;
    text-align: center;
    float: left;
    font-size: 16px;
    color: #333333  ;
}
.makeContent1{
    height: 235px;
    margin: 20px auto 53px auto;
    position: relative;
    overflow: hidden;
}
#swiper4{
    overflow: hidden;
    width: 1400px;
    padding: 5px;
}