/****  头条  ****/
.index-tt {
    height: 1.67rem;
    position: relative;
    width: 14rem;
    margin: .55rem auto 0;
}

.index-tt .tt-lft {
    width: .3rem;
    height: 1.67rem;
    background: url(2024-index-tt-bg-left.png) no-repeat right;
    background-size: auto 1.67rem;
    position: absolute;
    left: -.06rem;
    top: 0;
}

.index-tt .tt-rgt {
    width: .3rem;
    height: 1.67rem;
    background: url(2024-index-tt-bg-right.png) no-repeat right;
    background-size: auto 1.67rem;
    position: absolute;
    right: -.06rem;
    top: 0;
}

.index-tt .tt-main {
    width: calc(14rem - .24rem * 2);
    height: 1.67rem;
    background: url(2024-index-tt-bg.png)repeat-x;
    background-size: auto 1.67rem;
    margin: 0 auto;
    text-align: center;
}

.index-tt .tt-main .tit01 {
    width: 90%;
    margin: 0 auto;
    padding-top: .4rem;
}

.index-tt .tt-main .tit01 a {
    width: 100%;
    display: block;
    line-height: .4rem;
    height: .4rem;
    overflow: hidden;
    font-size: .3rem;
    font-weight: 700;
    color: #ca1c1d;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-tt .tt-main .tit01 a:hover {
    color: #e72122;
}

.index-tt .tt-main .con {
    height: .33rem;
    font-size: 0;
    margin-top: .15rem;
}

.index-tt .tt-main .tit02 {
    max-width: calc(100% - .91rem - .3rem - .9rem);
    display: inline-block;
    margin-right: .3rem;
    vertical-align: top;
    font-size: 0;
    position: relative;
}

