.e-title {
    display: block;
    margin: 0 auto;
    height: 94px;
    height: .94rem;
    object-fit: cover;
}

.banner {
    position: relative;
    width: 100%;
    height: 969px;
    height: 9.69rem;
    overflow: hidden;
}

.banner .banner-title {
    position: absolute;
    top: -.4rem;
    left: 0;
    width: 669px;
    width: 6.69rem;
    z-index: 8;
    pointer-events: none;
}

.banner .banner-title {
    top: -1rem;
    width: 5.5rem;
    left: 1rem;
}

.banner .banner-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 100%;
    height: 419px;
    height: 4.19rem;
    z-index: 9;
    pointer-events: none;
}

.banner #banner-swiper,
.banner #yybj-swiper {
    width: 100%;
    height: 100%;
}

.banner #banner-swiper .swiper-slide,
.banner #yybj-swiper .swiper-slide {
    width: 100%;
    height: 100%;
}

.banner #banner-swiper .swiper-slide a,
.banner #yybj-swiper .swiper-slide a {
    width: 100%;
    height: 100%;
}

.banner #banner-swiper .swiper-slide img,
.banner #yybj-swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1;
}

.banner #banner-swiper .swiper-slide img:nth-child(2),
.banner #yybj-swiper .swiper-slide img:nth-child(2) {
    position: absolute;
    left: 0;
    z-index: 2;
    bottom: .9rem;
}

.banner #banner-swiper .swiper-pagination,
.banner #yybj-swiper .swiper-pagination {
    bottom: 220px;
    bottom: 2.2rem;
    left: calc(50% - 101px);
    left: calc(50% - 1.01rem);
    width: 180px;
    width: 1.8rem;
    height: 30px;
    height: .3rem;
    background-color: rgba(0, 0, 0, 0.45);
    border-radius: .15rem;
    -webkit-border-radius: .15rem;
    -moz-border-radius: .15rem;
    -ms-border-radius: .15rem;
    -o-border-radius: .15rem;
}

.banner #banner-swiper .swiper-pagination-bullet,
.banner #yybj-swiper .swiper-pagination-bullet {
    background-color: #808080;
    width: 12px;
    width: .12rem;
    height: 12px;
    height: .12rem;
    opacity: 1;
}

.banner #banner-swiper .swiper-pagination-bullet-active,
.banner #yybj-swiper .swiper-pagination-bullet-active {
    width: 12px;
    width: .12rem;
    height: 12px;
    height: .12rem;
    background-color: #fff;
}

.xzjdmp {
    margin: .4rem 0 .28rem;
}

.xzjdmp img {
    height: .66rem;
}

.one {
    padding: 0 0 40px 0;
    padding: 0 0 .4rem 0;
    width: 100%;
    background: url(../images/2022-tsyy-index-one-bg.png) no-repeat;
    background-size: 100% auto;
    margin-top: -100px;
    position: relative;
    z-index: 999;
}

.one .e-title {
    margin: .5rem auto;
}

.one .info {
    float: left;
    width: 800px;
    width: 8rem;
}

.one .info img {
    display: block;
    margin-bottom: 28px;
    margin-bottom: .28rem;
    height: 66px;
    height: .66rem;
}

.one .info span {
    display: -webkit-box;
    width: 100%;
    height: 186px;
    height: 1.86rem;
    font-family: MicrosoftYaHei;
    font-size: 18px;
    font-size: .18rem;
    line-height: 31px;
    line-height: .31rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    line-clamp: 6;
    -webkit-line-clamp: 6;
    text-align: justify;
}

.one .info .more {
    margin-top: 35px;
    margin-top: .35rem;
    width: 117px;
    width: 1.17rem;
    height: 40px;
    height: .4rem;
    font-size: 16px;
    font-size: .16rem;
    line-height: 40px;
    line-height: .4rem;
    color: #004a93;
    text-align: center;
    border: solid 1px #004a93;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -ms-border-radius: .2rem;
    -o-border-radius: .2rem;
}

.one video {
    float: right;
    display: block;
    width: 530px;
    width: 5.3rem;
    height: 355px;
    height: 3.55rem;
}

.one #town-swiper {
    margin-top: 0;
}

.menu-ul {
    margin-top: 53px;
    margin-top: .53rem;
    width: 100%;
}

.m-menu-ul {
    display: none;
}

