@charset "utf-8";.header:before {
    opacity: 1;
    visibility: visible
}

.banner_box {
    padding: 0px;
    position: relative;
    z-index: 3;
    overflow: hidden
}

.banner {
    overflow: hidden
}

.banner:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
    z-index: 1;
    height: 23vh;
    display: none
}

.banner .a {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.banner .imgBox {
    overflow: hidden;
    width: 100%;
    transform: scale(1)
}

.banner .imgBox .img {
    padding-bottom: 100vh;
    transition: 0s;
    transform: scale(1) !important
}

.banner .imgBox .img video {
    opacity: .9
}

.banner.on ul li.swiper-slide-active .a .imgBox,.banner.on ul li.swiper-slide-duplicate-active .a .imgBox,.banner.on ul li.swiper-slide-prev .a .imgBox {
    animation: sca 6s linear 0s normal both
}

@keyframes sca {
    0% {
        transform: scale(1.06)
    }

    100% {
        transform: scale(1)
    }
}

.banner .dots {
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
    bottom: .8rem
}

.banner .dots span {
    width: .54rem;
    height: .54rem;
    background: none;
    font-size: .16rem;
    color: #fff;
    opacity: 1;
    margin: 0 .16rem !important;
    position: relative;
    z-index: 1
}

.banner .dots span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/dots1.png) center no-repeat;
    background-size: cover;
    transition: .5s
}

.banner .dots span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/dots1s.png) center no-repeat;
    background-size: cover;
    opacity: 0;
    transition: .5s
}

.banner .dots span.active:before {
    opacity: 0
}

.banner .dots span.active:after {
    opacity: 1
}

.pad1 {
    padding: 1.1rem 0;
    overflow: hidden
}

.home1 {
    position: relative;
    z-index: 11
}

.home1 .before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 50%;
    height: .6rem;
    background: #faf8f3;
    border-radius: 0 50vw 0 0;
    pointer-events: none
}

.home1 .after {
    content: "";
    position: absolute;
    top: 1px;
    right: 0;
    width: 50%;
    height: .6rem;
    background: #faf8f3;
    border-radius: 50vw 0 0 0;
    pointer-events: none
}

.home1 .left {
    position: relative;
    z-index: 1;
    width: 6.4rem
}

.home1 .left .img {
    margin-left: calc((100vw - 16rem)/2*-1)
}

.home1 .right {
    width: calc(100% - 6.4rem);
    padding: 1rem 0 0 .85rem
}

.h3-1 {
    font-size: .4rem;
    color: #333333;
    font-style: normal
}

.home1 .right .h3-1 {
    position: relative;
    z-index: 1;
    display: inline-block;
    font-weight: normal;
    line-height: 1
}

.home1 .right .h3-1::before {
    content: "";
    position: absolute;
    width: 1.06rem;
    height: .82rem;
    background: url(../images/logo1.png) center no-repeat;
    background-size: 100% 100%;
    z-index: -1;
    right: -.86rem;
    top: -.02rem;
    display: none
}

.home1 .right .arc-con {
    margin: .5rem 0 .64rem
}

.home1 .right .arc-con p {
    text-indent: 0
}

.more1 {
    position: relative;
    z-index: 1;
    width: 1.6rem;
    height: .5rem;
    border: #017b3d 1px solid;
    border-radius: 0 50vw 50vw 50vw;
    justify-content: center;
    align-items: center;
    font-size: .16rem;
    color: #017b3d;
    transition: .5s
}

.more1:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: inset 0 0 0 0 #017b3d;
    border-radius: 0 50vw 50vw 50vw;
    transition: .5s;
    z-index: -1
}

.home2 {
    position: relative;
    z-index: 1;
    margin: -.5rem 0 0;
    padding-bottom: .4rem
}

.home2 .before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/ho2_b1.jpg) top center no-repeat;
    background-size: 100% auto;
    z-index: -1;
    pointer-events: none
}

.tit1 {
    position: relative;
    margin: 0 0 .45rem
}

.tit1 .ll {
    position: relative;
    padding-bottom: .24rem;
    text-align: center
}

.tit1 .ll::before {
    content: "";
    position: absolute;
    background: url(../images/tit1_b.png) center no-repeat;
    width: 3.39rem;
    height: .1rem;
    background-size: 100% auto;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) scale(.7);
}

.tit1 h3 {
    font-size: .4rem;
    color: #333333;
    font-weight: normal;
    display: flex;
    align-items: center;
    line-height: 1
}

.tit1 h3 img {
    width: .15rem;
    margin: 0 .12rem
}

.tit1 h6 {
    font-size: .12rem;
    color: #367f5f;
    font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: .06rem;
    display: none
}

.tit1 .more1 {
    position: absolute;
    right: 0;
    bottom: .1rem
}

.tit1c {
    justify-content: center;
    align-items: center;
    text-align: center
}

.home2 .left {
    width: 72.875%
}

.home2 .right {
    width: 24.5%
}

.lt1Box {
    height: 100%
}

.lt1 .a {
    position: relative;
    z-index: 1;
    height: 100%;
    align-items: center
}

.lt1 .a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 66%;
    background: url(../images/lt1_b.jpg) center no-repeat;
    background-size: cover;
    z-index: -1;
    border-radius: .1rem
}

.lt1 .imgBox {
    width: 7rem;
    border-radius: .1rem
}

.lt1 .imgBox .img {
    /* padding-bottom: 70.28%; */
}

.lt1 .txt {
    width: calc(100% - 7rem);
    padding: 0 .48rem
}

.lt1 h4 {
    color: #fff !important;
    font-weight: bold
}

.lt1 p {
    color: #fff;
    margin: .35rem 0 1rem;
    line-height: .3rem;
    max-height: 1.2rem\0
}

.lt1Box .bottom {
    align-items: center
}

.lt1Box .bottom img {
    width: .32rem;
    transition: .5s
}

.lt1Box .dots {
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto
}

.lt1Box .dots span {
    width: .37rem;
    height: .37rem;
    background: none;
    font-size: .16rem;
    color: #fff;
    opacity: 1;
    margin: 0 .16rem 0 0 !important;
    position: relative;
    z-index: 1
}

.lt1Box .dots span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/dots1.png) center no-repeat;
    background-size: cover;
    transition: .5s
}

.lt1Box .dots span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/dots1s.png) center no-repeat;
    background-size: cover;
    opacity: 0;
    transition: .5s
}

.lt1Box .dots span.active:before {
    opacity: 0
}

.lt1Box .dots span.active:after {
    opacity: 1
}

.lt2 {
    display: grid;
    row-gap: .32rem
}

.lt2 .a {
    display: block;
    position: relative;
    border-radius: .1rem;
    overflow: hidden
}

.lt2 .imgBox:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    z-index: 1;
    height: 1.1rem
}