.index-tt .tt-main .tit02 a {
    vertical-align: top;
    line-height: .33rem;
    max-width: calc((100% - .3rem - 1px) / 2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .18rem;
    position: relative;
}

.index-tt .tt-main .tit02 a:hover {
    color: #ff0000;
}

.index-tt .tt-main .tit02 .swiper-container {
    padding-bottom: .15rem;
}

.index-tt .tt-main .tit02 .swiper-slide {
    white-space: nowrap;
    overflow: hidden;
    width: 100% !important;
}

.index-tt .tt-main .tit02 .swiper-slide a:first-child {
    padding-right: calc(.15rem + 1px);
    margin-right: .15rem;
}

.index-tt .tt-main .tit02 .swiper-slide a:first-child::after {
    content: '';
    display: block;
    width: 1px;
    height: .16rem;
    background-color: #333;
    position: absolute;
    top: .09rem;
    right: 0;
}

.index-tt .tt-main .tit02 .swiper-pagination {
    height: 5px;
    bottom: 0 !important;
    width: calc(100% + .91rem + .3rem);
}

.index-tt .tt-main .tit02 .swiper-pagination-bullet {
    width: .2rem;
    height: 3px;
    background-color: #d7d7d7;
    border-radius: 0;
    opacity: 1;
    vertical-align: top;
}

.index-tt .tt-main .tit02 .swiper-pagination-bullet-active {
    background-color: #ca1c1d;
}

.index-tt .tt-main .pMore {
    display: inline-block;
    vertical-align: top;
}

/****  动态  ****/
.index-news {
    width: calc(14rem - .4rem);
    margin: .3rem auto 0;
    position: relative;
    padding: .2rem;
}

.index-news::before,
.index-news::after,
.index-news .news-bg::before,
.index-news .news-bg::after {
    content: '';
    display: block;
    width: .31rem;
    height: .31rem;
    background: url(2024-index-news-ico.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.index-news::after {
    left: initial;
    right: 0;
    transform: rotate(90deg);
}

.index-news .news-bg::before {
    top: initial;
    bottom: 0;
    transform: rotate(270deg);
}

.index-news .news-bg::after {
    top: initial;
    bottom: 0;
    left: initial;
    right: 0;
    transform: rotate(180deg);
}

.index-news .news-img {
    width: 6.6rem;
    height: 3.7rem;
    overflow: hidden;
    float: left;
}

.index-news .news-img .swiper-container,
.index-news .news-img a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}

.index-news .news-img img {
    width: 100%;
    height: auto;
    display: block;
    min-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.index-news .news-img label {
    width: 80%;
    padding-right: 20%;
    background-color: rgba(0, 0, 0, .3);
    height: .46rem;
    line-height: .46rem;
    color: #ffffff;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    text-indent: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.index-news .news-img .swiper-pagination {
    width: auto;
    right: .1rem;
    left: initial;
    bottom: .12rem;
}

.index-news .news-img .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    opacity: 1;
    background-color: initial;
}

.index-news .news-img .swiper-pagination-bullet-active {
    background-color: #ffffff;
}

.index-news .news-txt {
    width: calc(100% - 6.6rem - .3rem);
    height: 3.7rem;
    overflow: hidden;
    float: right;
}

.index-news .news-txt .pTit01 {
    position: relative;
}

.index-news .news-txt .pTit01 li {
    width: calc(100% / 5);
}

.index-news .news-txt .pTit01 li a {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.index-news .news-txt .pTit01 li.fbyk {
    display: none;
}

.index-news .news-txt .swiper-container {
    margin-top: .1rem;
}

.index-news .news-txt .pList01 li a {
    width: calc(100% - 4em - .3rem);
}

.index-news .news-txt .pList01 li span {
    float: left;
}

.index-news .news-txt .pList01 li span::after {
    content: '/';
    display: block;
    font-family: '宋体';
    float: right;
    margin: 0 .1rem;
}

/****  政务服务  ****/
.index-zwfw {
    margin-top: .3rem;
    background-color: #fffbf6;
    padding: .3rem 0;
}

.index-zwfw .jiao-t-l,
.index-zwfw .jiao-t-r,
.index-zwfw .jiao-b-l,
.index-zwfw .jiao-b-r {
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid #ca1c1d;
}

.index-zwfw .jiao-t-l {
    top: 0;
    left: 0;
    border-right: 0;
    border-bottom: 0;
}

.index-zwfw .jiao-t-r {
    top: 0;
    right: 0;
    border-left: 0;
    border-bottom: 0;
}

.index-zwfw .jiao-b-l {
    bottom: 0;
    left: 0;
    border-right: 0;
    border-top: 0;
}

.index-zwfw .jiao-b-r {
    bottom: 0;
    right: 0;
    border-left: 0;
    border-top: 0;
}

.index-zwfw .zwfw-img {
    width: 2.8rem;
    float: left;
    position: relative;
    padding-bottom: 10px;
}

.index-zwfw .zwfw-img a {
    width: 2.55rem;
    height: .8rem;
    border-radius: .05rem;
    background-color: #ffffff;
    margin: 0 auto;
    display: block;
    box-shadow: 0 0 .07rem #fbe7cf;
    margin-top: 10px;
    overflow: hidden;
}

.index-zwfw .zwfw-img a:last-child {
    margin-bottom: 10px;
}

.index-zwfw .zwfw-img a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.index-zwfw .zwfw-img a:hover {
    box-shadow: 0 0 .07rem #fbc581;
}

.index-zwfw .zwfw-right {
    width: calc(100% - 2.8rem - .3rem);
    height: calc(.8rem * 2 + 10px * 3);
    float: right;
    position: relative;
    overflow: hidden;
}

.index-zwfw .zwfw-right .box {
    width: calc(100% / 5 - 2px);
    height: 100%;
    float: left;
    border-right: 1px solid #f5d3cf;
    position: relative;
    cursor: pointer;
    transition: all .6s linear;
    -webkit-transition: all .6s linear;
    -moz-transition: all .6s linear;
    -o-transition: all .6s linear;
    -ms-transition: all .6s linear;
}

.index-zwfw .zwfw-right .box .jiao-t-r,
.index-zwfw .zwfw-right .box .jiao-b-r {
    right: -1px;
}

.index-zwfw .zwfw-right .box::before,
.index-zwfw .zwfw-right .box::after {
    content: '';
    display: block;
    width: 8px;
    height: 2px;
    background-color: #ca1c1d;
    position: absolute;
    right: -9px;
}

.index-zwfw .zwfw-right .box::before {
    top: 0;
}

.index-zwfw .zwfw-right .box::after {
    bottom: 0;
}

.index-zwfw .zwfw-right .box.cjsfw {
    border: 0;
}

.index-zwfw .zwfw-right .box.cjsfw::before,
.index-zwfw .zwfw-right .box.cjsfw::after {
    display: none;
}

.index-zwfw .zwfw-right.active .box {
    width: 1.28rem;
}

.index-zwfw .zwfw-right.active .box.active {
    width: auto;
    width: calc(1.28rem + 4.42rem);
}

.index-zwfw .zwfw-right .box .tit {
    height: 100%;
    position: relative;
    transition: all .6s linear;
    -webkit-transition: all .6s linear;
    -moz-transition: all .6s linear;
    -o-transition: all .6s linear;
    -ms-transition: all .6s linear;
}

.index-zwfw .zwfw-right.active .box .tit {
    width: 1.28rem;
    float: left;
}

.index-zwfw .zwfw-right.active .box.active .tit::after {
    content: '';
    display: block;
    width: 1px;
    height: .88rem;
    position: absolute;
    right: 0;
    top: calc((100% - .88rem) / 2);
    background: linear-gradient(to top, #fffbf6, #ca1c1d, #fffbf6);
    background: url(2024-index-zwfw-split.png) no-repeat center;
    background-size: 1px .88rem;
}

.index-zwfw .zwfw-right .box .tit-ico {
    width: .94rem;
    height: .94rem;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0 0 .07rem #fbe7cf;
    display: block;
    margin: .25rem auto 0;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.index-zwfw .zwfw-right.active .box .tit-ico {
    width: .6rem;
    height: .6rem;
    margin-top: .15rem;
}

.index-zwfw .zwfw-right.active .box.active .tit-ico {
    box-shadow: 0 0 .07rem #fbc581;
}

.index-zwfw .zwfw-right .box .tit-font {
    width: 100%;
    display: block;
    text-align: center;
    margin-top: .2rem;
    line-height: .2rem;
    font-size: .2rem;
}

.index-zwfw .zwfw-right.active .box .tit-font {
    width: 1em;
    font-size: .18rem;
    margin: .12rem auto 0;
}

.index-zwfw .zwfw-right.active .box.gxbcyjs .tit-font {
    width: 2em;
    text-align: left;
}

.index-zwfw .zwfw-right .box .con {
    width: 0;
    float: left;
    transition: all .6s linear;
    -webkit-transition: all .6s linear;
    -moz-transition: all .6s linear;
    -o-transition: all .6s linear;
    -ms-transition: all .6s linear;
    height: 100%;
    overflow: hidden;
    padding: 0;
}

.index-zwfw .zwfw-right .box.active .con {
    width: calc(10.9rem - 4px - 1.28rem * 5 - 4px);
}

.index-zwfw .zwfw-right .box .link-ul {
    width: calc(10.9rem - 4px - 1.28rem * 5 - .4rem - 4px);
    padding: 0 .2rem;
}

.index-zwfw .zwfw-right .box.tszl .link-ul {
    width: calc(10.9rem - 4px - 1.28rem * 5 - .4rem - 4px);
    padding: 0 .2rem;
}

.index-zwfw .zwfw-right .box.gxbcyjs .link-ul {
    width: calc(10.9rem - 4px - 1.28rem * 5 - .5rem - 4px);
    padding: 0 .25rem;
}

.index-zwfw .zwfw-right .box .link-ul li {
    width: calc(100% / 3);
    float: left;
}

.index-zwfw .zwfw-right .box.tszl .link-ul li {
    width: calc(100% / 3);
}

.index-zwfw .zwfw-right .box.gxbcyjs .link-ul li {
    width: calc(100% / 2);
}

.index-zwfw .zwfw-right .box.cjsfw .link-ul li {
    width: calc((100% - .36rem * 3) / 2);
    height: auto;
    background-color: #fff3e4;
    margin: .15rem 0 0 .36rem;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.index-zwfw .zwfw-right .box.cjsfw .link-ul li:hover {
    box-shadow: 0 0 0.07rem #fbc581;
    background-color: #fffbf6;
}

.index-zwfw .zwfw-right .box .link-ul li a {
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 0;
}

.index-zwfw .zwfw-right .box.cjsfw .link-ul li a {
    height: 1.7rem;
}

.index-zwfw .zwfw-right .box .link-ul li img {
    width: .44rem;
    height: .44rem;
    border-radius: 50%;
    border: 1px solid #ca1c1d;
    margin: .15rem 0 .1rem;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.index-zwfw .zwfw-right .box.cjsfw .link-ul li img {
    width: .66rem;
    height: .57rem;
    border: 0;
    border-radius: 0;
    margin: .3rem 0 .25rem;
}

.index-zwfw .zwfw-right .box .link-ul li span {
    font-size: .16rem;
    width: 100%;
    display: block;
}

.index-zwfw .zwfw-right .box .link-ul li a:hover {
    color: #ff0000;
}

.index-zwfw .zwfw-right .box .link-ul li a:hover img {
    box-shadow: 0 0 0.07rem #fbc581;
    border-color: #fffbf6;
}

.index-zwfw .zwfw-right .box.cjsfw .link-ul li a:hover img {
    box-shadow: initial;
}

/****  宣传栏  ****/
.index-xc {
    margin-top: .3rem;
    height: 1.2rem;
    overflow: hidden;
}

.index-xc .swiper-container {
    height: 100%;
}

.index-xc .swiper-container a {
    width: 100%;
    height: 100%;
    display: block;
}

.index-xc .swiper-container img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.index-xc .swiper-pagination {
    text-align: right;
    width: calc(100% - .1rem);
    bottom: .05rem;
}

.index-xc .swiper-pagination-bullet {
    background-color: #ffffff;
    opacity: .5;
    margin: 0 .03rem !important;
    width: .08rem;
    height: .08rem;
}

.index-xc .swiper-pagination-bullet-active {
    opacity: 1;
}

.index-xc .swiper-container .pc {
    display: block;
}

.index-xc .swiper-container .wap {
    display: none;
}

/****  政务公开  ****/
.index-zwgk {
    margin-top: .3rem;
}

.index-zwgk .zwgk-zcwj {
    width: calc(100% - 4.4rem - .3rem);
    float: left;
}

.index-zwgk .zwgk-zcwj .pList01 {
    margin-top: .15rem;
}

.index-zwgk .zwgk-zcwj .zcwd-ul {
    
}

.index-zwgk .zwgk-zcjd {
    width: 4.4rem;
    float: right;
}

.index-zwgk .zwgk-zcjd .pTit01 {
    border: 0;
}

.index-zwgk .zwgk-zcjd .pTit01 li.active a::after {
    display: none;
}

.index-zwgk .zwgk-zcjd .pTit01 li a {
    padding-left: 0;
    padding-right: 0;
}

.index-zwgk .zwgk-zcjd .tpjd {
    width: 100%;
    display: block;
    cursor: pointer;
}

.index-zwgk .zwgk-zcjd .tpjd:hover {
    background-color: #fffbf6;
}

.index-zwgk .zwgk-zcjd .imgbox {
    width: calc(100% - 8px * 2);
    height: 2.2rem;
    border: 8px solid #fffbf6;
    display: block;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}

.index-zwgk .zwgk-zcjd .imgbox img {
    width: 100%;
    min-height: 100%;
    display: block;
    object-fit: cover;
    top: 0;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.index-zwgk .zwgk-zcjd .tpjd:hover .imgbox img {
    width: 104%;
    min-height: 104%;
    top: -2%;
}

.index-zwgk .zwgk-zcjd .imgtit {
    width: 90%;
    padding: 0 5%;
    height: .54rem;
    line-height: .54rem;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    border-bottom: 1px solid #f0c0c0;
    cursor: pointer;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.index-zwgk .zwgk-zcjd .tpjd:hover .imgtit {
    color: #ff0000;
}

.index-zwgk .zwgk-zcjd .menubox {
    padding-top: .15rem;
}

.index-zwgk .zwgk-zcjd .menubox a {
    width: calc(100% / 4);
    float: left;
    position: relative;
    text-align: center;
    display: block;
    height: .3rem;
    line-height: .3rem;
}

.index-zwgk .zwgk-zcjd .menubox a::after {
    content: '';
    display: block;
    width: 1px;
    height: .18rem;
    background-color: #f0c0c0;
    position: absolute;
    right: 0;
    top: calc((.3rem - .18rem) / 2);
}

.index-zwgk .zwgk-zcjd .menubox a:last-child::after {
    display: none;
}

.index-zwgk .zwgk-zcjd .menubox a:hover {
    color: #ff0000;
}

.index-zwgk .zwgk-zfxxgk {
    margin-top: .2rem;
}

.index-zwgk .zwgk-zfxxgk .tit {
    width: 2.62rem;
    height: .7rem;
    line-height: .7rem;
    text-align: center;
    background-color: #ca1c1d;
    color: #ffffff;
    font-family: 'fzxbs';
    font-size: .2rem;
    position: relative;
    float: left;
    margin-right: .15rem;
}

.index-zwgk .zwgk-zfxxgk .tit::after {
    content: '';
    display: block;
    border-top: .08rem solid transparent;
    border-bottom: .08rem solid transparent;
    border-left: .12rem solid #ca1c1d;
    position: absolute;
    right: -.11rem;
    top: calc((100% - .12rem) / 2);
}

.index-zwgk .zwgk-zfxxgk .zfxxgk-ul {
    float: left;
    width: calc(100% - 2.62rem - .15rem);
}

.index-zwgk .zwgk-zfxxgk .zfxxgk-ul li {
    width: calc((100% - .2rem * 4) / 4);
    height: .7rem;
    line-height: .7rem;
    font-size: 0;
    text-align: center;
    float: left;
    margin-left: .2rem;
}

.index-zwgk .zwgk-zfxxgk .zfxxgk-ul li a {
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid #ffc3c3;
    display: block;
}

.index-zwgk .zwgk-zfxxgk .zfxxgk-ul li img {
    vertical-align: middle;
    width: .38rem;
    height: .38rem;
}

.index-zwgk .zwgk-zfxxgk .zfxxgk-ul li span {
    vertical-align: middle;
    font-size: .18rem;
    font-weight: 700;
    color: #ca1c1d;
    margin-right: .2rem;
}

.index-zwgk .zwgk-zfxxgk .zfxxgk-ul li a:hover {
    background-color: #fffbf6;
}

.index-zwgk .zwgk-menu {
    margin-top: .2rem;
    background: url(2024-index-zwgk-menu-bg.png) repeat-x bottom #fffbf6;
    padding-bottom: .1rem;
    font-size: 0;
    text-align: center;
}

.index-zwgk .zwgk-menu a {
    font-size: .18rem;
    line-height: .6rem;
    margin: 0 .4rem;
}

.index-zwgk .zwgk-menu a:hover {
    color: #ff0000;
}

/****  互动交流  ****/
.index-hdjl {
    margin-top: .3rem;
    background-color: #fffbf6;
    padding: .3rem 0;
}

.index-hdjl .hdjl-yjzj {
    width: calc(100% - 6.1rem - .3rem);
    float: left;
}

.index-hdjl .hdjl-yjzj .pTit01 {
    border-bottom: 0;
}

.index-hdjl .hdjl-yjzj .yjzj-ul li {
    border-bottom: 1px dashed #cfcfcf;
    padding: .22rem 0;
    height: calc(.52rem + 2px);
}

.index-hdjl .hdjl-yjzj .yjzj-ul li .zt {
    width: .78rem;
    height: .52rem;
    border: 1px solid #ffcf92;
    line-height: .52rem;
    text-align: center;
    font-size: .16rem;
    color: #eb8000;
    float: left;
    margin-right: .1rem;
}

.index-hdjl .hdjl-yjzj .yjzj-ul li .zt.jxz {
    border: 1px solid #ca1c1d;
    color: #ca1c1d;
}

.index-hdjl .hdjl-yjzj .yjzj-ul li .zt.yjs {
    border: 1px solid #e4e4e4;
    color: #d2d2d2;
}

.index-hdjl .hdjl-yjzj .yjzj-ul li a {
    width: calc(100% - .78rem - 4px - .1rem);
    display: block;
    height: .24rem;
    line-height: .24rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-hdjl .hdjl-yjzj .yjzj-ul li a:hover {
    color: #ff0000;
}

.index-hdjl .hdjl-yjzj .yjzj-ul li p {
    font-size: .14rem;
    color: #888888;
    line-height: .2rem;
    margin-top: .1rem;
}

.index-hdjl .hdjl-yjzj .yjzj-ul li p span:last-child {
    float: right;
}

.index-hdjl .hdjl-link {
    margin-top: .2rem;
    width: 100%;
    background-color: #fba56e;
    background: linear-gradient(to right, #fca484, #fa813b, #fbb88b);
    height: .78rem;
    line-height: .78rem;
    position: relative;
    font-size: 0;
    text-align: center;
}

.index-hdjl .hdjl-link::after,
.index-hdjl .hdjl-link::before {
    content: '';
    display: block;
    width: .24rem;
    height: .35rem;
    background: url(2024-index-hdjl-link-bg.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: calc((100% - .35rem) / 2);
}

.index-hdjl .hdjl-link::after {
    left: initial;
    right: 0;
    transform: rotateY(180deg);
}

.index-hdjl .hdjl-link a {
    font-size: .2rem;
    font-weight: 700;
    color: #ffffff;
    vertical-align: top;
    margin: 0 .25rem;
}

.index-hdjl .hdjl-link a span {
    position: relative;
}

.index-hdjl .hdjl-link a span::after {
    width: 0;
    height: 1px;
    content: '';
    display: block;
    background-color: #ffffff;
    position: absolute;
    left: 50%;
    bottom: -.1rem;
    transform: translateX(-50%);
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.index-hdjl .hdjl-link a:hover span::after {
    width: 100%;
}

.index-hdjl .hdjl-link img {
    width: .28rem;
    height: .28rem;
    vertical-align: top;
    margin-right: .12rem;
    margin-top: .25rem;
}

.index-hdjl .hdjl-mail {
    width: 6.1rem;
    float: right;
}

.index-hdjl .hdjl-mail .pTit02 a::after {
    display: none;
}

.index-hdjl .hdjl-mail .mail-tit {
    height: .32rem;
    margin-top: .08rem;
    padding-left: .05rem;
}

.index-hdjl .hdjl-mail .mail-tit a {
    height: .32rem;
    line-height: .32rem;
    float: left;
    display: block;
    margin-right: 10px;
    color: #ffffff;
    font-size: .16rem;
    background-color: #ca1c1d;
    transform: skew(-15deg);
    padding: 0 .3rem;
    border-radius: 3px;
}

.index-hdjl .hdjl-mail .mail-tit a:nth-child(2) {
    background-color: #ffb154;
}

.index-hdjl .hdjl-mail .mail-tit a:nth-child(3) {
    background-color: #fa8641;
}

.index-hdjl .hdjl-mail .mail-tit a:hover {
    background-color: #e72122;
}

.index-hdjl .hdjl-mail .mail-tit a:nth-child(2):hover {
    background-color: #ffb422;
}

.index-hdjl .hdjl-mail .mail-tit a:nth-child(3):hover {
    background-color: #ff6e18;
}

.index-hdjl .hdjl-mail .mail-tit a span {
    transform: skew(15deg);
    display: block;
}

.index-hdjl .hdjl-mail .table-tr {
    height: .4rem;
    line-height: .4rem;
    overflow: hidden;
}

.index-hdjl .hdjl-mail .table-tr.th {
    height: .46rem;
    line-height: .46rem;
    font-size: .16rem;
    font-weight: 700;
    margin-top: .15rem;
    background-color: #fff0de;
    margin-bottom: .1rem;
}

.index-hdjl .hdjl-mail .table-tr li {
    width: calc(100% - 1.2rem - .05rem);
    float: left;
    padding-left: .05rem;
}

.index-hdjl .hdjl-mail .table-tr.th li {
    width: calc(100% - 1.2rem - .2rem);
    padding-left: .2rem;
}

.index-hdjl .hdjl-mail .table-tr li:nth-child(2) {
    width: 1.2rem;
    text-align: center;
    padding-left: 0;
    color: #787878;
}

.index-hdjl .hdjl-mail .table-tr.th li:nth-child(2) {
    color: #000;
}

.index-hdjl .hdjl-mail .table-tr li span {
    color: #ca1c1d;
    float: left;
    display: block;
}

.index-hdjl .hdjl-mail .table-tr li span::after {
    content: '/';
    display: block;
    float: right;
    font-family: '宋体';
    margin: 0 .1rem;
    color: #c3c3c3;
}

.index-hdjl .hdjl-mail .table-tr li a {
    width: calc(100% - 3em - .2rem - .15rem);
    float: left;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-hdjl .hdjl-mail .table-tr li a:hover {
    color: #ff0000;
}

/****  专题专栏  ****/
.index-ztzl {
    margin-top: .3rem;
}

.index-ztzl .imgbg {
    width: calc((100% - .28rem * 3) / 4);
    height: 1.55rem;
    display: block;
    position: relative;
    overflow: hidden;
    float: left;
    margin-right: .28rem;
}

.index-ztzl .swiper-slide .imgbg:last-child {
    margin-right: 0;
}

.index-ztzl .imgbg a {
    width: 100%;
    height: 100%;
    display: block;
}

.index-ztzl .imgbg::before,
.index-ztzl .imgbg::after,
.index-ztzl .imgbg a::before,
.index-ztzl .imgbg a::after {
    content: '';
    display: block;
    width: .32rem;
    height: .32rem;
    border-radius: 50%;
    background-color: #ffffff;
    position: absolute;
    z-index: 9;
}

.index-ztzl .imgbg::before {
    left: -.16rem;
    top: -.16rem;
}

.index-ztzl .imgbg::after {
    right: -.16rem;
    top: -.16rem;
}

.index-ztzl .imgbg a::before {
    left: -.16rem;
    bottom: -.16rem;
}

.index-ztzl .imgbg a::after {
    right: -.16rem;
    bottom: -.16rem;
}

.index-ztzl .imgbg i {
    width: 3.13rem;
    height: 1.39rem;
    display: block;
    background: url(2024-index-ztzl-box.png) no-repeat center;
    position: absolute;
    left: calc((100% - 3.13rem) / 2);
    top: calc((100% - 1.39rem) / 2);
    background-size: 100%;
}

.index-ztzl .imgbg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.index-ztzl .imgbg a:hover img {
    width: 104%;
    height: 104%;
    margin-top: -2%;
    margin-left: -2%;
}

.index-ztzl .swiper-pagination {
    position: relative;
    margin-top: .25rem;
    font-size: 0;
    bottom: initial;
}

.index-ztzl .swiper-pagination-bullet {
    border: 1px solid #ca1c1d;
    height: .04rem;
    width: .38rem;
    border-radius: .04rem;
    background-color: #ffffff;
    opacity: 1;
}

.index-ztzl .swiper-pagination-bullet-active {
    background-color: #ca1c1d;
}

.index-ztzl .more {
    position: absolute;
    right: 0;
    bottom: -.05rem;
    color: #ca1c1d;
    font-size: .16rem;
    z-index: 9;
}

.index-ztzl .more:hover {
    color: #ff0000;
}

/****  手机端  ****/
@media screen and (max-width: 768px) {
    .index-tt {
        width: calc(100% - .3rem);
        margin: .25rem .15rem 0;
        height: .8rem;
    }

    .index-tt .tt-main {
        width: calc(100% - .14rem * 2);
        height: .8rem;
        background-size: auto 100%;
    }

    .index-tt .tt-lft,
    .index-tt .tt-rgt {
        width: .14rem;
        height: .8rem;
        background-size: auto 100%;
    }

    .index-tt .tt-lft {
        left: 0;
    }

    .index-tt .tt-rgt {
        right: 0;
    }

    .index-tt .tt-main {
        font-size: 0;
    }

    .index-tt .tt-main .tit01 {
        width: calc(100% - .91rem - .15rem);
        padding-top: .2rem;
        display: inline-block;
        margin: 0 .15rem 0 0;
        vertical-align: top;
    }

    .index-tt .tt-main .tit01 a {
        font-size: .24rem;
        text-align: left;
    }

    .index-tt .tt-main .con {
        display: inline-block;
        vertical-align: top;
        margin-top: .25rem;
    }

    .index-tt .tt-main .tit02 {
        display: none;
    }

    .index-news {
        width: calc(100% - .3rem - .4rem);
        margin-top: .15rem;
    }

    .index-news .news-img {
        width: 100%;
        height: calc(100vw * .45);
        float: none;
    }

    .index-news .news-txt {
        width: 100%;
        height: auto;
        float: none;
        margin-top: .15rem;
    }

    .index-news .news-txt .pTit01 li {
        width: calc(100% / 3);
    }
    
    .index-news .news-txt .pTit01 li.fbyk {
        position: absolute;
        right: 0;
        bottom: 0;
        display: block;
    }

    .index-zwfw {
        margin-top: .15rem;
        padding: .15rem 0;
    }

    .index-zwfw .zwfw-img {
        width: 100%;
        width: calc(100% - 20px);
        padding: 0 10px 10px;
    }

    .index-zwfw .zwfw-img a {
        width: calc(50% - 5px);
        float: left;
        margin-right: 10px;
        height: calc(100vw * .14);
    }

    .index-zwfw .zwfw-img a:nth-child(2n) {
        margin-right: 0;
    }

    .index-zwfw .zwfw-right {
        width: calc(100% - 20px);
        margin-top: .15rem;
        padding: 0 10px;
        height: auto;
        position: relative;
        padding-bottom: calc((.44rem + .25rem + .2rem + 2px) * 2 + 10px + 10px);
    }

    .index-zwfw .zwfw-right .box .jiao-t-l,
    .index-zwfw .zwfw-right .box .jiao-t-r,
    .index-zwfw .zwfw-right .box .jiao-b-l,
    .index-zwfw .zwfw-right .box .jiao-b-r,
    .index-zwfw .zwfw-right .box::before,
    .index-zwfw .zwfw-right .box::after,
    .index-zwfw .zwfw-right .box .tit::after {
        display: none !important;
    }

    .index-zwfw .zwfw-right .box {
        border: 0;
        width: calc((100vw - .3rem - 20px - 10px * 4) / 5) !important;
        margin-right: 10px;
        height: auto;
        margin-bottom: 10px;
        position: initial;
    }

    .index-zwfw .zwfw-right .box.cjsfw {
        margin-right: 0;
    }

    .index-zwfw .zwfw-right .box .tit {
        width: 100% !important;
        width: 100%;
        box-shadow: 0 0 0.07rem #fbe7cf;
        background-color: #fffbf6;
        margin-top: 10px;
        height: auto;
    }

    .index-zwfw .zwfw-right.active .box.active .tit {
        background-color: #ffffff;
    }

    .index-zwfw .zwfw-right .box .tit-ico {
        box-shadow: initial !important;
        background-color: initial !important;
        width: .5rem !important;
        height: .5rem !important;
        margin-top: 0 !important;
    }

    .index-zwfw .zwfw-right .box .tit-font {
        width: 2em !important;
        text-align: left !important;
        margin: 0 auto !important;
        padding-bottom: .1rem;
        height: .8rem;
    }

    .index-zwfw .zwfw-right .box .con {
        width: calc(100vw - .3rem - 18px) !important;
        position: absolute;
        box-shadow: 0 0 0.07rem #fbe7cf;
        background-color: #ffffff;
        left: 10px;
        bottom: 10px;
        display: none;
        height: calc((.44rem + .25rem + .2rem + 2px) * 2 + .15rem);
    }

    .index-zwfw .zwfw-right .box.active .con {
        display: block;
    }

    .index-zwfw .zwfw-right .box .link-ul {
        width: calc(100% - 20px) !important;
        padding: 0 10px !important;
    }

    .index-zwfw .zwfw-right .box.cjsfw .link-ul li {
        width: calc(50% - 5px);
        margin: 10px 0 0 10px;
    }

    .index-zwfw .zwfw-right .box.cjsfw .link-ul li:first-child {
        margin-left: 0;
    }

    .index-xc {
        margin-top: .15rem;
        height: calc(100vw * .15);
    }

    .index-xc .swiper-container .pc {
        display: none;
    }

    .index-xc .swiper-container .wap {
        display: block;
    }
    
    .index-zwgk {
        margin-top: .15rem;
    }
    
    .index-zwgk .zwgk-zcwj {
        width: 100%;
        float: none;
    }
    
    .index-zwgk .zwgk-zcjd {
        width: 100%;
        float: none;
        margin-top: .15rem;
    }
    
    .index-zwgk .zwgk-zcjd .pTit01 li {
        width: auto;
    }
    
    .index-zwgk .zwgk-zcjd .imgbox {
        height: calc(100vw * .42);
    }
    
    .index-zwgk .zwgk-zfxxgk {
        margin-top: .15rem;
    }
    
    .index-zwgk .zwgk-zfxxgk .tit {
        float: none;
        width: 100%;
        height: .5rem;
        line-height: .5rem;
    }
    
    .index-zwgk .zwgk-zfxxgk .tit::after {
        display: none;
    }
    
    .index-zwgk .zwgk-zfxxgk .zfxxgk-ul {
        width: 100%;
        float: none;
    }
    
    .index-zwgk .zwgk-zfxxgk .zfxxgk-ul li {
        width: calc(50% - 5px);
        margin: 10px 10px 0 0;
    }
    
    .index-zwgk .zwgk-zfxxgk .zfxxgk-ul li:nth-child(2n) {
        margin-right: 0;
    }
    
    .index-zwgk .zwgk-zfxxgk .zfxxgk-ul li span {
        margin-right: .1rem;
    }
    
    .index-zwgk .zwgk-menu {
        margin-top: 10px;
        padding-bottom: calc(.11rem + 10px);
    }
    
    .index-zwgk .zwgk-menu::after {
        content: '';
        display: block;
        clear: both;
    }
    
    .index-zwgk .zwgk-menu a {
        width: calc((100% - 30px) / 2);
        float: left;
        background-color: #fff0de;
        line-height: .4rem;
        margin: 10px 0 0 10px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .index-hdjl {
        margin-top: .15rem;
        padding: .15rem 0;
    }
    
    .index-hdjl .hdjl-yjzj {
        width: 100%;
        float: none;
    }
    
    .index-hdjl .hdjl-yjzj .yjzj-ul li {
        padding: .15rem 0;
    }
    
    .index-hdjl .hdjl-link {
        margin-top: 10px;
        height: auto;
        text-align: left;
        line-height: .48rem;
        padding: .1rem 0;
    }
    
    .index-hdjl .hdjl-link a {
        margin: 0 0 0 .65rem;
    }
    
    .index-hdjl .hdjl-link img {
        margin-top: .1rem;
    }
    
    .index-hdjl .hdjl-link a span::after {
        display: none !important;
    }
    
    .index-hdjl .hdjl-mail {
        width: 100%;
        float: none;
        margin-top: .15rem;
    }
    
    .index-hdjl .hdjl-mail .mail-tit {
        margin-top: 0;
    }
    
    .index-hdjl .hdjl-mail .mail-tit a {
        margin-right: 5px;
    }
    
    .index-hdjl .hdjl-mail .table-tr.th {
        margin-top: 10px;
    }
    
    .index-ztzl {
        margin-top: 0;
    }
    
    .index-ztzl .imgbg {
        width: calc((100% - .15rem) / 2);
        height: calc(100vw * .21);
        margin: .15rem .15rem 0 0;
    }
    
    .index-ztzl .imgbg:nth-child(2n) {
        margin-right: 0;
    }
    
    .index-ztzl .imgbg i {
        width: calc(100% - .12rem);
        height: calc(100% - .12rem);
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background-size: auto 100%;
    }
    
    .index-ztzl .swiper-pagination {
        margin-top: .15rem;
    }
    
    .index-ztzl .more{
        right: .15rem;
    }
}

@media screen and (max-width: 360px) {
    .index-zwfw .zwfw-right .box .tit-font {
        width: 3em !important;
    }
    
    .index-hdjl .hdjl-yjzj .yjzj-ul li {
        height: auto;
    }
    
    .index-hdjl .hdjl-yjzj .yjzj-ul li::after {
        content: '';
        display: block;
        clear: both;
    }
    
    .index-hdjl .hdjl-yjzj .yjzj-ul li p {
        width: 100%;
        float: left;
    }
}