.menu-ul li {
    float: left;
    margin-right: 15px;
    margin-right: .15rem;
    width: 150px;
    width: 1.5rem;
    height: 310px;
    height: 3.1rem;
    background-color: #fdfeff;
    box-sizing: border-box;
    border: solid 1px #5fa0f2;
    border-radius: 10px;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .1rem;
    overflow: hidden;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    /*all0.3scubic-bezier(0.4,0,0.2,1),z-index0s0.12s*/
}

.menu-ul li:nth-child(4) {
    margin-right: 0;
}

.menu-ul li .menu {
    float: left;
    width: 150px;
    width: 1.5rem;
    height: 100%;
    background: white;
    text-align: center;
    border-radius: 10px;
    border-radius: .1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    -ms-border-radius: .1rem;
    -o-border-radius: .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;
}

.menu-ul li .menu img {
    display: block;
    margin: 40px auto;
    margin: .4rem auto;
    width: 80px;
    width: .8rem;
    height: 80px;
    height: .8rem;
    object-fit: cover;
}

.menu-ul li .menu .img {
    width: 80px;
    width: .8rem;
    height: 80px;
    height: .8rem;
    display: block;
    border-radius: 50%;
    margin: 40px auto;
    margin: .4rem auto;
    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;
}

.menu-ul li .menu .img i {
    width: 100%;
    height: 100%;
    display: block;
    background: no-repeat center;
    background-size: 100%;
    transition: all .3s linear;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
}