.lt2 .imgBox .img {
    /* padding-bottom: 69.64%; */
}

.lt2 .txt {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 .24rem .15rem
}

.lt2 h4 {
    color: #fff !important
}

.lt3W {
    position: relative
}

.lt3Box {
    margin: .3rem 0 0
}

.lt3 li {
    position: relative
}

.lt3 li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: url(../images/lt3_b.png) center no-repeat;
    width: .15rem;
    background-size: 100% 100%
}

.lt3 .a {
    display: flex;
    height: 2rem;
    flex-direction: column;
    justify-content: center;
    padding: 0 .44rem .6rem .44rem
}

.lt3 h4 {
    margin: .12rem 0 0;
    height: .6rem
}

.ar1 {
    position: absolute;
    width: .48rem;
    height: .48rem;
    background: #e6c787;
    border-radius: 50vw;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    font-size: .22rem;
    color: #017b3d;
    font-family: 'lib';
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .5s;
    z-index: 2
}

.ar1:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: inset 0 0 0 0 #017b3d;
    border-radius: 50vw;
    transition: .5s;
    z-index: -1
}

.ar1.prev1 {
    left: -.2rem
}

.ar1.next1 {
    right: -.2rem
}

.home2 .ar1 {
    top: 42%
}

.home3 {
    padding: 0 !important;
    position: relative;
    z-index: 2
}

.home3 .box {
    width: 50%
}

.home3 .box1 {
    padding: .7rem 1rem .7rem .5rem;
    background: linear-gradient(-180deg, #fff 50%, rgba(255, 255, 255, 0) 100%);
    border-radius: .2rem 6.25vw .2rem .2rem
}

.home3 .box2 {
    padding: .7rem .5rem .7rem 1rem;
    background: linear-gradient(-180deg, #fff 50%, rgba(255, 255, 255, 0) 100%);
    border-radius: 6.25vw .2rem .2rem .2rem;
    position: relative;
    z-index: 1
}

.home3 .box2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: url(../images/home3_b.png) left center no-repeat;
    background-size: auto 100%;
    z-index: -1;
    width: 100%;
    border-radius: 6.25vw .2rem .2rem .2rem;
    pointer-events: none
}

.more1W {
    margin: .74rem 0 0;
    justify-content: center
}

.home4 {
    padding: 4rem 0 10vw;
    background: url(../images/ho4_b1.png) center top no-repeat;
    background-size: 100% auto;
    position: relative;
    z-index: 1;
    margin: -3.2rem 0 0
}

.home4::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/ho4_b2.png) center bottom no-repeat;
    background-size: 100% auto;
    pointer-events: none;
    z-index: -1
}

.home4 .wp {
    align-items: flex-start
}

.home4 .left {
    width: calc(100% - 7.86rem - .96rem);
    padding: .55rem 0 0
}

.home4 .right {
    width: 7.86rem;
}
.
.lt5 li {
    position: relative;
    z-index: 1
}

.lt5 li::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgba(153, 153, 153, .3);
    left: 0;
    bottom: 0;
    z-index: -1;
    transition: .5s
}

.lt5 li::after {
    content: "";
    position: absolute;
    width: .55rem;
    height: 4px;
    background: #017b3d;
    left: .55rem;
    bottom: 0;
    z-index: -1
}
.lt5 li{ position: relative; z-index: 1}
.lt5 .a {
    position: relative;
    height: .88rem;
    align-items: center;
    z-index: 1;
    padding: 0 .5rem;
}

.lt5 .a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/lt5_b.jpg) center no-repeat;
    background-size: cover;
    border-radius: .1rem;
    z-index: -1;
    opacity: 0;
    transition: .5s
}

.lt5 .time {
    text-align: center;
    margin: 0;
    width: .55rem;
    transition: .5s;
    color: #017b3d
}

.lt5 .time h3 {
    font-size: .32rem;
    font-family: 'Noto Serif SC';
    font-style: normal;
    font-weight: 700;
    line-height: 1
}

.lt5 .time h6 {
    font-size: .14rem;
    font-family: 'Noto Serif SC';
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    margin: .06rem 0
}

.lt5 .tit {
    font-size: .18rem;
    transition: .5s;
    color: #017b3d;
}

.lt5 h4 {
    margin: 0 0 0 .1rem;
    flex: 1;
}

