/**** 标题 ****/
.index-head {
    text-align: center;
    background: no-repeat 70px -5px;
    background-position: .7rem -.05rem;
    background-size: auto 44px;
    background-size: auto .44rem;
    width: 920px;
    width: 9.2rem;
    margin: 0 auto;
}

.index-head a {
    display: block;
    width: 100%;
    height: 100%;
    background: no-repeat right -5px;
    background-position: right -.05rem;
    background-size: auto 44px;
    background-size: auto .44rem;
}

.index-head img {
    height: 44px;
    height: .44rem;
}

.index-head.zwgk {
    background-image: url(../images/2023-index-tit-zwgk-l.png);
}

.index-head.zwgk a {
    background-image: url(../images/2023-index-tit-zwgk-r.png);
}

.index-head.zwfw {
    background-image: url(../images/2023-index-tit-zwfw-l.png);
}

.index-head.zwfw a {
    background-image: url(../images/2023-index-tit-zwfw-r.png);
}

.index-head.hdjl {
    background-image: url(../images/2023-index-tit-hdjl-l.png);
}

.index-head.hdjl a {
    background-image: url(../images/2023-index-tit-hdjl-r.png);
}

/**** 头条 ****/
.index-tt {
    margin-top: 30px;
    margin-top: .3rem;
    height: 88px;
    height: .88rem;
}

.index-tt .tt-head {
    width: 110px;
    width: 1.1rem;
    height: 88px;
    height: .88rem;
    float: left;
}

.index-tt .tt-head a {
    display: block;
    color: #ffffff;
    font-size: 20px;
    font-size: .2rem;
    text-align: center;
    width: 4em;
    padding: 14px calc((100% - 4em) / 2);
    padding: .14rem calc((100% - 4em) / 2);
    line-height: 30px;
    line-height: .3rem;
    background-color: #83b0d7;
}

.index-tt .tt-head a:hover {
    opacity: .9;
}

.index-tt .tt-right {
    width: 1170px;
    width: 11.7rem;
    padding: 0 30px;
    padding: 0 .3rem;
    height: 88px;
    height: .88rem;
    overflow: hidden;
}