.menu-ul li .menu .img.i01 {
    background: linear-gradient(to right, #9ac3fb, #60a0f2);
}

.menu-ul li .menu .img.i02 {
    background: linear-gradient(to right, #7ee3ca, #72d2af);
}

.menu-ul li .menu .img.i03 {
    background: linear-gradient(to right, #f7cb6b, #fba980);
}

.menu-ul li .menu .img.i04 {
    background: linear-gradient(to right, #fea89f, #f48686);
}

.menu-ul li .menu .img.i01 i {
    background-image: url(2022-tsyy-index-one-history.png);
}

.menu-ul li .menu .img.i02 i {
    background-image: url(2022-tsyy-index-one-zrdl.png);
}

.menu-ul li .menu .img.i03 i {
    background-image: url(2022-tsyy-index-one-rkmz.png);
}

.menu-ul li .menu .img.i04 i {
    background-image: url(2022-tsyy-index-one-xzqh.png);
}

.menu-ul li.active .menu .img {
    background: #fff;
}

.menu-ul li.active .menu .img.i01 i {
    background-image: url(2022-tsyy-index-one-history-hover.png);
}

.menu-ul li.active .menu .img.i02 i {
    background-image: url(2022-tsyy-index-one-zrdl-hover.png);
}

.menu-ul li.active .menu .img.i03 i {
    background-image: url(2022-tsyy-index-one-rkmz-hover.png);
}

.menu-ul li.active .menu .img.i04 i {
    background-image: url(2022-tsyy-index-one-xzqh-hover.png);
}

.menu-ul li .menu span {
    font-size: 24px;
    font-size: .24rem;
    letter-spacing: 2.4px;
    color: #004a93;
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: vertical-lr;
}

.menu-ul .active {
    width: 905px;
    width: 9.05rem;
}

.menu-ul .active .menu {
    background-image: linear-gradient(to top, #5fa0f2, #9bc4fc);
}

.menu-ul .active .menu span {
    color: #fff;
}

.menu-ul li .con {
    float: right;
    width: calc(100% - 150px);
    width: calc(100% - 1.5rem);
    height: 100%;
    background-color: #fdfeff;
}

.menu-ul li .con h1 {
    margin: 40px 0 0 60px;
    margin: .4rem 0 0 .6rem;
    font-size: 24px;
    font-size: .24rem;
    font-weight: bold;
    color: #333;
}

.menu-ul li .con h1 span {
    font-family: '宋体';
    color: #0649a5;
}

.menu-ul li .con p {
    display: -webkit-box;
    margin: 23px 30px 35px 60px;
    margin: .23rem .3rem .35rem .6rem;
    font-size: 16px;
    font-size: .16rem;
    line-height: 25px;
    line-height: .25rem;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    height: 75px;
    height: .75rem;
    text-align: justify;
}

.menu-ul li .con .more {
    margin-left: 60px;
    margin-left: .6rem;
    width: 144px;
    width: 1.44rem;
    height: 40px;
    height: .4rem;
    font-size: 16px;
    font-size: .16rem;
    line-height: 40px;
    line-height: .4rem;
    color: white;
    text-align: center;
    box-sizing: border-box;
    background-image: linear-gradient(to top, #9ac3fb, #60a0f2);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -ms-border-radius: .2rem;
    -o-border-radius: .2rem;
}

.two .jj-ul {
    display: inline-block;
    margin-top: 50px;
    margin-top: .5rem;
    width: 100%;
}

.two .jj-ul li {
    position: relative;
    float: left;
    width: 250px;
    width: 2.5rem;
    height: 460px;
    height: 4.6rem;
    text-align: center;
    overflow: hidden;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    background: url(../images/2022-tsyy-index-two-gyjj.jpg) no-repeat 100% center;
}

.two .jj-ul li:nth-child(1) {
    background: url(../images/2022-tsyy-index-two-nyjj.jpg) no-repeat 100% center;
}

.two .jj-ul li:nth-child(3) {
    background: url(../images/2022-tsyy-index-two-gyjj.jpg) no-repeat 100% center;
}

.two .jj-ul li:nth-child(3) {
    background: url(../images/2024-tsyy-index-two-gjlydjq.jpg) no-repeat 100% center;
}

.two .jj-ul li a {
    width: 100%;
    height: 100%;
}

.two .jj-ul li i {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.35);
}

.two .jj-ul li:hover i,
.two .jj-ul li.active i {
    display: none;
}

.two .jj-ul li p {
    position: relative;
    margin: 110px auto 0 auto;
    margin: 1.1rem auto 0 auto;
    font-size: 30px;
    font-size: .3rem;
    letter-spacing: 6px;
    letter-spacing: .06rem;
    color: #fff;
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: vertical-lr;
}

.two .jj-ul li img {
    display: none;
}

.two .jj-ul .active {
    width: 900px;
    width: 9rem;
    text-align: left;
}

.two .jj-ul .active p {
    margin: 150px 0 0 150px;
    margin: 1.5rem 0 0 1.5rem;
    font-size: 50px;
    font-size: .5rem;
    font-weight: bold;
    letter-spacing: 12.4px;
    letter-spacing: .05rem;
    text-align: left;
    color: #fff;
    writing-mode: horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    line-height: 2;
}

.two .jj-ul .active img {
    display: block;
    margin: 0 0 0 150px;
    margin: 0 0 0 1.5rem;
}



.two {
    display: inline-block;
    width: 100%;
}

.two #wlyy-swiper {
    float: left;
    width: 1200px;
    width: 12rem;
    height: 760px;
    height: 7.6rem;
    --swiper-navigation-color: white;
    /* 单独设置按钮颜色 */
    --swiper-navigation-size: 28px;
    /* 设置按钮大小 */
    --swiper-navigation-size: .28rem;
    /* 设置按钮大小 */
}

.two #wlyy-swiper .swiper-slide {
    position: relative;
    width: 100%;
    height: 670px;
    height: 6.7rem;
    text-align: center;
    overflow: hidden;
}

.two #wlyy-swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.two #wlyy-swiper .swiper-slide p {
    position: absolute;
    bottom: 40px;
    bottom: .4rem;
    width: 100%;
    font-size: 24px;
    font-size: .24rem;
    color: white;
    text-align: center;
}

.two #wlyy-swiper .swiper-pagination {
    left: calc(50% - 32.5px);
    left: calc(50% - .325rem);
    bottom: 0;
    width: 65px;
    width: .65rem;
    height: 65px;
    height: .65rem;
    line-height: 65px;
    line-height: .65rem;
    color: white;
    background-color: #72abf5;
    border-radius: .325rem;
    -webkit-border-radius: .325rem;
    -moz-border-radius: .325rem;
    -ms-border-radius: .325rem;
    -o-border-radius: .325rem;
}

.two #wlyy-swiper .swiper-pagination .swiper-pagination-current {
    font-size: 30px;
    font-size: .3rem;
}

.two #wlyy-swiper .swiper-pagination .swiper-pagination-total {
    font-size: 18px;
    font-size: .18rem;
}