.lt5 .txt {
    width: calc(100% - .55rem - .2rem);
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.lt5 i {
    width: .48rem;
    height: .48rem;
    background: #e6c787;
    border-radius: 50vw;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(0);
    right: -.24rem;
    opacity: 0;
    transition: .5s
}

.lt5 i img {
    width: .32rem
}

.lt6W {
    position: relative;
    z-index: 1
}

.lt6Box {
    overflow: visible
}

.lt6 {
    width: 100%;
    height: 8rem;
    position: relative;
    z-index: 1
}

.lt6:before {
    content: "";
    position: absolute;
    width: 47vw;
    height: 47vw;
    border: #0d753e 2px solid;
    border-radius: 50vw;
    opacity: .2;
    left: 20%;
    top: 8%;
    z-index: -1
}

.lt6::after {
    content: "";
    position: absolute;
    top: 0;
    width: 5.76rem;
    height: 5.76rem;
    left: 16%;
    background: url(../images/lt6_b1.png) center no-repeat;
    background-size: cover;
    border-radius: .1rem;
    z-index: -1;
    transition: 1s
}

.lt6 li {
    position: absolute
}

.lt6 .a {
    display: block;
    position: relative;
    z-index: 1;
    box-shadow: 0px 0px 26.73px 0.27px rgba(13, 117, 62, 0.18);
    border-radius: .1rem; overflow: hidden
}

.lt6 .imgBox {
    border: #fff .1rem solid;
    
}
.lt6 li:nth-child(2) .imgBox img, .lt6 li:nth-child(3) .imgBox img{ border-radius: .06rem}
.lt6 li:nth-child(1) .imgBox .img {
    padding-bottom: 65%;
}

.lt6 .txt {
    position: absolute;
    bottom: 0;
    right: 0;
    left: .05rem;
    width: 4.34rem;
    height: .88rem;
    background: #fff;
    border-radius: 0 .1rem 0 0;
    max-width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 .3rem;
    z-index: 1;
    opacity: 0;
    transition: .5s
}

.lt6 .txt .tit {
    margin: 0 0 .05rem -.08rem;
    font-size: .18rem;
    color: #bf1e1e;
    transition: .5s
}

.lt6.ul1 li:nth-child(1) {
    width: 69.5%;
    top: 0;
    left: 0;
    transform: translate(0, 18%);
}

.lt6.ul1 li:nth-child(2) {
    width: 41%;
    top: 0;
    left: 0;
    transform: translate(107%, 250%);
}

.lt6.ul1 li:nth-child(3) {
    width: 41%;
    top: 0;
    left: 0;
    transform: translate(0, 250%);
}

.lt6.ul1 li:nth-child(4) {
    width: 20.94%;
    top: 0;
    left: 0;
    transform: translate(178%, 426%)
}

.lt6.ul2 li:nth-child(1) {
    width: 32.94%;
    top: 0;
    left: 0;
    transform: translate(203%, 0%)
}

.lt6.ul2 li:nth-child(2) {
    width: 31.29%;
    top: 0;
    left: 0;
    transform: translate(210%, 220%)
}

.lt6.ul2 li:nth-child(3) {
    width: 20.94%;
    top: 0;
    left: 0;
    transform: translate(178%, 426%)
}

.lt6.ul2 li:nth-child(4) {
    width: 67%;
    top: 0;
    left: 0;
    transform: translate(0, 23%)
}

.lt6.ul3 li:nth-child(1) {
    width: 31.29%;
    top: 0;
    left: 0;
    transform: translate(210%, 220%)
}

.lt6.ul3 li:nth-child(2) {
    width: 20.94%;
    top: 0;
    left: 0;
    transform: translate(178%, 426%)
}

.lt6.ul3 li:nth-child(3) {
    width: 67%;
    top: 0;
    left: 0;
    transform: translate(0, 23%)
}

.lt6.ul3 li:nth-child(4) {
    width: 32.94%;
    top: 0;
    left: 0;
    transform: translate(203%, 0%)
}

.lt6.ul4 li:nth-child(1) {
    width: 20.94%;
    top: 0;
    left: 0;
    transform: translate(178%, 426%)
}

.lt6.ul4 li:nth-child(2) {
    width: 67%;
    top: 0;
    left: 0;
    transform: translate(0, 23%)
}

.lt6.ul4 li:nth-child(3) {
    width: 32.94%;
    top: 0;
    left: 0;
    transform: translate(203%, 0%)
}

.lt6.ul4 li:nth-child(4) {
    width: 31.29%;
    top: 0;
    left: 0;
    transform: translate(210%, 220%)
}

.lt6.ul1 li:nth-child(1) .a {
    /* box-shadow: none; */
    /* box-shadow: none; */
}

.lt6.ul1 li:nth-child(1) .a::before {
    transform: translate(.5%, -2%);
    opacity: 1
}

.lt6.ul1 li:nth-child(1) .txt {
    opacity: 1
}

.lt6.ul2 li:nth-child(4) .a {
    padding: 5%;
    box-shadow: none;
    box-shadow: none
}

.lt6.ul2 li:nth-child(4) .a::before {
    transform: translate(.5%, -2%);
    opacity: 1
}

.lt6.ul2 li:nth-child(4) .txt {
    opacity: 1
}

.lt6.ul3 li:nth-child(3) .a {
    padding: 5%;
    box-shadow: none;
    box-shadow: none
}

.lt6.ul3 li:nth-child(3) .a::before {
    transform: translate(.5%, -2%);
    opacity: 1
}

.lt6.ul3 li:nth-child(3) .txt {
    opacity: 1
}

.lt6.ul4 li:nth-child(2) .a {
    padding: 5%;
    box-shadow: none;
    box-shadow: none
}

.lt6.ul4 li:nth-child(2) .a::before {
    transform: translate(.5%, -2%);
    opacity: 1
}

.lt6.ul4 li:nth-child(2) .txt {
    opacity: 1
}

.ar2Box {
    width: .48rem;
    height: 1.2rem;
    flex-direction: column;
    justify-content: space-between;
    position: absolute;
    right: 0;
    top: 39%;
    transform: translateY(-50%);
    z-index: 10
}

.ar2 {
    width: .48rem;
    height: .48rem;
    background: #e6c787;
    border-radius: 50vw;
    z-index: 2;
    font-size: .22rem;
    color: #017b3d;
    font-family: 'lib';
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .5s;
    z-index: 2;
    position: relative
}

.ar2:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: inset 0 0 0 0 #017b3d;
    border-radius: 50vw;
    transition: .5s;
    z-index: -1
}

.ar2.prev1 {
    transform: rotate(90deg)
}

.ar2.next1 {
    transform: rotate(90deg)
}

.home5 {
    padding-top: .2rem;
    margin: -6vw 0 0
}

.lt7Box {
    padding: .5rem .22rem 0
}

.lt7 .a {
    background: url(../images/lt7_b1.jpg) center no-repeat;
    background-size: cover;
    height: 4rem;
    display: block;
    padding: .4rem .4rem;
    position: relative;
    z-index: 1;
    transition: .5s;
    border-radius: .1rem;
    overflow: hidden;
    box-shadow: 5.435px 20.284px .4rem 0px rgba(238, 233, 223, .41)
}

.lt7 .a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/lt7_b1s.jpg) center no-repeat;
    background-size: cover;
    z-index: -1;
    opacity: 0;
    transition: .5s
}

.lt7 .tit {
    background: url(../images/lt7_b2.png) center no-repeat;
    background-size: cover;
    width: 1.26rem;
    height: .34rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .18rem;
    color: #9c6e0d;
    font-weight: bold;
    transition: .5s
}

.lt7 h4 {
    margin: .2rem 0 .34rem;
    font-weight: bold;
    font-size: .24rem
}

.lt7 .bottom {
    align-items: center;
    padding: 0 .1rem
}

.lt7 .imgBox {
    width: 1.34rem;
    border-radius: 50vw;
    box-shadow: -.1rem .1rem 0 #ebce90;
    margin: 0 .44rem 0 0
}

.lt7 .imgBox .img {
    padding-bottom: 100%
}

.lt7 .p {
    flex: 1;
    overflow: hidden;
    transition: .5s
}

.lt7 p {
    font-size: .16rem;
    color: #272727;
    line-height: 1.5;
    padding: .05rem 0;
    transition: .5s
}

.lt7Box .more1W {
    margin: .6rem 0 0;
    justify-content: space-between
}

.lt7Box .more1W .more1 {
    margin-top: -.3rem
}

.lt7 li.swiper-slide-next .a {
    transform: translateY(-.5rem);
    box-shadow: none
}

.lt7 li.swiper-slide-next .a::before {
    opacity: 1
}

.lt7 li.swiper-slide-next h4,.lt7 li.swiper-slide-next p {
    color: #fff
}

.ar3 {
    position: relative;
    width: .48rem;
    height: .48rem;
    background: #e6c787;
    border-radius: 50vw;
    z-index: 2;
    font-size: .22rem;
    color: #017b3d;
    font-family: 'lib';
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .5s;
    z-index: 2
}

.ar3:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: inset 0 0 0 0 #017b3d;
    border-radius: 50vw;
    transition: .5s;
    z-index: -1
}

.home6 {
    padding-top: 0
}

.mtab2Bd {
    overflow: visible
}

.mtab2 .tit1 {
    align-items: flex-end
}