.index-tt .tt-right .tit01 a {
    width: 100%;
    display: block;
    font-size: 40px;
    font-size: .4rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.index-tt .tt-right .tit01 a:hover {
    opacity: .9;
}

.index-tt .tt-right .tit02 {
    text-align: center;
    margin-top: 10px;
    margin-top: .1rem;
    width: 100%;
    height: 30px;
    height: .3rem;
    line-height: 30px;
    line-height: .3rem;
    overflow: hidden;
    white-space: nowrap;
}

.index-tt .tt-right .tit02 p {
    display: inline;
}

.index-tt .tt-right .tit02 span {
    font-family: '宋体';
    margin: 0 15px;
    margin: 0 .15rem;
}

.index-tt .tt-right .tit02 a:hover {
    color: #ff0000;
}

.index-tt .tt-more {
    display: none;
}

/**** 动态 ****/
.index-news {
    margin-top: 30px;
    margin-top: .3rem;
}

.index-news .news-head {
    text-align: center;
}

.index-news .pHead01 {
    display: inline-block;
}

.index-news .news-img {
    width: 600px;
    width: 6rem;
    height: 390px;
    height: 3.9rem;
    float: left;
    margin-top: 20px;
    margin-top: .2rem;
}

.index-news .news-img a {
    width: 100%;
    height: 100%;
    display: block;
}

.index-news .news-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.index-news .news-img label {
    width: 78%;
    padding-right: 20%;
    padding-left: 2%;
    height: 50px;
    height: .5rem;
    line-height: 50px;
    line-height: .5rem;
    background-color: rgba(0, 0, 0, .45);
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: left;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-news .news-img .swiper-pagination {
    text-align: right;
    bottom: 12px;
    bottom: .12rem;
}

.index-news .news-img .swiper-pagination-bullet {
    background-color: #9c9c9c;
    opacity: 1;
    margin: 0 4px;
    margin: 0 .04rem;
}

.index-news .news-img .swiper-pagination-bullet:last-child {
    margin-right: 8px;
    margin-right: .08rem;
}

.index-news .news-img .swiper-pagination-bullet-active {
    background-color: #ffffff;
}

.index-news .news-txt {
    width: 710px;
    width: 7.1rem;
    height: 390px;
    height: 3.9rem;
    float: right;
    overflow: hidden;
    margin-top: 20px;
    margin-top: .2rem;
}

/**** 政务公开 ****/
.index-zwgk {
    margin-top: 30px;
    margin-top: .3rem;
}

.index-zwgk .zwgk-zfxxgk {
    width: 314px;
    width: 3.14rem;
    float: right;
    margin-top: 30px;
    margin-top: .3rem;
}

.index-zwgk .zwgk-zfxxgk ul li {
    width: 100%;
    height: 82px;
    height: .82rem;
    line-height: 82px;
    line-height: .82rem;
    border-bottom: 1px dashed #aba9a2;
    font-weight: 700;
    letter-spacing: 2px;
}

.index-zwgk .zwgk-zfxxgk ul li a {
    width: 100%;
    height: 100%;
    display: block;
}

.index-zwgk .zwgk-zfxxgk ul li img {
    width: auto;
    height: 54px;
    height: .54rem;
    display: block;
    float: left;
    margin: 14px 35px 0 0;
    margin: .14rem .35rem 0 0;
}

.index-zwgk .zwgk-zfxxgk ul li a:hover img {
    animation: flipInY 1s linear;
}

.index-zwgk .zwgk-zcwj {
    width: 996px;
    width: 9.96rem;
    margin-top: 30px;
    margin-top: .3rem;
}

.index-zwgk .zwgk-zcwj .con {
    margin-top: 25px;
    margin-top: .25rem
}

.index-zwgk .zwgk-btn01,
.index-zwgk .zwgk-btn02 {
    margin-top: 30px;
    margin-top: .3rem;
    float: left;
}

.index-zwgk .zwgk-btn01 a,
.index-zwgk .zwgk-btn02 a {
    width: 280px;
    width: 2.8rem;
    height: 70px;
    height: .7rem;
    line-height: 70px;
    line-height: .7rem;
    background-color: #f0f6fb;
    border-radius: 5px;
    font-weight: 700;
    display: block;
    margin-right: 28px;
    margin-right: .28rem;
    float: left;
    font-size: 16px;
    font-size: .16rem;
}

.index-zwgk .zwgk-btn01 a:hover,
.index-zwgk .zwgk-btn02 a:hover {
    background-color: #e2ecf4;
}

.index-zwgk .zwgk-btn01 a:hover img {
    animation: flipInY 1s linear;
}

.index-zwgk .zwgk-btn01 a:nth-child(2) {
    margin-right: 0;
}

.index-zwgk .zwgk-btn01 img {
    height: 36px;
    height: .36rem;
    margin: 17px 32px 0 60px;
    margin: .17rem .32rem 0 .6rem;
    float: left;
}

.index-zwgk .zwgk-btn02 {
    float: right;
}

.index-zwgk .zwgk-btn02 a:last-child {
    margin-right: 0;
}

.index-zwgk .zwgk-btn02 a {
    width: 160px;
    width: 1.6rem;
    text-align: center;
}

.index-zwgk .zwgk-wgk {
    height: 70px;
    height: .7rem;
}

.index-zwgk .zwgk-wgk .wgk-box {
    width: 256px;
    width: 2.56rem;
    height: 70px;
    height: .7rem;
    margin: 15px 15px 0 0;
    margin: .15rem .15rem 0 0;
    float: left;
    position: relative;
}

.index-zwgk .zwgk-wgk .wgk-box:last-child {
    margin-right: 0;
}

.index-zwgk .zwgk-wgk .wgk-tit {
    width: 100%;
    height: 100%;
    line-height: 70px;
    line-height: .7rem;
    font-weight: 700;
    font-size: 16px;
    font-size: .16rem;
    background-color: #f8f8f8;
    cursor: pointer;
    position: relative;
}

.index-zwgk .zwgk-wgk .wgk-tit span {
    margin-left: 78px;
    margin-left: .78rem;
}

.index-zwgk .zwgk-wgk .wgk-tit i {
    width: 3px;
    width: .03rem;
    height: 16px;
    height: .16rem;
    background-color: #2c64ba;
    display: block;
    position: absolute;
    left: 0;
    top: 27px;
    top: .27rem;
}

.index-zwgk .zwgk-wgk .wgk-tit::before {
    content: '';
    display: block;
    width: 10px;
    width: .1rem;
    height: 2px;
    height: .02rem;
    background-color: #333333;
    position: absolute;
    right: 30px;
    right: .3rem;
    top: 34px;
    top: .34rem;
}

.index-zwgk .zwgk-wgk .wgk-tit::after {
    content: '';
    display: block;
    height: 10px;
    height: .1rem;
    width: 2px;
    width: .02rem;
    background-color: #333333;
    position: absolute;
    right: 34px;
    right: .34rem;
    top: 30px;
    top: .3rem;
}

.index-zwgk .zwgk-wgk .wgk-con {
    width: 100%;
    height: 0;
    position: absolute;
    background-color: #ececec;
    left: 0;
    top: 70px;
    top: .7rem;
    font-size: 16px;
    font-size: .16rem;
    z-index: 9;
    overflow: hidden;
    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-wgk .wgk-con a {
    width: 113px;
    width: 1.13rem;
    margin-left: 10px;
    margin-left: .1rem;
    display: block;
    text-align: center;
    line-height: 30px;
    line-height: .3rem;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-zwgk .zwgk-wgk .wgk-con a:nth-child(2n) {
    float: right;
    margin-left: auto;
    margin-right: 10px;
    margin-right: .1rem;
}

.index-zwgk .zwgk-wgk .wgk-con a:hover {
    color: #ff0000;
}

.index-zwgk .zwgk-wgk .wgk-box:hover .wgk-con {
    height: auto;
    padding: 20px 0;
    padding: .2rem 0;
}

/**** 政务服务 ****/
.index-zwfw {
    margin-top: 30px;
    margin-top: .3rem;
    background-color: #f8f8f8;
    padding: 30px 0;
    padding: .3rem 0;
}

.index-zwfw .zwfw-box {
    width: 305px;
    width: 3.05rem;
    padding: 40px 0;
    padding: .4rem 0;
    background-color: #ffffff;
    margin: 30px 40px 0 0;
    margin: .3rem .4rem 0 0;
    float: left;
}

.index-zwfw .zwfw-box:nth-child(5) {
    margin-right: 0;
}

.index-zwfw .zwfw-tit {
    margin: 0 auto;
    display: block;
    text-align: center;
}

.index-zwfw .zwfw-tit img {
    height: 42px;
    height: .42rem;
    display: block;
    margin: 0 auto 15px;
    margin: 0 auto .15rem;
}

.index-zwfw .zwfw-tit span {
    font-weight: 700;
}

.index-zwfw .zwfw-list {
    margin-top: 2px;
    margin-top: .20rem;
    width: 90%;
    padding: 0 5%;
    line-height: 20px;
    line-height: .2rem;
}

.index-zwfw .zwfw-list li {
    width: 33.33%;
    text-align: center;
    float: left;
}

.index-zwfw .zwfw-list li a {
    color: #2b63ba;
    font-size: 16px;
    font-size: .16rem;
}

.index-zwfw .zwfw-list li a:hover {
    color: #ff0000;
}

.index-zwfw .zwfw-more {
    width: 113px;
    width: 1.13rem;
    height: 34px;
    height: .34rem;
    line-height: 34px;
    line-height: .34rem;
    text-align: center;
    display: block;
    margin: 20px auto 0;
    margin: .2rem auto 0;
    border: 1px solid #2b63ba;
    color: #2b63ba;
    font-size: 16px;
    font-size: .16rem;
}

.index-zwfw .zwfw-more:hover {
    background-color: #e2ecf4;
}

.index-zwfw .zwfw-img {
    margin-top: 30px;
    margin-top: .3rem;
}

.index-zwfw .zwfw-img a {
    width: 650px;
    width: 6.5rem;
    height: 90px;
    height: .9rem;
    display: block;
    float: left;
    margin-right: 40px;
    margin-right: .4rem;
    background: no-repeat;
    background-size: 650px 90px;
    background-size: 6.5rem .9rem;
}

.index-zwfw .zwfw-img a.zdbsfw {
    background-image: url(../images/2023-index-zwfw-zdbsfw-bg.png);
}

.index-zwfw .zwfw-img a.ggfw {
    background-image: url(../images/2023-index-zwfw-ggfw-bg.png);
    margin-right: 0;
}

.index-zwfw .zwfw-img a img {
    width: 650px;
    width: 6.5rem;
    height: 90px;
    height: .9rem;
}

.index-zwfw .zwfw-img a:hover img {
    animation: pulse 1s linear;
}

.index-zwfw .zwfw-img02 {
    margin-top: 30px;
    margin-top: .3rem;
}

.index-zwfw .zwfw-img02 a {
    width: 426px;
    width: 4.26rem;
    height: 90px;
    height: .9rem;
    display: block;
    float: left;
    margin-right: 31px;
    margin-right: .31rem;
    background: no-repeat;
    background-size: 426px 90px;
    background-size: 4.26rem .9rem;
}

.index-zwfw .zwfw-img02 a.qytbzq {
    background-image: url(../images/2023-index-zwfw-qytbzq-bg.png);
}

.index-zwfw .zwfw-img02 a.yjsycb {
    background-image: url(../images/2023-index-zwfw-yjsycb-bg.png);
    margin-right: 0;
}

.index-zwfw .zwfw-img02 a.ykbimg {
    background-image: url(../images/2023-index-zwfw-ykb-bg.png);
}

.index-zwfw .zwfw-img02 a img {
    width: 426px;
    width: 4.26rem;
    height: 90px;
    height: .9rem;
}

.index-zwfw .zwfw-img02 a:hover img {
    animation: pulse 1s linear;
}

.index-zwfw .zwfw-img02 {
    margin-top: 30px;
    margin-top: .3rem;
}

.index-zwfw .zwfw-img03 {
    margin-top: 30px;
    margin-top: .3rem;
}

.index-zwfw .zwfw-img03 a {
    width: 3.05rem;
    height: 90px;
    height: .9rem;
    display: block;
    float: left;
    margin-right: .4rem;
    background: no-repeat;
    background-size: 426px 90px;
    background-size: 4.26rem .9rem;
    overflow: hidden;
}

.index-zwfw .zwfw-img03 a.ykbimg {
    background-image: url(../images/2024-index-zwfw-ykb-bg.png);
}

.index-zwfw .zwfw-img03 a.qytbzq {
    background-image: url(../images/2024-index-zwfw-cjs-qy-bg.png);
}

.index-zwfw .zwfw-img03 a.yjsycb {
    background-image: url(../images/2024-index-zwfw-cjs-gr-bg.png);
}

.index-zwfw .zwfw-img03 a.bmdtimg {
    background-image: url(../images/2024-index-zwfw-bmdt-bg.png);
    margin-right: 0;
}

.index-zwfw .zwfw-img03 a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.index-zwfw .zwfw-img03 a:hover img {
    animation: pulse 1s linear;
}

/**** 互动交流 ****/
.index-hdjl {
    margin-top: 30px;
    margin-top: .3rem;
}

.index-hdjl .hdjl-left {
    width: 836px;
    width: 8.36rem;
    float: left;
    margin: 30px 30px 0 0;
    margin: .3rem .3rem 0 0;
}

.index-hdjl .hdjl-left .con {
    margin-top: 15px;
    margin-top: .15rem;
    height: 192px;
    height: 1.92rem;
    overflow: hidden;
}

.index-hdjl .hdjl-left .con .pList li {
    line-height: 48px;
    line-height: .48rem;
}

.index-hdjl .hdjl-left .con .pList.mail .fl {
    margin-top: 10px;
    margin-top: .1rem;
}

.index-hdjl .hdjl-right {
    width: 392px;
    width: 3.92rem;
    float: left;
    padding-right: 82px;
    padding-right: .82rem;
    position: relative;
}

.index-hdjl .hdjl-right a {
    display: block;
    float: left;
    border-radius: 5px;
    background-color: #ecf3ff;
    font-size: 16px;
    font-size: .16rem;
    font-weight: 700;
    margin: 16px 16px 0 0;
    margin: .16rem .16rem 0 0;
}

.index-hdjl .hdjl-right a img {
    display: block;
    width: 30px;
    width: .3rem;
    height: 30px;
    height: .3rem;
    margin: 15px auto;
    margin: .15rem auto .1rem;
}

.index-hdjl .hdjl-right a:hover img {
    animation: flipInY 1s linear;
}

.index-hdjl .hdjl-right a.btn01 {
    margin-top: 30px;
    margin-top: .3rem;
    width: 180px;
    width: 1.8rem;
    height: 80px;
    height: .8rem;
    line-height: 80px;
    line-height: .8rem;
}

.index-hdjl .hdjl-right a.btn01 img {
    float: left;
    width: 50px;
    width: .5rem;
    height: 50px;
    height: .5rem;
    margin: 15px 18px 0;
    margin: .15rem .18rem 0;
    background: no-repeat center;
    background-size: 50px;
    background-size: .5rem;
}

.index-hdjl .hdjl-right a.btn01 .imgbg {
    width: 50px;
    width: .5rem;
    height: 50px;
    height: .5rem;
    display: block;
    margin: 15px 18px 0;
    margin: .15rem .18rem 0;
    float: left;
    background-size: 50px;
    background-size: .5rem;
}

.index-hdjl .hdjl-right a.btn01 .imgbg img {
    margin: 0;
}

.index-hdjl .hdjl-right a.btn01 .imgbg.xjcx {
    background-image: url(../images/2023-ico-hdjl-xjcx-bg.png);
}

.index-hdjl .hdjl-right a.btn01 .imgbg.wyxx {
    background-image: url(../images/2023-ico-hdjl-wyxx-bg.png);
}

.index-hdjl .hdjl-right a.btn02 {
    width: 82px;
    width: .82rem;
    height: 150px;
    height: 1.5rem;
    line-height: 20px;
    line-height: .2rem;
}

.index-hdjl .hdjl-right a.btn02 span {
    width: 1em;
    display: block;
    margin: 0 auto;
}

.index-hdjl .hdjl-right a.btn03 {
    height: 246px;
    height: 2.46rem;
    position: absolute;
    right: 0;
    top: 30px;
    top: .3rem;
    margin: 0;
}

.index-hdjl .hdjl-right .btn03 img {
    margin: 20px auto;
    margin: .2rem auto;
}

.index-hdjl .hdjl-right .btn04 {
    width: 180px;
    width: 1.8rem;
    height: 150px;
    height: 1.5rem;
}

.index-hdjl .hdjl-right .btn04 span {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 16px;
    font-size: .16rem;
}

.index-hdjl .hdjl-right .btn04 span.s02 {
    font-size: 14px;
    font-size: .14rem;
    margin-top: 10px;
    margin-top: .1rem;
}

/**** 走进荣昌 ****/
.index-zjrc {
    margin-top: 30px;
    margin-top: .3rem;
    padding: 30px 0;
    padding: .3rem 0;
    background-color: #f8f8f8;
}

.index-zjrc .zjrc-left {
    width: 726px;
    width: 7.26rem;
    margin-right: 30px;
    margin-right: .3rem;
    float: left;
}

.index-zjrc .zjrc-left .pHead01 {
    background-color: inherit;
}

.index-zjrc .zjrc-left .txt {
    width: 100%;
    margin-top: 25px;
    margin-top: .25rem;
}

.index-zjrc .zjrc-left .txt a {
    text-indent: 2em;
    display: block;
    height: 80px;
    height: .8rem;
    line-height: 40px;
    line-height: .4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 2;
    word-wrap: break-word;
    word-break: break-all;
    text-align: justify;
}

.index-zjrc .zjrc-left .txt a:hover {
    color: #ff0000;
}

.index-zjrc .zjrc-left .a-link {
    width: 174px;
    width: 1.74rem;
    height: 60px;
    height: .6rem;
    line-height: 60px;
    line-height: .6rem;
    float: left;
    margin: 25px 10px 0 0;
    margin: .25rem .1rem 0 0;
    display: block;
    background-color: #ecf3ff;
    font-size: 16px;
    font-size: .16rem;
    font-weight: 700;
    border-radius: 5px;
}

.index-zjrc .zjrc-left .a-link:last-child {
    margin-right: 0;
}

.index-zjrc .zjrc-left .a-link img {
    width: auto;
    height: 40px;
    height: .4rem;
    margin: 10px 18px 0;
    margin: .1rem .18rem 0;
    display: block;
    float: left;
}

.index-zjrc .zjrc-left .a-link:hover {
    background-color: #e2ecf4;
}

.index-zjrc .zjrc-left .a-link:hover img {
    animation: flipInY 1s linear;
}

.index-zjrc .zjrc-zt {
    width: 584px;
    width: 5.84rem;
    float: left;
    position: relative;
}

.index-zjrc .zjrc-zt .zt-swiper {
    height: 252px;
    height: 2.52rem;
}

.index-zjrc .zjrc-zt .zt-swiper .swiper-slide {
    height: 110px;
    height: 1.10rem;
}

.index-zjrc .zjrc-zt .zt-swiper .swiper-slide a {
    width: 100%;
    height: 100%;
    display: block;
}

.index-zjrc .zjrc-zt .zt-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.index-zjrc .zjrc-zt .swiper-button-next,
.index-zjrc .zjrc-zt .swiper-button-prev {
    width: 20px;
    width: .2rem;
    height: 20px;
    height: .2rem;
    border: 1px solid #2c64ba;
    top: auto;
    bottom: 0;

}

.index-zjrc .zjrc-zt .swiper-button-next::after,
.index-zjrc .zjrc-zt .swiper-button-prev::after {
    color: #2c64ba;
    font-size: 12px;
}

.index-zjrc .zjrc-zt .swiper-button-next {
    left: 28px;
    left: .28rem;
    right: auto;
}

.index-zjrc .zjrc-zt .swiper-button-prev {
    left: 0;
}

.index-zjrc .zjrc-zt .more {
    width: 100%;
    text-align: right;
}

.index-zjrc .zjrc-zt .more a {
    color: #9bb4db;
    font-size: 16px;
    font-size: .16rem;
}

.index-zjrc .zjrc-zt .more a:hover {
    color: #ff0000;
}

.pFoot {
    margin-top: 0 !important;
}

.index-fc {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 99999;
}

.index-fc a,
.index-fc img {
    display: block;
}

.index-fc .fc-img {
    position: relative;
    z-index: 1;
}

.index-fc .close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 2;
}

/**** 手机端 ****/
@media screen and (max-width: 844px) {
    .pHead01 li a {
        padding: 0 30px;
        padding: 0 .3rem;
    }

    .index-zwfw .zwfw-list li {
        width: 50%;
        line-height: 1.5;
    }

    .index-hdjl .hdjl-right .btn04 span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-top: 0 !important;
    }

    .index-fc {
        width: 50%;
    }

    .index-fc .fc-img {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .index-head {
        width: 100%;
        background-position: bottom left;
        background-size: auto .34rem;
        text-align: center;
    }

    .index-head a {
        background-size: auto .24rem;
        background-position: bottom right;
    }

    .index-head img {
        height: .38rem;
    }

    .index-tt {
        margin-top: 10px;
        height: auto;
    }

    .index-tt .tt-head {
        display: none;
    }

    .index-tt .tt-right {
        padding: 0;
        width: 100%;
        height: auto;
    }

    .index-tt .tt-right .tit01 a {
        white-space: initial;
        text-align: center;
        font-size: .3rem;
        line-height: .4rem;
        max-height: .8rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        display: -moz-box;
        -moz-box-orient: vertical;
        -moz-line-clamp: 2;
        word-wrap: break-word;
        word-break: break-all;
    }

    .index-tt .tt-right .tit02 {
        height: auto;
    }

    .index-tt .tt-more {
        display: block;
        margin-top: 5px;
        text-align: center;
        width: 100%;
    }

    .index-tt .tt-more a {
        color: #83b0d7;
    }

    .index-news {
        margin-top: 10px;
    }

    .index-news .pHead01 {
        height: .9rem;
        display: block;
    }

    .index-news .news-img {
        width: 100%;
        float: none;
        margin-top: 10px;
        height: calc(100vw * 0.6);
    }

    .index-news .news-txt {
        width: 100%;
        float: none;
        margin-top: 10px;
    }

    .index-zwgk {
        margin-top: 10px;
    }

    .index-zwgk .zwgk-zfxxgk {
        width: 100%;
        float: none;
        margin-top: .2rem;
    }

    .index-zwgk .zwgk-zfxxgk .pHead02 {
        width: 68%;
        margin: 0 auto;
    }

    .index-zwgk .zwgk-zfxxgk ul::after {
        content: '';
        display: block;
        clear: both;
    }

    .index-zwgk .zwgk-zfxxgk ul li {
        width: calc(50% - 5px);
        margin-right: 10px;
        float: left;
        letter-spacing: 0;
        margin-top: 10px;
    }

    .index-zwgk .zwgk-zfxxgk ul li:nth-child(2n) {
        margin-right: 0;
    }

    .index-zwgk .zwgk-zfxxgk ul li:nth-child(3),
    .index-zwgk .zwgk-zfxxgk ul li:nth-child(4) {
        border-bottom: 0;
    }

    .index-zwgk .zwgk-zfxxgk ul li img {
        margin-right: 10px;
    }

    .index-zwgk .zwgk-zcwj {
        width: 100%;
        margin-top: 10px;
    }

    .index-zwgk .zwgk-zcwj .pHead01 {
        height: .9rem;
    }

    .index-zwgk .zwgk-zcwj .pHead01 li a {
        padding: 0;
    }

    .index-zwgk .zwgk-zcwj .con {
        margin-top: 10px;
    }

    .index-zwgk .zwgk-btn01,
    .index-zwgk .zwgk-btn02 {
        margin-top: 0;
        width: 100%;
        float: none;
    }

    .index-zwgk .zwgk-btn01::after,
    .index-zwgk .zwgk-btn02::after {
        content: '';
        display: block;
        clear: both;
    }

    .index-zwgk .zwgk-btn01 a {
        width: calc(50% - 4px);
        margin-right: 8px;
        margin-top: 10px;
    }

    .index-zwgk .zwgk-btn01 img {
        margin-left: .35rem;
        margin-right: .35rem;
    }

    .index-zwgk .zwgk-btn01 a:last-child,
    .index-zwgk .zwgk-btn02 a:last-child {
        margin-right: 0;
    }

    .index-zwgk .zwgk-btn02 a {
        margin-top: 8px;
        width: calc(25% - 6px);
        margin-right: 8px;
    }

    .index-zwgk .zwgk-wgk {
        height: auto;
    }

    .index-zwgk .zwgk-wgk::after {
        content: '';
        display: block;
        clear: both;
    }

    .index-zwgk .zwgk-wgk .wgk-box {
        width: 100%;
        margin-right: 0;
        margin-top: 10px;
        float: none;
        height: auto;
    }

    .index-zwgk .zwgk-wgk .wgk-box:nth-child(2n) {
        margin-right: 0;
    }

    .index-zwgk .zwgk-wgk .wgk-tit span {
        margin-left: .6rem;
    }

    .index-zwgk .zwgk-wgk .wgk-con {
        position: relative;
        height: auto;
        padding: 10px 0;
        top: 0;
    }

    .index-zwgk .zwgk-wgk .wgk-con a {
        width: calc(33.33% - 6px);
        margin-top: 8px;
        margin-right: 8px !important;
        float: left !important;
        margin-left: 0;
    }

    .index-zwgk .zwgk-wgk .wgk-con a:nth-child(3n) {
        margin-right: 0 !important;
    }

    .index-zwfw {
        margin: 10px 10px auto;
        padding: .2rem 0 10px;
    }

    .index-zwfw .index-head {
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    .index-zwfw .zwfw-box {
        width: calc(50% - 5px);
        margin: 10px 10px 0 0;
        padding: .2rem 0;
    }

    .index-zwfw .zwfw-box:nth-child(2n+1) {
        margin-right: 0;
    }

    .index-zwfw .zwfw-tit img {
        margin-bottom: 5px;
    }

    .index-zwfw .zwfw-list {
        margin-top: 10px;
    }

    .index-zwfw .zwfw-list li {
        width: 50%;
        line-height: 1.5;
    }

    .index-zwfw .zwfw-more {
        margin-top: 10px;
    }

    .index-zwfw .zwfw-img {
        margin-top: 0;
    }

    .index-zwfw .zwfw-img a {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-top: 10px;
        position: relative;
        background-size: cover;
    }

    .index-zwfw .zwfw-img a img {
        width: 100%;
        height: 90%;
        object-fit: cover;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .index-zwfw .zwfw-img02 {
        margin-top: 0;
    }

    .index-zwfw .zwfw-img02 a {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-top: 10px;
        position: relative;
        background-size: cover;
    }

    .index-zwfw .zwfw-img02 a img {
        width: 100%;
        height: 90%;
        object-fit: cover;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .index-zwfw .zwfw-img02 a:hover img {
        animation: initial;
    }

    .index-zwfw .zwfw-img03 {
        margin-top: 0;
    }

    .index-zwfw .zwfw-img03 a {
        width: calc(50% - 5px);
        margin-right: 5px;
        margin-top: 10px;
        position: relative;
        background-size: cover;
        height: .7rem;
    }
    
    .index-zwfw .zwfw-img03 a:nth-child(2n) {
        margin-right: 0;
    }

    .index-zwfw .zwfw-img03 a img {
        width: 100%;
        height: 90%;
        object-fit: cover;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .index-zwfw .zwfw-img03 a:hover img {
        animation: initial;
    }

    .index-hdjl .hdjl-left {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-top: 10px;
    }

    .index-hdjl .hdjl-left .pHead01 {
        height: .9rem;
    }

    .index-hdjl .hdjl-left .pHead01 li {
        width: 50%;
    }

    .index-hdjl .hdjl-left .pList li a {
        width: 75%;
    }

    .index-hdjl .hdjl-right {
        width: 100%;
        float: none;
        padding-right: 0;
    }

    .index-hdjl .hdjl-right::after {
        content: '';
        display: block;
        clear: both;
    }

    .index-hdjl .hdjl-right a {
        margin-top: 10px !important;
        margin-right: 10px;
    }

    .index-hdjl .hdjl-right a.btn01 {
        width: calc(40% - 5px);
    }

    .index-hdjl .hdjl-right a.btn02 {
        width: calc(20% - 8px);
    }

    .index-hdjl .hdjl-right a.btn03 {
        top: 0;
        margin-right: 0 !important;
    }

    .index-hdjl .hdjl-right a.btn04 {
        width: calc(40% - 5px);
    }

    .index-zjrc {
        margin: 10px 10px 0;
        padding: 10px 0;
    }

    .index-zjrc .zjrc-left {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .index-zjrc .zjrc-left::after {
        content: '';
        display: block;
        clear: both;
    }

    .index-zjrc .zjrc-left .a-link {
        width: calc(50% - 5px);
        margin: 10px 10px 0 0;
    }

    .index-zjrc .zjrc-left .a-link:nth-child(2n) {
        margin-right: 0;
    }

    .index-zjrc .zjrc-zt {
        width: 100%;
        float: none;
        margin-top: 10px;
    }

    .index-zjrc .zjrc-zt .zt-swiper {
        height: calc(100vw * .17 * 2 + 20px);
    }

    .index-zjrc .zjrc-zt .zt-swiper .swiper-slide {
        height: calc(100vw * .17);
    }
}

@media screen and (max-width: 360px) {
    .index-hdjl .hdjl-right a.btn01 .imgbg {
        margin-left: 10px;
        margin-right: 10px;
    }

    .index-hdjl .hdjl-right a.btn04 span {
        font-size: .12rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}