.two #wlyy-swiper .swiper-button-prev,
.two #wlyy-swiper .swiper-button-next {
    left: calc(50% - 65.5px);
    left: calc(50% - .655rem);
    top: calc(100% - 40px);
    top: calc(100% - .4rem);
    width: 45px;
    width: .45rem;
    height: 45px;
    height: .45rem;
    text-align: center;
    background-color: rgba(113, 171, 245, .45);
    border-radius: .225rem;
    -webkit-border-radius: .225rem;
    -moz-border-radius: .225rem;
    -ms-border-radius: .225rem;
    -o-border-radius: .225rem;
    z-index: 11;
}

.two #wlyy-swiper .swiper-button-next {
    left: calc(50% + 22.5px) !important;
    left: calc(50% + .225rem) !important;
}


.two .two-r {
    float: right;
    position: relative;
    width: 164px;
    width: 1.64rem;
    height: 670px;
    height: 6.7rem;
    text-align: center;
}

.two .two-r .item {
    display: block;
    margin-bottom: 18px;
    margin-bottom: .18rem;
    width: 100%;
    height: 274px;
    height: 2.74rem;
    object-fit: cover;
}

.two .two-r .item-footer {
    position: absolute;
    bottom: -50px;
    bottom: -.5rem;
    right: -88px;
    right: -.88rem;
    width: 401px;
    width: 4.01rem;
    height: 183px;
    height: 1.83rem;
}

.one #town-swiper {
    margin-top: 46px;
    margin-top: .46rem;
    width: 100%;
    height: 465px;
    height: 4.65rem;
    --swiper-navigation-color: white;
    /* 单独设置按钮颜色 */
    --swiper-navigation-size: 29px;
    /* 设置按钮大小 */
    --swiper-navigation-size: .29rem;
    /* 设置按钮大小 */
}

.one #town-swiper .swiper-slide {
    position: relative;
    /* width: 100%; */
    height: 100%;
    overflow: hidden;
}

.one #town-swiper .swiper-slide i {
    position: absolute;
    left: 10px;
    left: .1rem;
    top: 10px;
    top: .1rem;
    display: block;
    width: calc(100% - 10px);
    width: calc(100% - .1rem);
    height: calc(100% - 10px);
    height: calc(100% - .1rem);
    background-color: rgba(145, 195, 242, .35);
}

.one #town-swiper .swiper-slide img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: calc(100% - 10px);
    width: calc(100% - .1rem);
    height: calc(100% - 10px);
    height: calc(100% - .1rem);
    object-fit: cover;
}

.one #town-swiper .swiper-slide span {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 20px;
    padding-top: .2rem;
    padding-bottom: 51px;
    padding-bottom: .51rem;
    width: 77px;
    width: .77rem;
    line-height: 77px;
    line-height: .77rem;
    letter-spacing: 2px;
    font-weight: bold;
    color: white;
    text-align: center;
    background-image: linear-gradient(to bottom, rgba(23, 81, 151, .65), rgba(255, 255, 255, .0));
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: vertical-lr;
    font-family: '宋体';
}

.one #town-swiper .swiper-slide label {
    position: absolute;
    right: 20px;
    right: .2rem;
    bottom: 20px;
    bottom: .2rem;
    background-color: rgba(23, 81, 151, .65);
    color: #ffffff;
    padding: 5px 20px;
    padding: .05rem .2rem;
    max-width: 120px;
    max-width: 1.2rem;
    font-size: 16px;
    font-size: .16rem;
}

.one #town-swiper .swiper-button-prev {
    left: 0;
    padding: 20px;
    padding: .2rem;
    background-color: rgba(0, 0, 0, 0.25);
}

.one #town-swiper .swiper-button-next {
    right: 0;
    padding: 20px;
    padding: .2rem;
    background-color: rgba(0, 0, 0, 0.25);
}

.three {
    padding: 50px 0 0 0;
    padding: .5rem 0 0 0;
    padding-bottom: 50px;
    padding-bottom: .5rem;
    background: url(../images/2022-tsyy-index-three-bg.png) no-repeat bottom;
    background-size: 100%;
}

.tsyy-lc-box {
    margin-top: .5rem;
    position: relative;
}

.tsyy-lc-box .img-box {
    width: 7.2rem;
    height: 3.9rem;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
}

.tsyy-lc-box .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.tsyy-lc-box .tit-box {
    width: 10.05rem;
    height: .8rem;
    float: right;
    font-size: 0;
    text-align: left;
}