.mtab2 .hd ul {
    margin: 0 -.1rem
}

.mtab2 .hd ul li .a {
    position: relative;
    display: block;
    z-index: 1;
    transition: .5s;
    font-size: .3rem;
    font-style: normal;
    padding: 0 .1rem 0 .28rem
}

.mtab2 .hd ul li .a::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    left: 0;
    background: #017b3d;
    z-index: -1;
    opacity: .1;
    transition: .5s;
    height: .1rem;
    transition: .5s
}

.mtab2 .hd ul li .a::after {
    content: "";
    position: absolute;
    background: url(../images/mtab2.png) center no-repeat;
    width: .09rem;
    height: .15rem;
    background-size: cover;
    left: .07rem;
    top: 50%;
    margin: -.075rem 0 0;
    opacity: 0;
    transition: .5s
}

.mtab2 .hd ul li.on .a {
    color: #bf1e1e
}

.mtab2 .hd ul li.on .a::before {
    width: 100%
}

.mtab2 .hd ul li.on .a::after {
    opacity: 1
}

.lt8Box .a {
    display: block;
    position: relative;
    z-index: 1
}

.lt8Box .a:after {
    content: "";
    position: absolute;
    top: .12rem;
    right: .12rem;
    bottom: .12rem;
    left: .12rem;
    border: #dfd0af 1px dotted;
    border-radius: .1rem;
    transition: .5s;
    pointer-events: none
}

.lt8Box .imgBox {
    border-radius: .1rem
}

.lt8Box .imgBox .img {
    padding-bottom: 166.67%
}

.lt8Box .txt {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: .4rem .3rem .35rem;
    justify-content: space-between
}

.lt8Box .txt {
    display: none
}

.lt8Box h4 {
    font-size: .36rem;
    color: #fff !important;
    writing-mode: vertical-lr;
    max-height: 4rem;
    font-family: 'Noto Serif SC';
    font-style: normal;
    font-weight: 700;
    letter-spacing: .03rem
}

.more3 {
    flex-direction: column;
    align-self: flex-end;
    align-items: center
}

.more3 span {
    font-size: .19rem;
    color: #fff;
    writing-mode: tb-rl;
    margin: .12rem 0 0;
    font-family: 'Noto Serif SC';
    font-style: normal;
    font-weight: 700;
    letter-spacing: .02rem
}

.more3 i {
    display: flex;
    width: .26rem;
    height: .26rem;
    border: #fff 1px solid;
    border-radius: 50%;
    font-size: .14rem;
    color: #fff;
    font-family: 'lib';
    justify-content: center;
    align-items: center;
    margin: .08rem 0 0
}

.lt8W {
    position: relative;
    z-index: 1
}

.mtab1Bd .more1W {
    margin: .5rem 0 0
}

.home7-8-9 {
    background: url(../images/ho7-8-9_b.jpg) center 0% no-repeat;
    background-size: 100% auto
}

.home7 {
    padding-top: 0
}

.lt9 .imgBox {
    width: 7.5rem;
    border-radius: .2rem
}

.lt9 .imgBox .img {
    padding-bottom: 64%
}

.lt9 .txt {
    width: calc(100% - 7.5rem - .68rem);
    padding: .3rem 0 0
}

.lt9 h4 {
    font-weight: bold
}

.lt9 .line {
    margin: .35rem 0 .25rem;
    width: 100%;
    height: 1px;
    background: #367f5f
}

.lt9 p {
    font-size: .18rem;
    color: #333333;
    line-height: .36rem;
    max-height: calc(.36rem * 3)
}

.lt10W {
    width: calc(100% - 7.5rem - .68rem);
    margin: -1.36rem 0 0;
    position: relative
}

.lt10Box {
    padding: .1rem 0;
    margin: -.1rem 0
}

.lt10 .a {
    display: block;
    position: relative;
    z-index: 1
}

.lt10 .a:before {
    content: "";
    position: absolute;
    top: -.06rem;
    right: -.06rem;
    bottom: -.06rem;
    left: -.06rem;
    background: #367f5f;
    z-index: -1;
    border-radius: .1rem;
    opacity: 0;
    transition: .5s
}

.lt10 .imgBox {
    border-radius: .1rem
}

.lt10 .imgBox .img {
    padding-bottom: 64%;
    padding-bottom: 1.26rem
}

.lt10 li.swiper-slide-active .a:before {
    opacity: 1
}

.home8 {
    padding-top: .2rem
}

.lt11 li {
    margin: 0 0 .2rem;
    display: flex;
    justify-content: flex-end;
}

.lt11 .a {
    width: 96%;
    height: .96rem;
    align-items: center;
    background: #fff;
    box-shadow: 5.435px 20.284px .4rem 0px rgba(238, 233, 223, 0.4);
    /* margin: 0 auto; */
    transition: .5s;
    padding: 0 0 0 .5rem;
    position: relative;
    z-index: 1
}
.lt11 .a:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: url(../images/lt5_b.jpg) center repeat;opacity: 0;transition: .5s;}

.lt11 .time {
    text-align: center;
    margin: 0 1.35rem 0 0;
    transition: .5s;
    color: #017b3d
}

.lt11 .time h3 {
    font-size: .32rem;
    font-family: 'Noto Serif SC';
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    transition: .5s;
    position: relative
}

.lt11 .time h3:after {
    content: "";
    position: absolute;
    left: calc(100% + .2rem);
    width: .82rem;
    height: 1px;
    background: #017b3d;
    top: 50%
}

.lt11 .time h6 {
    font-size: .14rem;
    font-family: 'Noto Serif SC';
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    margin: .06rem 0 0;
    transition: .5s
}

.lt11 .txt {
    flex: 1;
    overflow: hidden;
    margin: 0 1.5rem 0 0;
}

.lt11 .imgBox {
    width: 3.22rem;
    margin: -.15rem 0 -.15rem .4rem;
    opacity: 0;
    transition: .5s;
    border-radius: 2.6vw 0 2.6vw 0;
    display: none;
}

.lt11 .imgBox .img {
    padding-bottom: 57.45%
}

.lt11 i {
    display: flex;
    width: .48rem;
    height: .48rem;
    border: #e6c787 1px solid;
    border-radius: 50vw;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .4rem;
    z-index: -1
}

.lt11 i img {
    width: .32rem
}

.home9 .content {
    display: grid;
    grid-template-columns: 30.875% 28.75% 1fr;
    gap: .5vw;
}

.home9 .content .box1 {
    grid-area: 1 / 1 / span 4 / span 1;
}

.home9 .content .box2 {
    background: url(../images/ho9_b2.jpg) center no-repeat;
    background-size: cover;
    height: 1.3rem;
    border-radius: .1rem;
    align-items: center;
    padding: 0 .6rem;
}

.home9 .content .box2 .ll {
    font-size: .22rem;
    color: #ebce90;
    margin: 0 .3rem 0 0
}

