.fd-body { width: 1200px; margin: 8px auto; overflow: hidden; /* margin-top: -116px; */ /* z-index: 9998; */ position: relative; } .fd-body .bb-dz{ text-align: center; } .fd-body .bb-dz a{ font-size: 38px; color: #1c4aa3; font-weight: bold; } .fd-body .bb-dz dd a{ font-size: 16px; color: #7492cd; padding-left: 10px; font-weight: normal; } /* ------------------ 新时代篇章,扫黑除恶开始------------- */ .fd-body .xsdshce { margin-top: 8px; overflow: hidden; } .fd-body .xsdshce .xsd, .fd-body .xsdshce .xsd img, .fd-body .xsdshce .xsd a { width: 1200px; height: 106px; display: inline-block; } .fd-body .xsdshce .shce { float: left; } .fd-body .xsdshce .shce, .fd-body .xsdshce .shce img, .fd-body .xsdshce .shce a { width: 450px; height: 106px; display: inline-block; } .fd-body .xsdshce .shce { float: right; } /* ------------------新时代篇章,扫黑除恶结束------------- */ /* ------------------轮播1大模块------------- */ .fd-body .model-one { width: 1200px; margin: 0px 0px 20px 0px; overflow: hidden; } .model-two { width: 1200px; margin: 15px 0px 20px 0px; overflow: hidden; margin: auto; margin-top: 15px; } /* title */ .model-two .title { overflow: hidden; } .model-two .title .fd-bb-icon, .model-two .title .fd-bb-icon img { width: 76px; height: 21px; } .model-two .title .fd-bb-icon { float: left; width: 77px; height: 26px; color: #0f409e; font-weight: bold; font-size: 16px; } .model-two .title .fd-bb-lb { width: 1140px; height: 21px; line-height: 21px; float: left; margin-left: 10px; } .model-two .title .fd-bb-lb ul{ zoom:1; float: left; } .model-two .title .fd-bb-lb li { border-right: 1px solid #979797; padding: 0px 10px; } .model-two .title .fd-bb-lb a { color: #4a5266; font-size: 16px; display: inline-block; line-height: 1; } .model-two .title .fd-bb-lb a:hover { color: #3a6ebc; font-weight: bold; } /* title */ .fd-body .model-one .title { overflow: hidden; } .fd-body .model-one .title .fd-bb-icon, .fd-body .model-one .title .fd-bb-icon img { width: 43px; height: 21px; } .fd-body .model-one .title .fd-bb-icon { float: left; width: 80px; color: #0f409e; font-weight: bold; font-size: 18px; } .fd-body .model-one .title .fd-bb-lb { width: 1140px; height: 21px; line-height: 21px; float: left; margin-left: 10px; } .fd-body .model-one .title .fd-bb-lb ul{ zoom:1; float: left; } .fd-body .model-one .title .fd-bb-lb li { border-right: 1px solid #979797; padding: 0px 10px; /* width: auto !important; */ } .fd-body .model-one .title .fd-bb-lb a { color: #4a5266; font-size: 16px; display: inline-block; line-height: 1; } .fd-body .model-one .title .fd-bb-lb a:hover { color: #3a6ebc; font-weight: bold; } /* centen */ .fd-body .model-one .centen { width: 1200px; height: 320px; overflow: hidden; margin-top: 15px; } .fd-body .model-one .centen .left { float: left; width: 600px; height: 320px; } /* 详情 */ .fd-body .model-one .centen .right { float: right; width: 540px; height: 320px; } .fd-body .model-one .centen .right .title { border-bottom: 1px solid #c8c8c8; height: 40px; line-height: 40px; } .fd-body .model-one .centen .right .title span { display: inline-block; color: #3a6ebc; font-size: #979797; } .fd-body .model-one .centen .right .title span:nth-child(2) { margin: 0px 10px; } .fd-body .model-one .centen .right .title .fd-right-title { cursor: pointer; font-size: 16px; color: #666666; } .fd-body .model-one .centen .right .title .active-title { font-size: 20px; color: #3a6ebc; font-weight: bold; } .fd-body .model-one .centen .right .inner p:nth-child(1) { color: #3a6ebc; font-size: 20px; margin-top: 10px; font-weight: bold; } .fd-body .model-one .centen .right .inner p:nth-child(2) { font-size: 14px; color: #686868; margin: 5px 0px; line-height: 26px; height: 100px; overflow: hidden; text-indent: 25px; height: 50px; } .fd-body .model-one .centen .right .list { /* margin-top: 10px; */ } .fd-body .model-one .centen .right .list ul { overflow: hidden; } .fd-body .model-one .centen .right .list ul li { border-bottom: 1px dashed #a4a4a4; line-height: 37px; height: 37px; font-size: 16px; color: #2c3448; } .fd-body .model-one .centen .right .list ul li a { color: #2c3448; display: inline-block; } .fd-body .model-one .centen .right .list ul li a>span:nth-child(1) { display: inline-block; width: 2px; height: 2px; vertical-align: middle; margin-right: 5px; background-color: #2c3448; } .fd-body .model-one .centen .right .list ul li:last-child { border-bottom: none; } /* ------------------轮播1大模块结束------------- */ /* ------------------中共中央关于坚持和完善中国特色社会主义制度推进过开始------------- */ .fd-body .bwcx { color: #3a6ebc; font-size: 40px; text-align: center; /* margin-top: 30px; */ margin-bottom: 10px; width: 1200px; height: 70px; } .fd-body .bwcx a { display: inline-block; width: 100%; height: 100%; } .fd-body .bwcx a img { width: 100%; height: 100%; } /* ------------------中共中央关于坚持和完善中国特色社会主义制度推进过结束------------- */ /* ------------------平安建设,法制武汉开始------------- */ .fd-body .pajs-fzwh { overflow: hidden; margin-top: 15px; } .fd-body .pajs-fzwh::after{ content: none; clear: both; } .fd-body .pajs-fzwh>div { width: 390px; float: left; margin-left:15px; } .fd-body .pajs-fzwh>div:first-child{ margin-left: 0px; } .fd-body .pajs-fzwh>div .title { overflow: hidden; height: 44px; line-height: 35px; border-top: 2px solid #c8c8c8; } .blue{ font-size: 20px; color: #3a6ebc; float: left; border-top: 2px solid #3a6ebc; line-height: 35px; } .fd-body .pajs-fzwh>div .title>div:nth-child(1){ font-size: 20px; color: #3a6ebc; float: left; } .fd-body .pajs-fzwh>div .blue>div:nth-child(1) { font-size: 20px; color: #3a6ebc; float: left; border-top: 1px solid #3a6ebc; } .fd-body .pajs-fzwh>div .title>div:nth-child(1) { float: right; } .fd-body .pajs-fzwh>div .title>div:nth-child(2) { float: right; } .fd-body .pajs-fzwh>div .title>div:nth-child(1) a { font-size: 14px; } .fd-body .pajs-fzwh>div .title>div:nth-child(2) a { font-size: 16px; color: #3a6ebc; } .fd-body .pajs-fzwh>div .inner ul { overflow: hidden; } .fd-body .pajs-fzwh>div .inner ul li { border-bottom: 1px dashed #a4a4a4; line-height: 36px; height: 36px; overflow: hidden; } .fd-body .pajs-fzwh>div .inner ul li a { display: inline-block; width: 100%; } .fd-body .pajs-fzwh>div .inner ul li:last-child { border-bottom: none; } .fd-body .pajs-fzwh>div .inner ul li .left { float: left; } .fd-body .pajs-fzwh>div .inner ul li .left span:nth-child(1) { display: inline-block; width: 2px; height: 2px; vertical-align: middle; margin-right: 2px; background-color: #333333; } .fd-body .pajs-fzwh>div .inner ul li .left span:nth-child(2) { color: #333333 ; font-size: 14px; } .fd-body .pajs-fzwh>div .inner ul li .right { float: right; font-size: 14px; color: #8b8b8b; } /* ------------------平安建设,法制武汉结束------------- */ /* ------------------链接选项开始------------- */ .ljxx { width: 1200px; height: 126px; margin: 0 auto; margin-top: 20px; overflow: hidden; } .ljxx .ljxx-title { width: 100%; height: 35px; line-height: 35px; border-top: 2px solid #c8c8c8; } .ljxx .ljxx-title>div:nth-child(1) { font-size: 20px; color: #3a6ebc; float: left; border-top: 1px solid #3a6ebc; } .ljxx .ljxx-inner { width: 1200px; margin: 0 auto; overflow: hidden; margin-top: 18px; } .ljxx .ljxx-inner ul { overflow: hidden; } .ljxx .ljxx-inner ul li { float: left; width: 140px; height: 74px; margin-right: 11px; background: no-repeat top center /100% 107%; } .ljxx .ljxx-inner ul li:last-child { margin-right: 0px; } .ljxx .ljxx-inner ul li a { width: 100%; height: 100%; display: inline-block; text-align: center; } .ljxx .ljxx-inner ul li a p { font-size: 16px; line-height: 31px; color: #3e6298; } .ljxx .ljxx-inner ul li:hover{ background: no-repeat top center /100% 100%; } .ljxx .ljxx-inner ul li a .zfwm-icon { width: 48px; height: 43px; background-image: ; margin: 0 auto; } .ljxx .ljxx-inner ul li:hover a .zfwm-icon{ background-image: ; } .ljxx .ljxx-inner ul li:hover a p{ color: #fff; } .ljxx .ljxx-inner ul li:nth-child(1) a .zfwm-icon { background-position-x: -36px; background-position-y: -30px; } .ljxx .ljxx-inner ul li:nth-child(2) a .zfwm-icon { background-position-x: -36px; background-position-y: -117px; } .ljxx .ljxx-inner ul li:nth-child(3) a .zfwm-icon { background-position-x: -39px; background-position-y: -204px; } .ljxx .ljxx-inner ul li:nth-child(4) a .zfwm-icon { background-position-x: -38px; background-position-y: -289px; } .ljxx .ljxx-inner ul li:nth-child(5) a .zfwm-icon { background-position-x: -38px; background-position-y: -376px; } .ljxx .ljxx-inner ul li:nth-child(6) a .zfwm-icon { background-position-x: -36px; background-position-y: -460px; } .ljxx .ljxx-inner ul li:nth-child(7) a .zfwm-icon { background-position-x: -38px; background-position-y: -546px; } .ljxx .ljxx-inner ul li:nth-child(8) a .zfwm-icon { background-position-x: -36px; background-position-y: -634px; } .ljxx .ljxx-inner ul li:nth-child(9) a .zfwm-icon { background-position-x: -42px; background-position-y: -720px; } /* ------------------链接选项开始------------- */ /* ------------------壮丽70年开始------------- */ .fd-body .zlqsn { margin: 0 auto; width: 1200px; height: 70px; margin-top: 20px; } .fd-body .zlqsn a { display: inline-block; } .fd-body .zlqsn a img { width: 1200px; height: 70px; display: inline-block; } /* ------------------壮丽70年结束------------- */ /* ----------------视频·直播,政治文化------------- */ .fd-body .spzb-zzwh { overflow: hidden; margin-top: 20px; height: 170px; } .fd-body .spzb-zzwh>div { width: 590px; } .fd-body .spzb-zzwh .spzb { float: left; } .fd-body .spzb-zzwh .zzwh { float: right; } .fd-body .spzb-zzwh .spzb .title, .fd-body .spzb-zzwh .zzwh .title { overflow: hidden; height: 35px; line-height: 35px; border-top: 2px solid #c8c8c8; } .fd-body .spzb-zzwh .spzb .title>div:nth-child(2), .fd-body .spzb-zzwh .zzwh .title>div:nth-child(2) { font-size: 20px; color: #3a6ebc; float: left; border-top: 1px solid #3a6ebc; } .title div a{ color: #3a6ebc; } .fd-body .spzb-zzwh .spzb .title>div:nth-child(1), .fd-body .spzb-zzwh .zzwh .title>div:nth-child(1) { float: right; font-size: 16px; } .fd-body .spzb-zzwh .spzb .title>div:nth-child(2) a, .fd-body .spzb-zzwh .zzwh .title>div:nth-child(2) a { font-size: 16px; color: #3a6ebc; } .fd-body .spzb-zzwh .spzb .inner ul, .fd-body .spzb-zzwh .zzwh .inner ul { overflow: hidden; } .fd-body .spzb-zzwh .spzb .inner ul li, .fd-body .spzb-zzwh .zzwh .inner ul li { border-bottom: 1px dashed #a4a4a4; /* line-height: 40px; height: 40px; */ overflow: hidden; } .fd-body .spzb-zzwh .spzb .inner ul li a, .fd-body .spzb-zzwh .zzwh .inner ul li a { display: inline-block; width: 100%; } .fd-body .spzb-zzwh .spzb .inner ul li:last-child, .fd-body .spzb-zzwh .zzwh .inner ul li:last-child { border-bottom: none; } .fd-body .spzb-zzwh .spzb .inner ul li .left, .fd-body .spzb-zzwh .zzwh .inner ul li .left { float: left; } .fd-body .spzb-zzwh .spzb .inner ul li .left span:nth-child(1), .fd-body .spzb-zzwh .zzwh .inner ul li .left span:nth-child(1) { display: inline-block; width: 2px; height: 2px; vertical-align: middle; margin-right: 2px; background-color: #3e465c; } .fd-body .spzb-zzwh .spzb .inner ul li .left span:nth-child(2), .fd-body .spzb-zzwh .zzwh .inner ul li .left span:nth-child(2) { color: #3e465c; font-size: 14px; } .fd-body .spzb-zzwh .spzb .inner ul li .right, .fd-body .spzb-zzwh .zzwh .inner ul li .right { float: right; font-size: 12px; color: #8b8b8b; } /* ------------------平安建设,法制武汉结束------------- */ /* ------------------我们的节目,致敬中国英雄开始------------- */ .fd-body .wmjranndzjzgyx { width: 587px; float: right; border-top: 0px !important; } .fd-body .wmjranndzjzgyx a { display: inline-block; /*height: 83px;*/ /*margin: 0px 8px 8px 0px;*/ margin: 0px 5px 5px 0px; } .fd-body .wmjranndzjzgyx img { display: inline-block; width: 384px; height: 60px; } /* ------------------我们的节目,致敬中国英雄结束------------- */ /* ------------------视频·直播------------- */ .fd-body .tssp { overflow: hidden; margin-top: 20px; border-top: 1px solid#d8d8d8; } .fd-body .tssp .title { font-size: 20px; color: #156699; border-top: 1px solid #156699; width: 90px; height: 28px; line-height: 28px; } .fd-body .tssp .inner .cur a { display: inline-block; } /* ------------------庭审视频结束------------- */ /* ------------------迎大庆,保军运开始------------- */ .fd-body .ydqbjy { /* margin: 0 auto; */ width: 1200px; height: 70px; margin-top: 10px; margin-left: -22px; } .fd-body .ydqbjy a { display: inline-block; margin-right: 4px; } .fd-body .ydqbjy a img { width: 396px; height: 70px; display: inline-block; } /* ------------------迎大庆,保军运结束------------- */ /* ------------------湖北铁路护路,楚凤清音,湖北见义勇为开始------------- */ .fd-body .wdy-tlhl { width: 1200px; margin: 0 auto; overflow: hidden; margin: 20px 0px; } .fd-body .wdy-tlhl .fd-wdy { width: 386px; height: 101px; float: left; cursor: pointer; } .fd-body .wdy-tlhl .fd-wdy a { display: inline-block; width: 100%; height: 100%; } .fd-body .wdy-tlhl .fd-wdy a img { width: 386px; height: 101px; } .fd-body .wdy-tlhl .fd-tlhl { width: 386px; height: 101px; display: inline-block; margin-left: 18px; } .fd-body .wdy-tlhl .fd-tlhl a { display: inline-block; width: 100%; height: 100%; } .fd-body .wdy-tlhl .fd-tlhl a img { width: 386px; height: 101px; } .fd-body .wdy-tlhl .fd-jyyw { width: 386px; height: 101px; display: inline-block; margin-left: 18px; } .fd-body .wdy-tlhl .fd-jyyw a { display: inline-block; width: 100%; height: 100%; } .fd-body .wdy-tlhl .fd-jyyw a img { width: 386px; height: 101px; } /* ------------------湖北铁路护路,楚凤清音,湖北见义勇为结束------------- */ /* ------------------月排行榜---*/ .pajs-fzwh .yphb-inner { /*width: 590px;*/ /*height: 155px;*/ text-align: center; } .pajs-fzwh .yphb-inner ul { overflow: hidden; /*height: 150px;*/ margin-bottom: 3px; } .pajs-fzwh .yphb-inner ul li { float: left; width: 83px; height: 30px; margin-right: 19px; margin-bottom: 25px; background-image: ; background-repeat: no-repeat; background-size: 100% 100%; } .pajs-fzwh .yphb-inner ul li:hover { background-image: ; } .pajs-fzwh .yphb-inner ul li:nth-child(6n) { /*margin-right: 0px;*/ } .pajs-fzwh .yphb-inner ul li:nth-child(4n){ margin-right: 0px; } .pajs-fzwh .yphb-inner ul li a { display: inline-block; width: 100%; height: 100%; line-height: 30px; padding: 0 5px; } .pajs-fzwh .yphb-inner ul li a .inner1 { width: 18px; height: 18px; border-radius: 50%; background-color: #3d649b; opacity: 0.4; color: #fff; font-size: 14px; line-height: 20px; text-align: center; float: left; margin-top: 6px; } .pajs-fzwh .yphb-inner ul li a .inner2 { width: 1px; height: 18px; background-color: #9dc9f4; float: left; /*margin: 0px 7px;*/ margin: 0px 6px; margin-top: 6px; } .pajs-fzwh .yphb-inner ul li a .inner3 { font-size: 14px; color: #333333; float: left; margin-left: 23px } .pajs-fzwh .yphb-inner ul li:nth-child(13), .pajs-fzwh .yphb-inner ul li:nth-child(14), .pajs-fzwh .yphb-inner ul li:nth-child(15) { margin-bottom: 0px; } .pajs-fzwh .yphb-inner .youx a{ font-size: 14px; color: #156699; } .pajs-fzwh .yphb-inner ul li:nth-child(1) a .inner2, .pajs-fzwh .yphb-inner ul li:nth-child(2) a .inner2, .pajs-fzwh .yphb-inner ul li:nth-child(3) a .inner2 { margin: 0px 5px; margin-top: 6px; } .pajs-fzwh .yphb-inner ul li:nth-child(1) a .inner1 { background-image: ; background-position-x: -3px; background-position-y: -6px; width: 21px; height: 23px; margin-top: 3px; opacity: 1; background-color: transparent; } .pajs-fzwh .yphb-inner ul li:nth-child(2) a .inner1 { background-image: ; background-position-x: -3px; background-position-y: -42px; width: 21px; height: 25px; margin-top: 3px; opacity: 1; background-color: transparent; } .pajs-fzwh .yphb-inner ul li:nth-child(3) a .inner1 { background-image: ; background-position-x: -3px; background-position-y: -77px; width: 21px; height: 23px; margin-top: 3px; opacity: 1; background-color: transparent; } .minheight{ min-height: 224px; } /* ------------------月排行榜结束---*/ /* 隐藏 */ .yincang { display: none; } .weixin{ width:160px; height:110px; position:absolute; background-color: #fff; box-shadow: 1px 2px 5px 0 rgba(11,78,149,0.26);; margin-left:-120px; z-index:9999; } .weixin-left{ width:80px; float: left; text-align: center; margin-top: 13px; } .weixin-right{ width:80px; float: right; text-align: center; margin-top: 13px; } .weixin span{ font-size: 14px; color: #747474; letter-spacing: 0; } .weixin img{ width:65px; height:59px; } /* main 轮播 */ .titleslider-wrapper { width: calc(100% - 77px); float: right; position: relative; } .titleslider-wrapper .titleslider-panel-left { width: 86px; height: 24px; position: absolute; background: no-repeat center; left: 0; top: -1px; z-index: 2; } .titleslider-wrapper .titleslider-panel-right { width: 86px; height: 24px; position: absolute; background: no-repeat center; right: 0; top: -1px; z-index: 2; } .titleslider { background-color: transparent; } .titleslider ul li { padding: 0 12px; height: 22px; line-height: 22px; font-size: 16px; position: relative; } .titleslider ul li::after { content: ''; display: block; background-color: #979797; width: 1px; height: 15px; position: absolute; top: 1.5px; right: 0; } .titleslider ul li a { color: #4a5266; } .titleslider ul li a:hover { color: #3a6ebc; font-weight: bold; } .fd-panel--xmtzb .tempwrap { margin-left: 0; } /* 轮播 */ .fd-main-spzb { height: 120px; padding: 0 19px; } .fd-main-spzb .swiper-item { /*width: 180px;*/ /*height: 120px;*/ width: 193px; height: 120px; padding: 6px; background-color: #eff1f3; margin-left: 0; } .fd-main-spzb .swiper-item a img { height: 100%; width: 100%; } .fd-main-spzb .swiper-item a img.play { height: 24px; width: 24px; position: absolute; top: 42px; left: 78px; } .fd-main-spzb.swiper-container .swiper-button-prev { left: 0; background: no-repeat left; } .fd-main-spzb.swiper-container .swiper-button-prev:after { /*content: ;*/ content: ''; /*color: #ffffff;*/ } /*.fd-main-spzb.swiper-container .swiper-button-next {*/ /*right: 0;*/ /*}*/ .fd-main-spzb.swiper-container .swiper-button-next:after { /*content: ;*/ color: #ffffff; } /*新媒体矩阵新的样式*/ .fd-xmtjz-new-main{ } .fd-xmtjz-new-each{ width: 180px; height: 80px; /*border:1px solid black;*/ border-radius: 10px; float: left; margin-bottom: 15px; position: relative; background-image: ; background-repeat: no-repeat; background-size: 100% 100%; } .fd-xmtjz-right{ float: right !important; } .fd-xmtjz-new-each img{ position: absolute; top: 19px; left: 31px; } .fd-xmtjz-new-each span{ position: absolute; right: 31px; top: 29px; width: 65px; font-family: pingfangsc-regular; font-size: 16px; color: #2d548f; letter-spacing: 0; } .fd-xmtjz-new-main a:nth-child(6) span{ top: 19px !important; } .youx{ margin-top: -30px; } html, body{ background-color: #ffffff !important; }