.tsyy-lc-box .tit-box img {
    width: auto;
    height: .38rem;
    margin-left: 3.75rem;
    margin-top: calc((.8rem - .38rem) / 2);
    vertical-align: top;
}

.tsyy-lc-box .txt-box {
    width: 10.05rem;
    height: 3.44rem;
    background-color: #2c7beb;
    background-color: #72abf5;
    background-image: linear-gradient(to right, #72abf5, #2c7beb);
    background-color: #6ca7f1;
    background-color: #3771bb;
    background-image: linear-gradient(to right, #6ca7f1, #3771bb);
    border-radius: 0 .3rem 0 .3rem;
    color: #ffffff;
    float: right;
    position: relative;
    z-index: 1;
}

.tsyy-lc-box.box02 .txt-box {
    background-color: #6ca7f1;
    background-color: #3771bb;
    background-image: linear-gradient(to right, #3771bb, #6ca7f1);
}

.tsyy-lc-box .txt-box .txt {
    width: calc(10.05rem - 3.75rem - .5rem);
    margin-left: 3.75rem;
    margin-top: .5rem;
    text-align: justify;
    height: calc(.36rem * 5);
    line-height: .36rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    display: -moz-box;
    -moz-box-orient: vertical;
    -moz-line-clamp: 5;
    word-wrap: break-word;
    word-break: break-all;
    text-indent: 2em;
    color: #fff;
}

.tsyy-lc-box .txt-box .txt:hover {
    color: #eaf3ff;
}

.tsyy-lc-box .txt-box .more {
    width: 1.4rem;
    height: .38rem;
    line-height: .38rem;
    display: block;
    text-align: center;
    color: #ffffff;
    border-radius: .19rem;
    border: 1px solid #ffffff;
    margin-left: 3.75rem;
    margin-top: .34rem;
    font-size: .16rem;
}

.tsyy-lc-box .txt-box .more:hover {
    background-color: rgba(255, 255, 255, .3);
}

.tsyy-lc-box.box02 .img-box {
    left: inherit;
    right: 0;
}

.tsyy-lc-box.box02 .tit-box,
.tsyy-lc-box.box02 .txt-box {
    float: left;
}

.tsyy-lc-box.box02 .tit-box img,
.tsyy-lc-box.box02 .txt-box .txt,
.tsyy-lc-box.box02 .txt-box .more {
    margin-left: .5rem;
}

.tsyy-sqlc-msg {}

/****  手机端 ****/
@media screen and (max-width: 768px) {

    .e-title {
        display: block;
        margin: 0 auto;
        height: 64px;
        height: .64rem;
        object-fit: cover;
    }

    .banner {
        height: 414px;
        height: 4.14rem;
    }

    .banner .banner-title {
        width: 200px;
        width: 2rem;
    }

    .banner .banner-title {
        top: 0;
        left: 0;
        width: 2rem;
    }

    .banner .banner-footer {
        bottom: 0;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) !important;
        -webkit-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
        *position: relative;
        *left: auto;
        *top: auto;
        transition: all .3s linear;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -o-transition: all .3s linear;
        -ms-transition: all .3s linear;
        max-width: initial;
    }

    .banner #banner-swiper .swiper-slide,
    .banner #yybj-swiper .swiper-slide {
        width: 100%;
        height: 414px;
        height: 4.14rem;
    }

    .banner #banner-swiper .swiper-pagination,
    .banner #yybj-swiper .swiper-pagination {
        bottom: 1.8rem;
    }

    .banner #banner-swiper .swiper-slide img:nth-child(2),
    .banner #yybj-swiper .swiper-slide img:nth-child(2) {
        left: inherit;
        right: -20%;
        width: 200%;
        height: auto;
        bottom: 1.3rem;
    }

    .xzjdmp {
        margin: .4rem 0 .28rem;
    }

    .one {
        padding: 20px 0 20px 0;
        padding: .2rem 0 .2rem 0;
    }

    .one .info {
        float: none;
        width: 100%;
    }

    .one .info a {
        display: block;
        margin: 0 auto;
        width: 117px;
        width: 1.17rem;
    }

    .one video {
        float: none;
        margin-top: 20px;
        margin-top: .2rem;
        width: 100%;
        height: 255px;
        height: 2.55rem;
    }

    .menu-ul {
        margin-top: .2rem;
    }

    .menu-ul li {
        width: calc(25% - 6px) !important;
        margin-right: 8px !important;
        border-width: 1px !important;
        height: auto;
        padding-bottom: .2rem;
    }

    .menu-ul li:nth-child(4) {
        margin-right: 0 !important;
    }

    .menu-ul li .con {
        display: none !important;
    }

    .menu-ul li .menu {
        width: 100%;
        background: #ffffff !important;
    }

    .menu-ul li .menu .img {
        margin-bottom: .2rem;
        margin-top: .2rem;
    }

    .menu-ul .active .menu span {
        color: #004a93;
    }

    .menu-ul li.active .menu .img.i01 {
        background: linear-gradient(to right, #9ac3fb, #60a0f2);
    }

    .menu-ul li.active .menu .img.i01 i {
        background-image: url(2022-tsyy-index-one-history.png);
    }

    .two .jj-ul {
        margin: .2rem 0;
    }

    .m-menu-ul li img {
        display: block;
        margin: 20px auto;
        margin: .2rem auto;
        width: 80px;
        width: .8rem;
        height: 80px;
        height: .8rem;
        object-fit: cover;
    }

    .m-menu-ul li span {
        font-size: 24px;
        font-size: .24rem;
        letter-spacing: 2.4px;
        color: #004a93;
        writing-mode: vertical-lr;
        -webkit-writing-mode: vertical-lr;
        -ms-writing-mode: vertical-lr;
    }


    .two .jj-ul li {
        width: calc(100% / 3) !important;
        height: calc(100vw * .5);
        background-size: auto 100% !important;
    }

    .two .jj-ul li p {
        margin: .3rem auto 0 auto !important;
        font-size: .22rem !important;
        font-weight: 700;
        display: block !important;
        letter-spacing: .06rem !important;
        writing-mode: vertical-lr !important;
        -webkit-writing-mode: vertical-lr !important;
    }

    .two .jj-ul li img {
        display: none !important;
    }

    .two #wlyy-swiper {
        float: none;
        width: 100%;
        height: 340px;
        height: 3.4rem;
    }

    .two #wlyy-swiper .swiper-slide {
        height: 270px;
        height: 2.7rem;
    }

    .two .two-r {
        float: none;
        display: inline-block;
        position: relative;
        margin-top: 20px;
        margin-top: .2rem;
        width: 100%;
        height: auto;
    }

    .two .two-r a {
        float: left;
        margin-right: 2%;
        width: 48%;
        height: auto;
    }

    .two .two-r a:nth-child(2) {
        margin-right: 0;
    }

    .two .two-r .item {
        display: block;
        margin-bottom: 0;
        width: 100%;
        height: 100%;
    }

    .two .two-r .item-footer {
        display: none;
    }

    .one #town-swiper {
        height: auto;
        height: calc(100vw * .6);
        margin-top: 0;
    }

    .one .e-title {
        margin: .2rem auto;
    }

    .one #town-swiper .swiper-slide span {
        width: auto;
        padding: .2rem .15rem;
        line-height: initial;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: .08rem;
        height: .08rem;
        top: calc((100% - .08rem) / 2);
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: .18rem;
    }

    .three {
        padding-top: 0;
        padding-bottom: .2rem;
    }

    .tsyy-lc-box {
        margin-top: .2rem;
    }

    .tsyy-lc-box .img-box {
        width: calc(100vw * .7);
        height: calc(100vw * .3);
        /* display: none; */
        left: 50% !important;
        right: inherit !important;
        transform: translateX(-50%);
        top: .45rem;
    }

    .tsyy-lc-box .tit-box {
        float: none !important;
        width: 100% !important;
        height: .28rem !important;
    }

    .tsyy-lc-box .tit-box img {
        margin: 0 auto !important;
        display: block;
        height: .28rem !important;
    }

    .tsyy-lc-box .txt-box {
        width: 100% !important;
        margin-top: calc(100vw * .3 + .15rem - .8rem) !important;
        float: none !important;
        height: auto !important;
        padding-bottom: .2rem;
        padding-top: .8rem;
    }

    .tsyy-lc-box .txt-box .txt {
        width: calc(100% - .4rem) !important;
        margin: 0 !important;
        padding: .2rem .2rem 0 !important;
        height: calc(.36rem * 3);
        -webkit-line-clamp: 3;
        -moz-line-clamp: 3;
    }

    .tsyy-lc-box .txt-box .more {
        margin: .15rem auto 0 !important;
    }

}