.home9 .content .box5 {
    grid-area: 1 / 3 / span 2 / span 1;
    overflow: hidden;
    border-radius: .1rem;
}
.home9 .content .box6 {
    grid-area: 3 / 3 / span 2 / span 1;
    overflow: hidden;
    border-radius: .1rem;
    transform: translateY(-18.5%);
}

.lt4s4 li{ border-bottom: #e0e0e0 1px solid}
.lt4s4 .a{display: block;padding: .28rem .2rem;position: relative;z-index: 1;}
.lt4s4 .a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/lt5_b.jpg) center no-repeat;
    background-size: cover;
    border-radius: .1rem;
    z-index: -1;
    opacity: 0;
    transition: .5s
}
.lt4s4 .top{ align-items: flex-start; margin: 0 0 .06rem}
.lt4s4 .top i{
    display: flex;
    width: .4rem;
    height: .4rem;
    background: #017c3d;
    color: #ebce90;
    font-size: .3rem;
    font-family: 'lib';
    justify-content: center;
    align-items: center;
    border-radius: 50vw;
    transition: .5s;
    }
.lt4s4 h6{ width: auto}

.more2{ float: right; font-size: .16rem; color: #017b3d; margin: .36rem 0 0}

.lt12 .a {
    display: block;
    position: relative;
    border-radius: .1rem;
    overflow: hidden
}

.lt12 .imgBox:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 100%);
    z-index: 1;
    height: 1.1rem
}

.lt12 .txt {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    align-items: center;
    padding: 0 .3rem .2rem
}

.lt12 i {
    font-size: .3rem;
    color: #fff;
    font-family: 'lib';
    margin: 0 .12rem 0 0
}

.lt12 h4 {
    color: #fff !important;
    flex: 1
}

.home9 .box1 .lt12 .imgBox .img {
    padding-bottom: calc(105.5% + 1.3rem);
}

.home9 .box3 .lt12 .imgBox .img {
    padding-bottom: 52.39%
}

.home9 .box4 .lt12 .imgBox .img {
    padding-bottom: 56.73%
}
.home9 .box5 .lt12 .imgBox .img {
    padding-bottom: 51%;
}
.home9 .box6 .lt12 .imgBox .img {
    padding-bottom: 51%;
}

.home9 .content .box1 .lt12 .a {
}

.lt13 {
    flex: 1;
    justify-content: space-around
}

.lt13 li {
    position: relative
}

.lt13 li .a {
    display: flex;
    transition: .5s;
    position: relative;
    z-index: 1;
    align-items: center;
    justify-content: center;
    color: #ebce90;
    font-size: .36rem;
    font-family: 'lib'
}

.lt13 li .a i,.swi-shipinhao,.swi-weixin0 {
    font-family: 'lib'
}

.lt13 li .a img {
    width: .69rem;
    height: .69rem;
    position: relative;
    z-index: 1;
    transition: all 0.5s
}

.lt13 li .ewm {
    width: 1.4rem;
    background: #fff;
    border-radius: .06rem;
    position: absolute;
    padding: .03rem;
    top: 140%;
    left: 50%;
    margin-left: -.7rem;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    transform: translateY(.1rem);
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, .2)
}

.lt13 li .ewm:before {
    content: "";
    position: absolute;
    width: .12rem;
    height: .12rem;
    background: #fff;
    transform: rotate(45deg);
    top: -.06rem;
    left: 50%;
    margin-left: -.06rem
}

.lt12 li .ewm img {
    width: 100%
}

.lt13 li:hover .a {
    color: #f2d483
}

.lt13 li:hover .a:after {
    transform: translate(-50%, -50%) scale(1)
}

.lt13 li:hover .a img {
    opacity: 1
}

.lt13 li:hover .ewm {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.lt13 li:last-child {
    margin-right: 0 !important
}

.lt14 .a {
    display: block;
    overflow: hidden;
    border-radius: .1rem 0 0 .1rem
}

.lt14 .imgBox .img {
    padding-bottom: calc(53.6% + 1.3rem)
}

.lt14 .imgBox .img:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4)
}

.lt14 .imgBox:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 100%);
    z-index: 1;
    height: 1.1rem
}

.lt14 .imgBox .ico {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../images/lt14_i.png) center no-repeat;
    background-size: cover;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    z-index: 1;
    transition: .5s
}

.lt14 .txt {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    align-items: center;
    padding: 0 .3rem .2rem
}

.lt14 .tit {
    background: url(../images/lt7_b2.png) center no-repeat;
    background-size: cover;
    width: 1.26rem;
    height: .34rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .18rem;
    color: #9c6e0d;
    font-weight: bold;
    transition: .5s
}

.lt14 h4 {
    color: #fff !important;
    margin: .15rem 0 0
}

.lt14Box .dots {
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto
}

.lt14Box .dots span {
    width: .37rem;
    height: .37rem;
    background: none;
    font-size: .16rem;
    color: #fff;
    opacity: 1;
    margin: 0 .16rem 0 0 !important;
    position: relative;
    z-index: 1
}

.lt14Box .dots span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/dots1.png) center no-repeat;
    background-size: cover;
    transition: .5s
}

.lt14Box .dots span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/dots1s.png) center no-repeat;
    background-size: cover;
    opacity: 0;
    transition: .5s
}

.lt14Box .dots span.active:before {
    opacity: 0
}

.lt14Box .dots span.active:after {
    opacity: 1
}

.home9 {
    padding: .3rem 0 1.6rem
}

@keyframes spin-reverse {
    0% {
        transform: 0
    }

    50% {
        transform: translateY(-20px)
    }

    100% {
        transform: 0
    }
}

@keyframes spin-reverse2 {
    0% {
        transform: 0
    }

    50% {
        transform: translateX(-10px) translateY(10px)
    }

    100% {
        transform: 0
    }
}

@keyframes spin-reverse3 {
    0% {
        transform: 0
    }

    50% {
        transform: translateX(15px) translateY(-25px)
    }

    100% {
        transform: 0
    }
}

@keyframes spin-reverse4 {
    0% {
        transform: 0
    }

    50% {
        transform: translateX(-10px) translateY(-10px)
    }

    100% {
        transform: 0
    }
}

@keyframes spin-reverse5 {
    0% {
        transform: 0
    }

    50% {
        transform: translateX(0px) translateY(80px)
    }

    100% {
        transform: 0
    }
}

.home3 .tit1 {
    margin: 0 0 .25rem
}

.lt4s1 li {
    position: relative;
    z-index: 1
}

.lt4s1 li::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: rgba(153, 153, 153, .15);
    left: 0;
    bottom: 0;
    z-index: -1;
    transition: .5s
}

.lt4s1 .a {
    height: .88rem;
    align-items: center;
    position: relative;
    z-index: 1
}

