/*
 * @Author: OMT.Xu
 * @Date: 2019-07-01 09:15:08
 * @Last Modified by:   adminomt
 * @Last Modified time: 2020-12-09 16:58:44
 */

@charset "utf-8";

.main-body {
    width: 100%;
}

.main-yw-jj {
    padding: 40px 0;
    background: url("/mi4-website/static/index/bg_yw-jj.jpg?d=2019") no-repeat top left #234ba0;
    background-size: 100% 100%;
}

/* 轮播推荐 */
.mod-focus .mod-focus-image {
    width: 596px;
    height: 327px;
    overflow: hidden;
    background-color: #f7f7f7;
}

.mod-focus .mod-focus-image ul,
.mod-focus .mod-focus-image li {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.mod-focus .mod-focus-image .bd {
    overflow: hidden;
}

.mod-focus .mod-focus-image .img-item {
    position: relative;
    float: left;
    width: 596px;
    height: 327px;
    overflow: hidden;
}

.mod-focus .mod-focus-image .img-item .image {
    width: 596px;
    height: 327px;
    overflow: hidden;
}

.mod-focus .mod-focus-image .img-item .image img {
    width: 596px;
    height: 327px;
}

.mod-focus .mod-focus-image .img-item .title {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 596px;
    padding: 19px 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
    background-color: rgba(0, 0, 0, .6);
}

.mod-focus .mod-focus-image .img-item .title a {
    display: block;
    margin-left: 22px;
    width: 75%;
    height: 24px;
    line-height: 1.5;
    font-size: 16px;
    color: #fff;
    text-align: left;
    overflow: hidden;
}

.mod-focus .mod-focus-image .hd {
    position: absolute;
    right: 10px;
    bottom: 19px;
    text-align: center;
    height: 18px;
}

.mod-focus .mod-focus-image .hd ul {
    display: inline-block;
    height: 18px;
    *display: inline;
    *zoom: 1;
}

.mod-focus .mod-focus-image .hd li {
    float: left;
    margin-left: 11px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
    cursor: pointer;
}

.mod-focus .mod-focus-image .hd li.on {
    background-color: #1a4e95;
}

.mod-focus .mod-focus-image .prev,
.mod-focus .mod-focus-image .next {
    position: absolute;
    top: 50%;
    left: -50px;
    z-index: 3;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background: url("/mi4-website/static/index/focus_arrow.png") no-repeat;
    background-position: 0px 0px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.mod-focus .mod-focus-image .next {
    left: auto;
    right: -50px;
    background-position: -50px -50px;
}

.mod-focus .mod-focus-image .prev:hover {
    background-position: -50px 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
    background-color: rgba(0, 0, 0, .4);
}

.mod-focus .mod-focus-image .next:hover {
    background-position: 0 -50px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
    background-color: rgba(0, 0, 0, .4);
}

/*mod-focus-news*/
.mod-focus-news {
    position: relative;
    width: 589px;
    height: 327px;
}

.mod-focus-news .cont-up {
    padding: 15px 0;
    border-bottom: 1px solid #fff;
}

.mod-focus-news .cont-down {
    padding-top: 12px;
}

.mod-focus-news .mod-focus-news-bd .item {
    height: 25px;
    overflow: hidden;
    line-height: 1.4;
    margin-top: 10px;
}

.mod-focus-news .mod-focus-news-bd .item.first {
    height: auto;
    margin-top: 0;
}

.mod-focus-news .mod-focus-news-bd .item a {
    display: block;
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    width: 570px;
    padding-left: 20px;
    color: #fff;
    background: url('/mi4-website/static/index/icon_yaowen_white.png') no-repeat 0 10px;
}

.mod-focus-news .mod-focus-news-bd .first a {
    max-height: 50px;
    background: url('/mi4-website/static/index/icon_yaowen_white.png') no-repeat 0 8px;
}

.mod-focus-news .cont-down .item a {
    font-weight: 500;
}

.focus-link-more {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 16px;
    color: #fff;
}

/* 津廉聚焦 */
.mod-jljj {
    width: 1280px;
    margin: 20px auto 0;
    overflow: hidden;
}

.mod-jljj .public-hd {
    width: 1200px;
    margin: 0 auto;
}

.mod-jljj-cont .tempWrap {
    width: 1200px !important;
}

.mod-jljj-cont {
    margin: 20px auto 0;
    height: 226px;
    width: 1200px;
}

.mod-jljj-cont li {
    float: left;
    width: 282px;
    height: 226px;
    overflow: hidden;
    margin-right: 25px;
}

.mod-jljj-cont li a,
.mod-jljj-cont li img {
    width: 282px;
    height: 157px;
}

.mod-jljj-cont li .title {
    display: block;
    width: 266px;
    height: 54px;
    background-color: #fff;
    font-size: 18px;
    color: #353433;
    line-height: 1.5;
    padding: 10px 8px;
    overflow: hidden;
}

.mod-jljj-cont li .title .txt {
    width: 100%;
    height: 100%;
    font-weight: bold;
    overflow: hidden;
}

.mod-jljj-cont .bd {
    position: relative;
    width: 100%;
    height: 226px;
}

.mod-jljj-cont .bd .prev,
.mod-jljj-cont .bd .next {
    position: absolute;
    top: 50%;
    width: 32px;
    height: 40px;
    margin-top: -25px;
    background: url('/mi4-website/static/index/topic_arrow.png') no-repeat;
    _background: url('/mi4-website/static/index/topic_arrow_png8.png') no-repeat;
}

.mod-jljj-cont .bd .prev {
    left: -42px;
    background-position: 0 -3px;
}

.mod-jljj-cont .bd .next {
    right: -42px;
    background-position: 0 -52px;
}

.mod-jljj-cont .bd .prev:hover {
    background-position: -36px -3px;
}

.mod-jljj-cont .bd .next:hover {
    background-position: -36px -52px;
}

/* 媒体关注天津 */
.main-mtgztj .mtgztj-img,
.main-mtgztj .mtgztj-img img {
    width: 100%;
    height: 90px;
}

.main-mtgztj .mtgztj-img .more {
    position: absolute;
    right: 320px;
    top: 35px;
    color: #1e41b9;
    font-size: 20px;
}
.mtgztj{ width:100%; height:90px; overflow:hidden; position:relative; }
.mtgztj .bd{ position:relative; height:100%; z-index:0;   }
.mtgztj .bd li{ zoom:1; vertical-align:middle; }
.mtgztj .bd img{ width:100%; height:100%; display:block;  }
/* 工作动态 */
.main-gzdongtai {
    height: 238px;
}

.gzdongtai-cont .bd {
    width: 1200px;
    height: 108px;
    overflow: hidden;
}

.gzdongtai-cont .public-bd {
    width: 1250px;
    height: 108px;
    overflow: hidden;
}

.gzdongtai-cont .public-bd .bd-item {
    width: 570px;
    padding-right: 28px;
}

/* 权威发布 */
.main-quanweifabu .quanweifabu-cont {
    width: 1250px;
}

.main-quanweifabu .quanweifabu-cont .item {
    width: 280px;
    height: 190px;
    float: left;
    margin-right: 25px;
}

.main-quanweifabu .quanweifabu-cont .link-to {
    font-size: 20px;
    font-weight: bold;
    color: #1e41b9;
    line-height: 20px;
    text-align: center;
}

.main-quanweifabu .quanweifabu-cont .item-ul {
    width: 256px;
    height: 124px;
    border-top: 4px solid #1e41b9;
    padding: 16px 12px;
    background-color: #f5f5fb;
    cursor: pointer;
}

.main-quanweifabu .quanweifabu-cont .item-ul a:hover {
    color: #f33535;
    font-weight: bold;
}

.main-quanweifabu .quanweifabu-cont .item-ul:hover {
    background-color: #eaf2fe;
}

.main-quanweifabu .quanweifabu-cont .item-li {
    line-height: 1.5;
    font-size: 18px;
    color: #f33535;
    padding: 0 0 10px 20px;
    height: 54px;
    overflow: hidden;
    background: url("/mi4-website/static/index/icon_public_li.png") no-repeat left 12px;
}

/* 专题集萃 */
.main-ztjc {
    height: 223px;
}

.ztjc-cont .tempWrap {
    width: 1200px !important;
}

.ztjc-cont li {
    margin-right: 25px;
}

.ztjc-cont li,
.ztjc-cont li a,
.ztjc-cont li a img {
    width: 280px;
    height: 157px;
}

.jj-jc .bd .prev,
.jj-jc .bd .next {
    position: absolute;
    top: 85px;
    width: 32px;
    height: 40px;
    margin-top: -25px;
    background: url('/mi4-website/static/index/topic_arrow_grey.png') no-repeat;
    _background: url('/mi4-website/static/index/topic_arrow_grey_png8.png') no-repeat;
}

.jj-jc .bd .prev {
    left: -42px;
    background-position: 0 -3px;
}

.jj-jc .bd .next {
    right: -38px;
    background-position: 0 -52px;
}

.jj-jc .bd .prev:hover {
    background-position: -36px -3px;
}

.jj-jc .bd .next:hover {
    background-position: -36px -52px;
}

/* 特别推荐 */
.main-tbtj {
    height: 478px;
    padding: 48px 0;
    background: url("/mi4-website/static/index/bg_tbtj.jpg?d=2019") no-repeat top left #234ba0;
    background-size: 100% 100%;
}

.main-tbtj .bd {
    width: 1225px;
    height: 348px;
    overflow: hidden;
}

.main-tbtj .bg-blue {
    background-color: #315fc2;
}

.main-tbtj .hd-line-center {
    width: 94%;
}

.tbtj-ul {
    width: 1200px;
}

.tbtj-ul .left-side {
    width: 588px;
    height: 330px;
    cursor: pointer;
    margin-top: 9px;
}

.tbtj-ul .left-side img {
    width: 588px;
    height: 330px;
}

.tbtj-ul .left-side:hover .mod-img {
    z-index: 2;
}

.tbtj-ul .left-side .mod-img {
    top: 0;
    left: 0;
    width: 568px;
    height: 300px;
    padding: 15px 10px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    background: url("/mi4-website/static/index/bg_mod.png") repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
    display: none;
    overflow: hidden;
}

.tbtj-ul .left-side .mod-img .mod-title td {
    height: 300px;
    width: 568px;
    text-align: center;
    line-height: 1.5;
}

.tbtj-ul .left-side .mod-img .mod-title {
    vertical-align: middle;
    text-align: center;
}

.tbtj-ul .left-side .mod-img:hover {
    text-decoration: none;
}

.tbtj-ul .right-side {
    width: 590px;
    height: 348px;
    overflow: visible;
    background: url("/mi4-website/static/index/bg_tbtj_border.png") no-repeat right center;
    _background: url("/mi4-website/static/index/bg_tbtj_border_png8.png") no-repeat right center;
    /* filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/statics/images/2019/bg_tbtj_border.png'); */
}

.tbtj-ul .right-side .atlas {
    left: 0;
    top: 30px;
    z-index: 9;
    width: 590px;
}

.tbtj-ul .right-side .img-item {
    margin: 0 28px 20px 0;
}

.tbtj-ul .right-side .img-item,
.tbtj-ul .right-side img {
    width: 240px;
    height: 134px;
}

.main-tbtj .bd .prev,
.main-tbtj .bd .next {
    position: absolute;
    top: 175px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    margin-top: -25px;
    background: url('/mi4-website/static/index/topic_arrow.png') no-repeat;
    _background: url('/mi4-website/static/index/topic_arrow_png8.png') no-repeat;
    display: block !important;
}

.tbtj-cont .next-bg {
    display: block !important;
    top: 146px;
    right: 0;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    z-index: 0;
    background: #3b6acf;
    background: -webkit-linear-gradient(top, #1f45ba 0%, #11aef7 100%);
    background: linear-gradient(top, #1f45ba 0%, #11aef7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f45ba', endColorstr='#11aef7', GradientType=0);
    _background: none;
}

.main-tbtj .bd .prev {
    left: -52px;
    background-position: 15px 4px;
}

.main-tbtj .bd .next {
    z-index: 3;
    right: 0;
    background-position: -30px -49px;
}

.main-tbtj .bd .prev:hover {
    background-position: -21px 4px;
}

.main-tbtj .bd .next:hover {
    background-position: 6px -49px;
}

/* 信访举报 */
.main-xfjb .tel-jb {
    display: block;
    width: 590px;
    height: 196px;
    margin-top: 28px;
    font-size: 0px;
    font-weight: bold;
    color: #bc0000;
    text-align: center;
    line-height: 196px;
    background: url("/mi4-website/static/index/bg_tel_jb.jpg") no-repeat top left;
    *zoom: 1;
}

.main-xfjb .right-down {
    margin-top: 28px;
}

.main-xfjb .tel-jb span {
    font-size: 53px;
}

.main-xfjb .hd {
    font-size: 22px;
    font-weight: bold;
    color: #1e41b9;
    line-height: 24px;
}

.main-xfjb .dec {
    display: block;
    font-size: 20px;
    color: #000;
    line-height: 40px;
    overflow: hidden;
    height: 40px;
}

.main-xfjb .remark {
    width: 100%;
    padding: 0;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background-color: #e3f1fa;
}

.main-xfjb .remark a {
    padding: 0;
    font-size: 16px;
    color: #1e41b9;
}

.main-xfjb .address,
.main-xfjb .jb-url {
    width: 430px;
}

.main-xfjb .wx,
.main-xfjb .client-side {
    width: 140px;
}

.main-xfjb .client-side,
.main-xfjb .jb-url {
    margin-top: 21px;
}

/* 全面从严治党 */
.main-congyanzhidang .tab-blue li,
.main-congyanzhidang .tab-list a {
    color: #686868;
}

.main-congyanzhidang .tab-blue li a:hover,
.main-congyanzhidang .tab-blue li.on a {
    color: #1e41b9;
}

.main-congyanzhidang .bd {
    width: 1116px;
    height: 190px;
    margin: 20px auto 0;
    background-color: #fff;
}

.main-congyanzhidang .research-btn {
    display: block;
    width: 120px;
    height: 30px;
    _height: auto;
    margin: 15px auto 0;
    line-height: 30px;
    _line-height: 1;
    _padding: 8px 0;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 20px;
    background: -webkit-linear-gradient(left, #f33535 0%, #ff5028 100%);
    background: linear-gradient(top, #f33535 0%, #ff5028 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f33535', endColorstr='#ff5028', GradientType=0);
    text-decoration: none;
    background: #f33535;
}

.main-congyanzhidang .research-btn:hover {
    background: -webkit-linear-gradient(left, #c72828 0%, #e03e1a 100%);
    background: linear-gradient(top, #c72828 0%, #e03e1a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c72828', endColorstr='#e03e1a', GradientType=0);
    color: #fff;
}

.main-congyanzhidang .research-btn .icon-more {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    margin-left: 8px;
    width: 7px;
    height: 13px;
    background: url("/mi4-website/static/index/icon_more_small.png") no-repeat center center;
    _background: url("/mi4-website/static/index/icon_more_small_png8.png") no-repeat center center;
}

.main-congyanzhidang .border-box {
    top: 18px;
    left: 0;
    width: 100%;
    height: 214px;
    z-index: -1;
    border-left: 1px solid #4562c5;
    border-right: 1px solid #4562c5;
    border-bottom: 1px solid #4562c5;
}

.main-congyanzhidang .link-more {
    top: 90px;
    right: 43px;
}

.main-congyanzhidang .cyzd-ul {
    width: 1044px;
    height: 130px;
    /* margin: 20px auto 0; */
    background-color: #f5f5fb;
    border-left: 6px solid #2f51c6;
    border-right: 6px solid #2f51c6;
    line-height: 1.5;
    padding: 30px;
    overflow: hidden;
}

.main-congyanzhidang .cyzd-ul .title {
    color: #1e41b9;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    height: 32px;
    margin-bottom: 25px;
    overflow: hidden;
}

.main-congyanzhidang .public-bd {
    width: 1125px;
    height: 72px;
    overflow: hidden;
}

.main-congyanzhidang .public-bd .bd-item {
    position: relative;
    width: 470px;
    margin-right: 70px;
}

.main-congyanzhidang .tab-blue .noevent {
    position: relative;
    padding: 0 30px;
}

.main-congyanzhidang .tab-blue .noevent:hover {
    font-weight: bold;
    color: #3644af;
}

/* 推荐位 */
.recommend {
    width: 1250px;
}

.main-recommend .item,
.main-recommend .item img {
    width: 281px;
    height: 136px;
    margin-right: 25px;
}

.main-recommend .item.long,
.main-recommend .item.long img {
    width: 588px;
    height: 136px;
}

/* 廉韵清风 */
.main-lyqf {
    /* height: 460px; */
    padding: 48px 0;
    background: url("/mi4-website/static/index/bg_lyqf.jpg") no-repeat top left #234ba0;
    background-size: 100% 100%;
}

.main-lyqf .bd {
    height: 330px;
    width: 1250px;
    overflow: hidden;
}

.main-lyqf .inside-bd {
    height: 110px;
    width: 590px;
}

.main-lyqf .bg-blue {
    background-color: #2c57b3;
}

.main-lyqf .hd-line-center {
    width: 94%;
}

.main-lyqf .left-side .image {
    display: block;
}

.main-lyqf .left-side .image,
.main-lyqf .left-side .image img {
    width: 588px;
    height: 330px;
}

.main-lyqf .tab-list a {
    padding: 0 13px;
}

.main-lyqf .right-side {
    height: 330px;
    margin-left: 20px;
}

.main-lyqf .right-side .text-dec {
    width: 577px;
    height: 190px;
    border-left: 4px solid #3380f3;
    padding-left: 9px;
}

.main-lyqf .right-side .text-dec .title {
    font-size: 48px;
    font-weight: bold;
    color: #fff;
    line-height: 48px;
}

.main-lyqf .right-side .text-cont {
    margin-top: 50px;
}

.main-lyqf .right-side .text-dec .limitbox {
    width: 577px;
    height: 30px;
    overflow: hidden;
}

.main-lyqf .right-side .text-dec .s-title,
.main-lyqf .right-side .text-dec .dec {
    display: block;
}

.main-lyqf .right-side .text-dec .s-title {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 30px;
    width: auto;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    overflow: hidden;
    vertical-align: middle;
}

.main-lyqf .right-side .text-dec .dec {
    height: 47px;
    font-size: 16px;
    color: #fff;
    margin-top: 15px;
    overflow: hidden;
}

.main-lyqf .tempWrap {
    width: 590px !important;
}

.main-lyqf .icon-newest {
    right: 0;
}

.main-lyqf .lyqf-silde li {
    margin-right: 13px;
    float: left;
}

.main-lyqf .lyqf-silde li,
.main-lyqf .lyqf-silde li a,
.main-lyqf .lyqf-silde li img {
    width: 188px;
    height: 110px;
}

.main-lyqf .bg-arrows {
    position: absolute;
    width: 27px;
    height: 50px;
    background: #1469d8;
    background: -webkit-linear-gradient(top, #1f45ba 0%, #0da7f8 100%);
    background: linear-gradient(top, #1f45ba 0%, #0da7f8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f45ba', endColorstr='#0da7f8', GradientType=0);
    _background-color: #1f45ba;
}

.main-lyqf .bg-prev {
    right: -48px;
    bottom: 0;
}

.main-lyqf .bg-next {
    right: -48px;
    top: 0;
}

.main-lyqf .lyqf-prev,
.main-lyqf .lyqf-next {
    position: absolute;
    display: block;
    width: 27px;
    height: 50px;
    background: url("/mi4-website/static/index/focus_arrow.png") no-repeat;
    _background: url("/mi4-website/static/index/focus_arrow_png8.png") no-repeat;
}

.main-lyqf .lyqf-prev {
    right: -48px;
    bottom: 0;
    background-position: -10px top;
}

.main-lyqf .lyqf-next {
    right: -48px;
    top: 0;
    background-position: -10px bottom;
}

.main-lyqf .lyqf-prev:hover {
    background-position: -60px top;
}

.main-lyqf .lyqf-next:hover {
    background-position: -60px bottom;
}

/* 热词搜 */
.main-hotword .link-more {
    cursor: inherit;
}
.main-hotword .link-more:hover {
    text-decoration: none;
    cursor: inherit;
}
.main-hotword .hotword-cont {
    height: 340px;
    margin-top: 25px;
    background: url("/mi4-website/static/index/bg_hotword_2.jpg?d=20190903") no-repeat center center;
    overflow: hidden
}

.main-hotword .circle-1 {
    width: 590px;
    height: 340px;
    background: url("/mi4-website/static/index/bg_hotword_3.png") no-repeat center center;
    _background: url("/mi4-website/static/index/bg_hotword_3_png8.png") no-repeat center center;
    -webkit-animation: rotate 30s infinite linear;
    animation: rotate 30s infinite linear;
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotate {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.main-hotword .words-box a {
    position: absolute;
    text-align: center;
    color: #fff;
}

.main-hotword .words-box {
    position: relative;
    width: 590px;
    height: 340px;
}

.main-hotword .fontsize18 {
    font-size: 18px;
}

.main-hotword .fontsize20 {
    font-size: 22px;
}

.main-hotword .fontsize25 {
    font-size: 26px;
}

.main-hotword .fontsize36 {
    font-size: 30px;
}

.main-hotword .word-item {
    -webkit-transition: none;
    transition: none;
}

/* 纪法广角{ */
.main-jfgj {
    width: 588px;
}

.main-jfgj .directional-search {
    right: 0;
    bottom: 1px;
    width: 160px;
    border: 1px solid #1e41b9;
    border-bottom: 0;
}

.main-jfgj .directional-search #dq {
    width: 114px;
    padding: 5px 10px 5px 36px;
    font-size: 16px;
    color: #b1b1b1;
}

.main-jfgj .directional-search .directional-btn {
    top: 5px;
    left: 8px;
    display: block;
    width: 21px;
    height: 21px;
    background: url("/mi4-website/static/index/icon_search.png") no-repeat center center;
    _background: url("/mi4-website/static/index/icon_search_png8.png") no-repeat center center;
}

.main-jfgj .jfgj-cont {
    width: 620px;
}

.main-jfgj .cont-item {
    display: block;
    height: 96px;
    width: 272px;
    background-color: #eaf2fe;
    font-size: 26px;
    font-weight: bold;
    margin: 26px 24px 0 0;
    padding-left: 10px;
}

.main-jfgj .cont-item .text {
    vertical-align: middle;
}

.main-jfgj .cont-item.long {
    width: 578px;
}

.main-jfgj .bg-item {
    vertical-align: middle;
    width: 80px;
    height: 96px;
}

.main-jfgj .bg-fagui {
    background: url("/mi4-website/static/index/bg_fagui.png") no-repeat center 16px;
    _background: url("/mi4-website/static/index/bg_fagui_png8.png") no-repeat center 16px;
}

.main-jfgj .bg-flfg {
    background: url("/mi4-website/static/index/bg_falvfagui.png") no-repeat center 16px;
    _background: url("/mi4-website/static/index/bg_falvfagui_png8.png") no-repeat center 16px;
}

.main-jfgj .bg-jwfc {
    background: url("/mi4-website/static/index/bg_jwfc.png") no-repeat center 16px;
    _background: url("/mi4-website/static/index/bg_jwfc_png8.png") no-repeat center 16px;
}

.main-jfgj .bg-zxxx {
    background: url("/mi4-website/static/index/bg_zxxx.png") no-repeat center 16px;
    _background: url("/mi4-website/static/index/bg_zxxx_png8.png") no-repeat center 16px;
}

.main-jfgj .bg-jlyt {
    background: url("/mi4-website/static/index/bg_jlyt.png") no-repeat center 16px;
    _background: url("/mi4-website/static/index/bg_jlyt_png8.png") no-repeat center 16px;
}

.main-jfgj .bg-zxcs {
    background: url("/mi4-website/static/index/bg_zxcs.png") no-repeat center 16px;
    _background: url("/mi4-website/static/index/bg_jlyt_png8.png") no-repeat center 16px;
}

.main-jfgj .icon-arrow {
    width: 7px;
    height: 13px;
    margin: 5px 0 0 5px;
    ;
    vertical-align: middle;
    background: url("/mi4-website/static/index/icon_more1.png") no-repeat center center;
}

/* 网友说 */
.main-wys-xxtj {
    width: 588px;
}

.wys-cont {
    width: 588px;
}

.wys-cont .wys-ul {
    display: block;
    height: 246px;
    overflow: auto;
}

/* 设置滚动条的样式 */
.wys-ul::-webkit-scrollbar {
    width: 6px;
}

/* 滚动槽 */
.wys-ul::-webkit-scrollbar-track {
    background: #f4f4f4;
    border-radius: 15px;
}

/* 滚动条滑块 */
.wys-ul::-webkit-scrollbar-thumb {
    background: #babbc0;
}

.wys-cont .item {
    padding: 10px 0;
    border-bottom: 1px solid #d0d0d0;
}

.wys-cont .wys-author-time {
    font-size: 16px;
    color: #9b9a9a;
    width: 570px;
}

.wys-cont .wys-author-time .info {
    float: left;
    width: 450px;
    height: 24px;
    overflow: hidden;
}

.wys-cont .J_close {
    margin-right: 0 !important;
}

.wys-cont .J_open {
    margin-right: 0 !important;
}

.wys-cont .wys-author-time .info .wys-author,
.wys-cont .wys-author-time .info .wys-time {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 24px;
    overflow: hidden;
}

.wys-cont .wys-author-time .info .wys-author {
    width: 170px;
    overflow: hidden;
}

.wys-cont .wys-author-time .info .wys-author .wys-cont .wys-author-time .more-down {
    float: right;
    width: 56px;
}

.wys-cont .wys-title {
    font-size: 18px;
    font-weight: bold;
    color: #000;
}

.wys-cont .icon-redline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 2px;
    height: 20px;
    vertical-align: middle;
    background: #ff5028;
    background: -webkit-linear-gradient(left, #ff5028 0%, #ff9d87 100%);
    background: linear-gradient(top, #ff5028 0%, #ff9d87 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5028', endColorstr='#ff9d87', GradientType=0);
}

.wys-cont .wys-text {
    max-height: 48px;
    overflow: hidden;
    font-size: 16px;
    color: #353433;
    margin: 10px 0;
}

.wys-cont .open {
    max-height: none;
    height: auto;
    overflow: initial;
}

.wys-cont .more-down {
    cursor: pointer;
    margin-right: 10px;
}

.wys-cont .icon-down {
    margin-left: 8px;
    width: 16px;
    height: 8px;
    vertical-align: middle;
    background: url("/mi4-website/static/index/icon_down.png") no-repeat center center;
    _background: url("/mi4-website/static/index/icon_down_png8.png") no-repeat center center;
}

.wys-cont .icon-up {
    margin-left: 8px;
    width: 16px;
    height: 8px;
    vertical-align: middle;
    background: url("/mi4-website/static/index/icon_up.png") no-repeat center center;
    _background: url("/mi4-website/static/index/icon_up_png8.png") no-repeat center center;
}

/* 信息报送统计 */
.xxtj-box {
    margin-top: 12px;
    border-right: 1px solid #e5e5e5;
}

.xxtj-box .item {
    width: 588px;
}

.xxtj-box .item-li {
    float: left;
    font-size: 16px;
    color: #353433;
    text-align: center;
    line-height: 40px;
    border-left: 1px solid #e5e5e5;
}

/* 分网站矩阵 */
.main-fzjz .map {
    height: 570px;
    background-color: #f4f6ff;
    z-index: 1;
}

/* 二维码-下拉框 */
.main-friend-select {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
}

.main-friend-select .bd {
    width: 1200px;
    overflow: hidden;
}

.main-friend-select .top-bd {
    margin-top: 10px;
    width: 100%;
    background: transparent;
    overflow: hidden;
}

.main-friend-select .top-bd .top-map {
    margin-left: 131px;
}

.main-friend-select .top-bd .top-map img {
    width: 894px;
    height: 724px;
}

.main-friend-select .top-bd .top-focus {
    top: 144px;
    left: 237px;
    width: 145px;
    height: 86px;
    overflow: hidden;
}

.main-friend-select .top-bd .top-focus img {
    width: 100%
}

.main-friend-select .top-bd .top-meiti {
    top: 0;
    right: 0;
    width: 588px;
    height: 210px;
    font-size: 0;
}

.main-friend-select .top-bd .top-meiti .meiti-item {
    float: left;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 0;
}

.main-friend-select .top-bd .top-meiti .meiti-item:hover {
    background-color: rgba(0, 0, 0, .1);
}

.main-friend-select .top-bd .top-code {
    top: 481px;
    right: 140px;
    width: 444px;
    height: 190px;
    background-color: transparent;
}

.main-friend-select .top-bd .top-code ul {
    width: 100%;
}

.main-friend-select .top-bd .top-code li {
    float: left;
    width: 152px;
    height: 190px;
    padding: 35px 35px 0 35px;
    text-align: center;
    overflow: hidden;
}

.main-friend-select .middle-bd {
    margin-top: 50px;
    padding-left: 5px;
    overflow: hidden;
}

.main-friend-select .middle-bd ul {
    width: 1195px;
    overflow: hidden;
    font-size: 0;
}

.main-friend-select .middle-bd ul .friend-item {
    float: left;
    margin-right: 3px;
    margin-bottom: 10px;
    width: 236px;
    height: 74px;
    overflow: hidden;
}

.main-friend-select .middle-bd ul .friend-item a {
    position: relative;
    display: block;
    border: 1px solid #eee;
}

.main-friend-select .middle-bd ul .friend-item a,
.main-friend-select .middle-bd ul .friend-item img {
    width: 234px;
    height: 72px;
}

.main-friend-select .middle-bd ul .friend-item a:before,
.main-friend-select .middle-bd ul .friend-item a:after {
    position: absolute;
    top: -1px;
    left: -1px;
    content: '';
    width: 100%;
    height: 100%;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
}

.main-friend-select .middle-bd ul .friend-item a:before {
    width: 388px;
    width: 0px\9;
    border-top: 1px solid #ea1515;
    border-bottom: 1px solid #ea1515;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
}

:root .main-friend-select .middle-bd ul .friend-item a:before {
    width: 388px;
}

.main-friend-select .middle-bd ul .friend-item a:after {
    height: 74px;
    height: 0px\9;
    border-left: 1px solid #ea1515;
    border-right: 1px solid #ea1515;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
}

:root .main-friend-select .middle-bd ul .friend-item a:after {
    height: 74px;
}

.main-friend-select .middle-bd ul .friend-item a:hover {
    color: #ea1515;
    border: 1px solid #ea1515\9;
    *border: 1px solid #ea1515;
}

:root .main-friend-select .middle-bd ul .friend-item a:hover {
    border: 1px solid #eee;
}

.main-friend-select .middle-bd ul .friend-item a:hover:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    -ms-transition: -ms-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    transition: transform 0.5s;
}

.main-friend-select .middle-bd ul .friend-item a:hover:after {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    -ms-transition: -ms-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    transition: transform 0.5s;
}

.main-friend-select .bottom-bd {
    margin-top: 60px;
    padding: 0 5px;
    width: 1190px;
}

.main-friend-select .bottom-bd .inner {
    width: 1220px;
}

.main-friend-select .bottom-bd .inner .select-item {
    position: relative;
    float: left;
    margin-right: 30px;
    _margin-right: 28px;
    margin-bottom: 20px;
    width: 580px;
    height: 42px;
}

.main-friend-select .bottom-bd .inner .select-item.on {
    z-index: 2;
}

.main-friend-select .bottom-bd .inner .select-item .select-wraper {
    padding: 0 20px;
    width: 540px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #eee;
    font-size: 16px;
    color: #000;
    cursor: pointer;
    background: url("/mi4-website/static/index/icon_s_arrow.jpg") no-repeat 545px 15px;
    background-color: #fff;
}

.main-friend-select .bottom-bd .inner .select-item .select-list {
    display: none;
    position: absolute;
    bottom: 40px;
    left: 0;
    z-index: 10;
    width: 100%;
    height: auto;
    max-height: 280px;
    _height: 280px;
    border: 1px solid #eee;
    background: #fff;
    overflow-y: auto;
}

.main-friend-select .bottom-bd .inner .select-item .select-list-other {
    max-height: 224px;
}

.main-friend-select .bottom-bd .inner .select-item .select-list li {
    height: 28px;
    line-height: 28px;
}

.main-friend-select .bottom-bd .inner .select-item .select-list li a {
    display: block;
    padding: 0 10px 0 25px;
    font-size: 16px;
    color: #6e6e6e;
    -webkit-transition: 0s;
    transition: 0s;
}

.main-friend-select .bottom-bd .inner .select-item .select-list li a:hover,
.main-friend-select .bottom-bd .inner .select-item .select-list li.on a {
    text-decoration: none;
    background: #eee;
}

/* 地图 */
.map .map-bg {
    position: absolute;
    left: 0;
    top: 0;
    margin: 37px 0 0 17px;
}

.map .map-hover img {
    background-color: transparent;
    display: none;
    position: absolute;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: .3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0s;
}

.map .map-hover .map-item {
    background-color: transparent;
    display: none;
    position: absolute;
    z-index: 5;
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: .3s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0s;
}

.map .map_jiantou {
    position: absolute;
    top: 238px;
    left: 257px;
    z-index: 9;
}
.map .map-hover {
    position: absolute;
    width: 590px;
    height: 570px;
}
.map .map-hover .h-hexi {
    width: 145px;
    height: 118px;
    top: 288px;
    left: 106px;
    background: url("/mi4-website/static/index/map_hexi.png") no-repeat center center;
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/statics/images/2019/map_hexi.png');
}

.map .map-hover .h-hedong {
    width: 141px;
    height: 144px;
    top: 212px;
    left: 132px;
    background: url("/mi4-website/static/index/map_hedong.png") no-repeat center center;
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/statics/images/2019/map_hedong.png');
}

.map .map-hover .h-hebei {
    width: 115px;
    height: 114px;
    top: 161px;
    left: 92px;
    background: url("/mi4-website/static/index/map_hebei.png") no-repeat center center;
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/statics/images/2019/map_hebei.png');
}

.map .map-hover .h-heping {
    width: 68px;
    height: 78px;
    top: 248px;
    left: 101px;
    background: url("/mi4-website/static/index/map_heping.png") no-repeat center center;
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/statics/images/2019/map_heping.png');
}

.map .map-hover .h-hongqiao {
    width: 92px;
    height: 97px;
    top: 159px;
    left: 35px;
    background: url("/mi4-website/static/index/map_hongqiao.png") no-repeat center center;
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/statics/images/2019/map_hongqiao.png');
}

.map .map-hover .h-nankai {
    width: 114px;
    height: 161px;
    top: 224px;
    left: 15px;
    background: url("/mi4-website/static/index/map_nankai.png") no-repeat center center;
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/statics/images/2019/map_nankai.png');
}

.map .map-hover .h-wuqing {
    width: 118px;
    height: 159px;
    top: 185px;
    left: 311px;
    background: url("/mi4-website/static/index/map_wuqing.png") no-repeat center center;
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/statics/images/2019/map_wuqing.png');
}

.map .map-hover .h-baodi {
    width: 123px;
    height: 148px;
    top: 146px;
    left: 388px;
    background: url("/mi4-website/static/index/map_baodi.png") no-repeat center center;
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/statics/images/2019/map_baodi.png');

}

.map .map-hover .h-jizhou {
    width: 143px;
    height: 143px;
    top: 32px;
    left: 388px;
    background: url("/mi4-website/static/index/map_jizhou.png") no-repeat center center;
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/statics/images/2019/map_jizhou.png');
}

.map .map-hover .h-ninghe {
    width: 134px;
    height: 130px;
    top: 212px;
    left: 424px;
    background: url("/mi4-website/static/index/map_ninghe.png") no-repeat center center;
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/statics/images/2019/map_ninghe.png');
}

.map .map-hover .h-beichen {
    width: 101px;
    height: 62px;
    top: 280px;
    left: 343px;
    background: url("/mi4-website/static/index/map_beichen.png?d=2020") no-repeat center center;
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/statics/images/2019/map_beichen.png?d=2020');
}

.map .map-hover .h-dongli {
    width: 90px;
    height: 70px;
    top: 315px;
    left: 406px;
    background: url("/mi4-website/static/index/map_dongli.png") no-repeat center center;
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/statics/images/2019/map_dongli.png');
}

.map .map-hover .h-jinnan {
    width: 86px;
    height: 81px;
    top: 360px;
    left: 400px;
    background: url("/mi4-website/static/index/map_jinnan.png") no-repeat center center;
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/statics/images/2019/map_jinnan.png');
}

.map .map-hover .h-xiqing {
    width: 111px;
    height: 104px;
    top: 331px;
    left: 324px;
    background: url("/mi4-website/static/index/map_xiqing.png") no-repeat center center;
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/statics/images/2019/map_xiqing.png');
}

.map .map-hover .h-jinghai {
    width: 121px;
    height: 140px;
    top: 359px;
    left: 290px;
    background: url("/mi4-website/static/index/map_jinghai.png") no-repeat center center;
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/statics/images/2019/map_jinghai.png');
}

.map .map-hover .h-binghai {
    width: 206px;
    height: 224px;
    top: 284px;
    left: 381px;
    background: url("/mi4-website/static/index/map_binghai.png?sdfghjk=1") no-repeat center center;
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/statics/images/2019/map_binghai.png?sdf=1');
}

.top-code {
    position: absolute;
    top: 445px;
    left: 38px;
    width: 210px;
    height: 110px;
    z-index: 2;
}

.map-top-code .mod-weixin,
.map-top-code .mod-app {
    top: 0;
    left: 0;
    display: none;
    width: 590px;
    height: 570px;
    z-index: 9;
    background-color: #031578;
    background-color: rgba(3, 21, 122, .6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8031578, endColorstr=#c8031578);
    _background-color: #031578;
}

.map-top-code .mod-weixin .mod-cont,
.map-top-code .mod-app .mod-cont {
    width: 100%;
    height: 100%;
    font-size: 24px;
    color: #fff;
    line-height: 1.5;
    text-align: center;
    z-index: 2;
}

.map-top-code .mod-weixin .title {
    margin-top: 12px;
    padding-bottom: 25px;
    border-bottom: 1px dashed #fff;
}

.map-top-code .mod-app .title {
    margin-top: 12px;
}

.map-top-code .mod-weixin .more-link {
    margin-top: 25px;
}

.map-top-code .mod-weixin .more-link .name {
    font-weight: bold;
    margin-right: 10px;
}

.map-top-code .mod-weixin .code-img,
.map-top-code .mod-app .app-img {
    width: 238px;
    height: 238px;
    margin: 85px auto 0;
}

.map-top-code .mod-app .app-img {
    margin: 145px auto 0;
}

.top-code .weixin,
.top-code .app {
    width: 100px;
    font-size: 14px;
    color: #3a3a3a;
    line-height: 1.5;
    text-align: center;
    cursor: pointer;
}
.top-code .weixin img,
.top-code .app img {
    width: 68px;
}