.lt4s1 .a::before {
    content: "";
    position: absolute;
    top: 0;
    right: -.3rem;
    bottom: 0;
    left: -.3rem;
    background: url(../images/lt4s1_b.jpg) center no-repeat;
    background-size: cover;
    z-index: -1;
    opacity: 0;
    transition: .5s;
    border-radius: .1rem
}

.lt4s1 h4 {
    flex: 1
}

.lt4s1 h6 {
    margin: 0 0 0 .8rem;
    width: auto
}

.lt4s1 li:last-child:before {
    display: none
}

.lt4s2 {
    display: grid;
    row-gap: .32rem
}

.lt4s2 .a {
    position: relative;
    border-radius: .1rem;
    overflow: hidden;
    background: #faf8f3;
    align-items: flex-start
}

.lt4s2 .imgBox {
    width: 3.2rem;
    order: 1;
    border-radius: .1rem
}

.lt4s2 .imgBox .img {
    padding-bottom: 63.28%
}

.lt4s2 .txt {
    flex: 1;
    overflow: hidden;
    position: relative;
    padding: .55rem .2rem 0
}

.lt4s2 .txt .ll {
    flex: 1;
    overflow: hidden
}

.lt4s2 .time {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.26rem;
    height: .46rem;
    background: #e6c787;
    align-items: center;
    justify-content: center;
    font-size: .16rem;
    color: #fff;
    font-family: 'Noto Serif SC';
    font-style: normal;
    font-weight: 700;
    border-radius: 0 0 .1rem 0
}

.lt4s2 .tit {
    font-size: .16rem;
    color: #fff;
    margin: 0 0 0 -.06rem
}

.lt4s2 h4 {
    margin: .08rem 0 .06rem;
}

.lt4s2 i {
    display: flex;
    width: .48rem;
    height: .48rem;
    background: rgba(230, 199, 135, .4);
    border-radius: 50vw;
    justify-content: center;
    align-items: center;
    margin: .15rem 0 0
}

.lt4s2 i img {
    width: .32rem
}

.lt4s3 {
    margin: .16rem 0 0;
}

.lt4s3 li {
    position: relative;
    z-index: 1
}

.lt4s3 .a {
    height: .66rem;
    align-items: center;
    position: relative;
    z-index: 1
}

.lt4s3 .a::before {
    content: "";
    position: absolute;
    top: 0;
    right: -.3rem;
    bottom: 0;
    left: -.3rem;
    background: url(../images/lt4s1_b.jpg) center no-repeat;
    background-size: cover;
    z-index: -1;
    opacity: 0;
    transition: .5s;
    border-radius: .1rem
}

.lt4s3 h4 {
    flex: 1
}

.lt4s3 h4 .tit {
    display: inline-block;
    margin: 0 0 0 -.1rem;
    color: #017b3d;
    transition: .5s
}

.lt4s3 h6 {
    margin: 0 0 0 .8rem;
    width: auto
}

.home5-6 {
    background: url(../images/home5-6.jpg) center 30% no-repeat;
    background-size: 100% auto
}

.home8 .left {
    width: calc(100% - 5.7rem - .3rem)
}

.home8 .right {
    width: 5.7rem;
    height: 6.85rem;
    position: relative;
    z-index: 1;
    background: url(../images/home8_b.png) center no-repeat;
    background-size: cover;
    margin: -.1rem 0 0
}

.home8 .right h3 {
    font-size: .32rem;
    color: #333333;
    line-height: 1;
    text-align: right;
    padding: 0 .26rem;
    transform: translateY(-.04rem);
    margin: 0 0 .35rem;
    font-weight: normal;
}

.lt17 {
    margin: 0 0 .2rem
}

.lt17 li {
    width: 77.19%
}

.lt17 .imgBox .img {
    padding-bottom: 65.45%
}

.lt18 {
    display: grid;
    grid-template-columns: 17.5% 41.5% auto;
    grid-gap: .2rem;
    margin: 0 .25rem 0 0
}

.lt18 li:nth-child(3) {
    grid-area: 1 / 3 / span 2 / span 1
}

.lt18 li:nth-child(4) {
    grid-area: 2 / 1 / span 1 / span 2
}

.lt18 li:nth-child(1) .imgBox .img {
    padding-bottom: 151.48%
}

.lt18 li:nth-child(2) .imgBox .img {
    padding-bottom: 63.5%
}

.lt18 li:nth-child(3) .imgBox .img {
    padding-bottom: 128.49%
}

.lt18 li:nth-child(4) .imgBox .img {
    padding-bottom: 39.19%
}

@media(min-width: 769px) {
    .more1:hover {
        color: #fff
    }

    .more1:hover:after {
        box-shadow: inset 0 0 0 .3rem #017b3d
    }

    .lt1Box .bottom img:hover {
        transform: rotateX(180deg)
    }

    .ar1:hover {
        color: #fff
    }

    .ar1:hover:after {
        box-shadow: inset 0 0 0 .3rem #017b3d
    }

    .ar2:hover {
        color: #fff
    }

    .ar2:hover:after {
        box-shadow: inset 0 0 0 .3rem #017b3d
    }

    .lt3 .a:hover * {
        color: #262626
    }

    .lt3 .a:hover h4 {
        font-weight: 600
    }

    .lt4 li:hover::after {
        background: #faf8f3 url(../images/lt4_bs.png) center no-repeat;
        background-size: .44rem .44rem
    }

    .lt4 .a:hover:after {
        box-shadow: inset 0 0 0 1rem #017b3d
    }

    .lt4 .a:hover::before {
        opacity: 1
    }

    .lt4 .a:hover * {
        color: #fff !important
    }

    .lt4 .a:hover .time {
        color: #d8ba7b !important
    }

    .lt5 li:hover::before {
        opacity: 0
    }

    .lt5 .a:hover::before {
        opacity: 1
    }

    .lt5 .a:hover .txt * {
        color: #fff !important
    }

    .lt5 .a:hover .time {
        color: #d8ba7b !important
    }

    .lt5 .a:hover i {
        opacity: 1;
        transform: translateY(-50%) scale(1)
    }

    .lt6 .a:hover .txt:after {
        box-shadow: inset 0 0 0 .5rem #017b3d
    }

    .ar3:hover {
        color: #fff
    }

    .ar3:hover:after {
        box-shadow: inset 0 0 0 .3rem #017b3d
    }

    .lt11 li:hover .a {
        transform: translateX(-4%);
        /* border-radius: 0 0 .3rem 0; */
    }
    .lt11 li:hover .a:before{ opacity: 1}

    .lt11 li:hover .a * {
        color: #d8ba7b
    }

    .lt11 li:hover .a .time h3::after {
        background: #d8ba7b
    }

    .lt11 li:hover .a h4 {
        color: #fff
    }

    .lt11 li:hover .a .imgBox {
        opacity: 1
    }

    .lt4s4 .a:hover:before{ opacity: 1}
    .lt4s4 .a:hover *{ color: #fff}
    .lt4s4 .a:hover .top i{background: #fff;color: #247e43;}

    .lt6 li:nth-child(1) .a {
        animation: spin-reverse 8s infinite linear
    }

    .lt6 li:nth-child(2) .a {
        animation: spin-reverse3 8s infinite linear
    }

    .lt6 li:nth-child(3) .a {
        animation: spin-reverse3 8s infinite linear
    }

    .lt6 li:nth-child(4) .a {
        animation: spin-reverse4 8s infinite linear
    }

    .lt4s1 .a:hover::before {
        opacity: 1
    }

    .lt4s1 .a:hover * {
        color: #fff !important
    }

    .lt4s3 .a:hover::before {
        opacity: 1
    }

    .lt4s3 .a:hover * {
        color: #fff !important
    }
}

@media(max-width: 1025px) {
    .banner_box {
        margin: .7rem 0 0
    }

    .banner .imgBox .img {
        padding-bottom: 50%
    }
}

@media(max-width: 769px) {
    .lt11 .txt{ margin: 0}
    .pad1 {
        padding: .4rem 0;
        margin: -4vw 0 0;
        padding-bottom: 16vw;
    }

    .home1 .wp {
        flex-direction: column
    }

    .home1 .left {
        width: 100%;
        padding: 0 0 .4rem;
        order: 1;
        margin-top: -.7rem
    }

    .home1 .left .img {
        margin: 0 auto
    }

    .home1 .right {
        width: 100%;
        padding: .4rem 0 0
    }

    .h3-1 {
        font-size: .26rem
    }

    .home1 .right .arc-con {
        margin: .2rem 0 .25rem;
    }

    .more1 {
        width: 1.2rem;
        height: .4rem
    }

    .home1 .right .more1 {
        margin: 0 auto
    }

    .tit1 {
        margin-bottom: .25rem
    }

    .tit1 .ll {
        padding-bottom: .2rem
    }

    .tit1 .ll::before {
        transform: scale(.5) translateX(-100%)
    }

    .tit1 h3 {
        font-size: .3rem;
        justify-content: center
    }

    .tit1 h3 img {
        width: .1rem;
        margin: 0 .06rem
    }

    .tit1 h6 {
        font-size: .1rem;
        letter-spacing: .03rem
    }

    .tit1c {
        justify-content: flex-start
    }

    .home2 .left {
        width: 100%
    }

    .home2 .right {
        width: 100%;
        padding: .25rem 0 0
    }

    .banner .dots {
        bottom: .2rem
    }

    .banner .dots span {
        width: .24rem;
        height: .24rem;
        margin: 0 .04rem !important
    }

    .lt1 .a::before {
        left: 0;
        width: 100%
    }

    .lt1 .imgBox {
        width: 100%
    }

    .lt1 .txt {
        width: 100%;
        padding: .3rem .2rem
    }

    .lt1 p {
        color: #fff;
        margin: .15rem 0 .4rem
    }

    .lt1 h4 {
        font-size: .2rem;
        line-height: .3rem;
        height: .6rem \0
    }

    .lt1Box .dots span {
        width: .24rem;
        height: .24rem;
        margin: 0 .08rem 0 0 !important
    }

    .lt2 {
        row-gap: .25rem
    }

    .ar1 {
        width: .36rem;
        height: .36rem
    }

    .ar1.prev1 {
        left: -.16rem
    }

    .ar1.next1 {
        right: -.16rem
    }

    .lt3 .a {
        height: 2rem;
        padding: 0 .44rem .4rem .44rem
    }

    .home2 {
        padding-bottom: 0;
        margin: -.5rem 0 0
    }

    .home3 .tit1c {
        justify-content: center
    }

    .mtab1 .hd ul li {
        padding: 0 .1rem;
        text-align: center
    }

    .mtab1 .hd ul:before {
        transform: scale(1, .5) translateX(-50%)
    }

    .lt4 li {
        row-gap: .8rem
    }

    .lt4 .a {
        height: 1.2rem
    }

    .mtab1Bd .more1W {
        margin: .3rem 0 0
    }

    .lt4 .time h3 {
        font-size: .26rem
    }

    .home4 .left {
        width: 100%;
        padding: 0
    }

    .home4 .right {
        width: 100%;
        padding: .4rem 0 0
    }

    .lt5 .a {
        padding: 0;
        height: .7rem;
    }

    .lt5 li::after {
        left: 0;
        height: 3px
    }

    .lt5 .time h3 {
        font-size: .26rem
    }

    .lt5 h4 {
        font-size: 16px;
        margin: .04rem 0 0
    }

    .lt6 {
        height: 92vw
    }

    .lt6.ul1 li:nth-child(4) {
        width: 28.94%;
        top: 0;
        left: 0;
        transform: translate(40%, 311%)
    }

    .ar2Box {
        top: 44%
    }

    .lt6 .txt {
        height: .8rem;
        padding: 0 15px;
        max-width: 100%;
        left: 0
    }

    .lt6::after {
        width: 80vw;
        height: 80vw
    }

    .lt7Box {
        padding: 0 0 0;
        margin: 0 15px
    }

    .lt7 li.swiper-slide-next .a {
        transform: translateY(0);
        box-shadow: none
    }

    .lt7 li {
        height: auto
    }

    .lt7 .a {
        padding: .4rem 15px;
        height: 100%
    }

    .lt7 .imgBox {
        width: 1.1rem;
        margin: 0 .2rem 0 0
    }

    .lt7 h4 {
        font-size: .2rem;
        margin: .15rem 0 .24rem
    }

    .lt7Box .more1W .more1 {
        margin: 0
    }

    .lt7Box .more1W {
        margin: .25rem 0 0;
        align-items: center
    }

    .mtab2 .hd ul li .a {
        font-size: .22rem;
        padding: 0 0 0 .2rem
    }

    .mtab2 .hd ul li .a::after {
        transform: scale(.7)
    }

    .mtab2 .hd ul {
        margin: 0
    }

    .more1W {
        margin: .3rem 0 0;
        justify-content: center
    }

    .home6 {
        padding: 0
    }

    .lt9 .imgBox {
        width: 100%
    }

    .lt9 .txt {
        width: 100%;
        order: 1;
        padding: .25rem 0 0
    }

    .lt9 h4 {
        font-size: .2rem;
        line-height: .3rem;
        max-height: .6rem \0
    }

    .lt9 .line {
        width: 100%;
        margin: .15rem 0
    }

    .home7 {
        position: relative
    }

    .lt10W {
        width: calc(100% - 30px);
        margin: .25rem 0 0;
        position: absolute;
        top: 1rem;
        left: 15px;
        right: 15px
    }

    .lt10 .imgBox .img {
        padding-bottom: 60%
    }

    .lt10Box {
        opacity: 0;
        visibility: hidden
    }

    .home8 {
        padding-top: 0;
        padding-bottom: .4rem;
    }

    .lt11 .a {
        width: 100%;
        padding: 0 15px;
        height: .8rem;
    }

    .lt11 .imgBox {
        display: none
    }

    .lt11 i {
        display: none
    }

    .lt11 .time {
        margin: 0 .2rem 0 0
    }

    .lt11 .time h3:after {
        display: none
    }

    .lt11 li {
        margin: 0 0 .15rem
    }

    .lt11 .time h3 {
        font-size: .26rem
    }

    .home9 {
        padding: 0 0 .4rem
    }

    .home9 .content {
        grid-template-columns: 1fr;
        padding: 0 15px;
        gap: 2vw
    }

    .home9 .content .box {
        width: 100%;
        grid-area: auto;
        transform: translateY(0);
    }

    .home9 .content .box1 {
        order: 1
    }

    .home9 .content .box2 {
        height: 1rem
    }

    .home9 .content .box5 {
    }
    .more2{ margin: .2rem 0 0}
    .lt4s4 .a{ padding: .2rem 0}
    .lt4s4 .top i{font-size: .2rem;width: .3rem;height: .3rem;}

    .home9 .content .box1 .lt12 .a {
        border-radius: .1rem
    }

    .lt14 .a {
        border-radius: .1rem
    }

    .lt14Box .dots span {
        width: .24rem;
        height: .24rem;
        margin: 0 .08rem 0 0 !important
    }

    .lt12 .txt {
        padding: 0 15px .2rem
    }

    .home9 .box1 .lt12 .imgBox .img {
        padding-bottom: 56.73%;
    }

    .lt14 .imgBox .img {
        padding-bottom: 67.18%
    }

    .lt13 li {
        margin-bottom: 0
    }

    .lt13 li .a {
        font-size: .28rem
    }

    .home1 {
        overflow: hidden
    }

    .lt4 li::after {
        width: .4rem;
        height: .4rem;
        background-size: .3rem .3rem
    }

    .home3 .box1 {
        width: 100%;
        padding: .4rem .2rem;
        border-radius: .1rem
    }

    .home3 .box2 {
        width: 100%;
        padding: .4rem .2rem;
        border-radius: .1rem
    }

    .home3 .box2:before {
        border-radius: .1rem
    }

    .lt4s1 .a {
        height: auto;
        padding: .15rem 0
    }

    .lt4s1 h4 {
        flex: auto
    }

    .lt4s1 h6 {
        margin: .1rem 0 0;
        width: 100%
    }

    .lt14 .imgBox .ico {
        width: .7rem;
        height: .7rem
    }

    .lt14 .imgBox:after {
        height: .7rem
    }

    .lt4s3 h6 {
        margin: 0 0 0 .15rem
    }
    .lt4s2 .imgBox{width: 100%;border-radius: .1rem .1rem 0 0;}
    .lt4s2 .txt {
        padding: .5rem .24rem .25rem;
        order: 1;
        flex: auto;
        width: 100%;
    }

    .lt4s2 i {
        width: .36rem;
        height: .36rem;
        margin: .1rem 0 0
    }

    .lt4s2 i img {
        width: .2rem
    }

    .lt4s3 .a {
        height: auto;
        padding: .15rem 0
    }

    .lt4s3 .a {
        height: auto;
        padding: .15rem 0
    }

    .lt4s3 h4 {
        flex: auto
    }

    .lt4s3 h6 {
        margin: .1rem 0 0;
        width: 100%
    }

    .lt4s3 li::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background: rgba(153, 153, 153, .15);
        left: 0;
        bottom: 0;
        z-index: -1;
        transition: .5s
    }

    .lt3 h4 {
        height: 48px
    }

    .home8 .left {
        width: 100%
    }

    .home8 .right {
        width: 100%;
        padding: .4rem 0 0;
        background: none;
        height: auto
    }

    .home8 .right h3 {
        text-align: center;
        font-size: .24rem;
        transform: translateY(0);
        margin: 0 0 .25rem
    }

    .lt18 {
        grid-gap: .06rem;
        margin: 0 0 0 0
    }

    .lt17 li {
        width: 100%
    }

    .lt18 li:nth-child(3) .imgBox .img {
        padding-bottom: 135.49%
    }

    .lt6 .imgBox {
        border: #fff .05rem solid
    }

    .home5 {
        padding-top: 0;
    }
}

.lt6sW{width: calc((100vw - 16rem)/2 + 100%);position: relative;z-index: 1;padding: .68rem 0 0;margin: -.15rem 0 0;}
.lt6sW:before{content: "";position: absolute;width: 46vw;height: 46vw;border: #0d753e 2px solid;border-radius: 50vw;opacity: .2;left: 20%;top: 9%;z-index: -1;}
.lt6sW:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/lt6_b1.png) 49% top no-repeat;z-index: -1;transition: 1s;background-size: 30vw auto;}
.lt6s1 .a {
    display: block;
    position: relative;
    z-index: 1;
    box-shadow: 0px 0px 26.73px 0.27px rgba(13, 117, 62, 0.18);
    border-radius: .1rem; overflow: hidden
}
.lt6Box1{width: 6.34rem;overflow: visible;max-width: 100%;}
.lt6Box2W{ margin: .6rem 0 0}
.lt6s1 .imgBox {
    border: #fff .1rem solid;
    
}
.lt6s1 .imgBox .img {
    padding-bottom: 65%;
}

.lt6s1 .txt {
    position: absolute;
    bottom: 0;
    right: 0;
    left: .05rem;
    width: 4.34rem;
    height: .88rem;
    background: #fff;
    border-radius: 0 .1rem 0 0;
    max-width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0 .3rem;
    z-index: 1;
    /* opacity: 0; */
    transition: .5s
}

.lt6s1 .txt .tit {
    margin: 0 0 .05rem -.08rem;
    font-size: .18rem;
    color: #bf1e1e;
    transition: .5s
}

.lt6Box2W{ position: relative;}
.lt6s2 .a{ display: block; padding: .05rem; background: #fff; transition: .5s;}

.lt6s2 .swiper-slide-active .a{ background: #017b3d;}
.tishi{ position: absolute; top: 50%; right: 0; height: 1.69rem; z-index: 1; margin: -.84rem 0 0;}

@media(max-width: 769px) {
    .lt6sW{width: 100%;padding: .25rem 0 0;}
    .lt6Box2W{margin: .2rem 0 0;}
    .tishi{ height: .8rem; margin: -.4rem 0 0;}
    .lt6s1 .txt{ padding: 0 15px;}
    .lt6sW:after{ background-size: 90vw auto;}
    .lt6sW:before{width: 108vw;height: 108vw;left: 5%;top: 4%;border: #0d753e 1px solid;}
}