@charset "utf-8";

    #openBtn {
        cursor: pointer;
        display: flex;
        text-align: center;
        width: 1.16rem;
        height: .64rem;
        background: #017e22;
        border-radius: 50vw 0 0 50vw;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    #openBtn .lcbody {
        width: .3rem;
        height: .2rem;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
    }

    #openBtn .lcbody .lcitem {
        width: 100%;
        height: 2px;
        position: absolute;
        transition: transform 0.36s ease;
        right: 0;
        border-radius: 50vw;
    }

    #openBtn .lcbody .lcitem:nth-child(1),
    #openBtn .lcbody .lcitem:nth-child(3) {
        width: 100%;
    }

    #openBtn .lcbody .lcitem div {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: auto;
        right: 0;
        background: #fff;
        border-radius: 50vw;
    }

    #openBtn .lcbody .top {
        top: 0;
    }

    #openBtn .lcbody .center {
        display: block;
        top: 50%;
        margin-top: -1px;
    }

    #openBtn .lcbody .bottom {
        bottom: 0;
    }

    #openBtn .lcbody:hover .lcitem.top .rect {
        animation: move 0.4s ease-in-out 1;
    }

    #openBtn .lcbody:hover .lcitem.center .rect {
        animation: move 0.4s ease-in-out 0.1s 1;
    }

    #openBtn .lcbody:hover .lcitem.bottom .rect {
        animation: move 0.4s ease-in-out 0.2s 1;
    }

    .active#openBtn .lcitem.top {
        transform: rotateZ(45deg);
        top: 49%;
    }

    .active#openBtn .lcitem.center {
        opacity: 0;
    }

    .active#openBtn .lcitem.bottom {
        transform: rotateZ(-45deg);
        top: 49%;
    }

    @keyframes move {
        0% {
            right: 0;
        }

        40% {
            right: 0;
            width: 0;
        }

        60% {
            right: auto;
            width: 0%;
        }

        100% {
            right: auto;
            width: 100%;
        }
    }

    .h4s1 {
        font-size: .18rem;
        color: #333;
        transition: .5s;
        width: 100%;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .h4s2 {
        font-size: .18rem;
        color: #333;
        line-height: .32rem;
        max-height: calc(.32rem*2)\0;
        width: 100%;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .h4s3 {
        font-size: .18rem;
        color: #333;
        line-height: .32rem;
        max-height: calc(.32rem*3)\0;
        width: 100%;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        font-weight: 600
    }

    .h6s1 {
        align-items: center;
        font-size: .16rem;
        color: #888;
        line-height: 1.25;
        transition: .5s;
        width: 100%;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        display: flex;
    }

    .h6s1 img {
        margin: 0 .1rem 0 0;
        width: .24rem;
        transition: .5s;
    }

    .ps1 {
        font-size: .14rem;
        color: #666;
        line-height: .24rem;
        width: 100%;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .ps2 {
        font-size: .16rem;
        color: #666;
        line-height: .24rem;
        max-height: calc(.24rem*2)\0;
        width: 100%;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .ps3 {
        font-size: .14rem;
        color: #666;
        line-height: .24rem;
        max-height: calc(.24rem*3)\0;
        width: 100%;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .ps4 {
        font-size: .14rem;
        color: #666;
        line-height: .24rem;
        max-height: calc(.24rem*4)\0;
        width: 100%;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .ps5 {
        font-size: .14rem;
        color: #666;
        line-height: .24rem;
        max-height: calc(.24rem*5)\0;
        width: 100%;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .flexjs {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .pc_header {
        position: absolute;
        left: 0;
        right: 0;
        z-index: 100;
        transition: .2s;
        background: url("../images/head-bg.png") center repeat-x;
        background-size: auto;
        background-size: auto 99%;
        padding: .1rem 0 0;
        height: 1.38rem;
    }

    .pc_header .wp {
        align-items: center;
        justify-content: space-between;
        width: calc(100% - 3rem);
    }

    .pc_header>.wp {
        height: 112px
    }

    .pc_header .logo {
        width: 4.2rem;
        transition: .5s;
        padding: 0;
    }

    .pc_header .logo img {
        max-width: 100%;
    }

    .pc_header .top {
        display: flex;
        align-items: center
    }

    .list1 {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        font-size: .14rem;
        color: #99b9bc;
        cursor: pointer;
    }

    .list1 li {
        margin: 0 0 0 .5rem;
        font-size: .14rem;
        color: #99b9bc;
        display: flex;
        align-items: center;
        transition: all .5s;
        position: relative;
    }

    .list1 li:before {
        content: "";
        position: absolute;
        right: -.22rem;
        top: 50%;
        width: 1px;
        height: .16rem;
        background: rgba(255, 255, 255, .5);
        margin-top: -.08rem
    }

    .list1 li .a {
        display: inline-block;
        line-height: .4rem;
        font-size: .16rem;
        color: #fff;
        transition: .5s;
    }

    .list1 li .a img {
        width: .37rem;
        height: .37rem;
        border: rgba(255, 255, 255, .3) 1px solid;
        border-radius: 50vw;
        margin: 0 .1rem 0 0
    }

    .list1 li:last-child:before,
    .list1 li:nth-last-child(2):before {
        display: none
    }

    .list1 li:last-child {
        font-size: 0;
        margin: 0 0 0 0;
    }

    .search_btn {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        width: .37rem;
        border-radius: 50vw;
        margin: 0 0 0 .15rem;
        height: .37rem;
        font-size: 0;
    }

    .search_btn svg {
        fill: #fff;
        width: .24rem;
        height: .24rem;
    }

    .pc_header_box.fixed .pc_header {}

    .pc_header_box.fixed .pc_header .logo {
        width: 3.2rem;
    }

    .pc_header_box.fixed #nav ul li {}

    .pc_nav {
        width: 100%;
        border-top: rgba(255, 255, 255, .2) 1px solid;
        transition: .5s
    }

    .on .pc_nav {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        background: #157229
    }

    #nav ul {
        justify-content: space-between;
    }

    #nav ul li {
        z-index: 0;
        position: relative;
        height: .7rem;
        transition: .2s;
    }

    #nav ul li>a {
        display: block;
        padding: 0;
        position: relative;
        z-index: 2;
        height: 100%;
        line-height: .7rem;
    }

    #nav ul li .h3 {
        font-size: .18rem;
        color: #fff;
        height: 100%;
        position: relative;
        transition: .5s;
        font-weight: bold;
    }

    #nav ul li .h3:after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 0;
        transition: .6s;
        width: 0;
        height: 3px;
        background: #149336;
        margin-left: 0;
        opacity: 0;
        visibility: hidden;
    }

    #nav ul li.on .h3:after,
    #nav ul li:hover .h3:after {
        opacity: 1;
        visibility: visible;
        width: .34rem;
        margin-left: -.17rem;
    }

    #nav ul li .sub {
        position: absolute;
        top: 100%;
        background: #fff;
        width: 1.4rem;
        left: 50%;
        z-index: 10000;
        transform: translateX(-50%) scaleY(0);
        visibility: hidden;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0;
        transition: .25s;
        transform-origin: top;
    }

    #nav ul li .sub .box {
        padding: 0;
        text-align: center;
        box-shadow: 0 0 60px rgba(0, 0, 0, .1);
    }

    #nav ul li .sub a {
        padding: .12rem .1rem;
        line-height: 1.5;
        transition: .6s;
        font-size: .16rem;
        color: #666666;
        text-align: center;
        white-space: nowrap;
        display: block;
        width: 100%;
    }

    #nav ul li .sub a:hover {
        color: #fff;
        background: #149336
    }

    #nav ul li:hover .sub {
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) scaleY(1);
    }

    .m_header_box {
        transition: .6s;
        display: none;
        height: .7rem;
        position: relative;
        z-index: 100000;
    }

    .m_header_box header {
        padding: 0 0 0 15px;
        height: .7rem;
        box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
        background-size: cover;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #149336;
    }

    .m_header_box header #logo img {
        height: .5rem;
    }

    .m_header_box header #logo {
        padding: 0;
        width: 100%;
    }

    .m_header_box .list_box1 {
        margin-right: .4rem;
    }

    .m_header_box .list_box1 .li a {
        border-radius: 0;
        width: 28px;
        height: 20px;
        font-size: 10px;
    }

    #m_nav .list1 li .a {
        color: #fff
    }

    #nav_btn_box.on {
        background: none;
    }

    #nav_btn .point.on .navbtn::after,
    #nav_btn .point.on .navbtn::before {}

    #nav_btn_box {
        position: relative;
        width: .85rem;
        height: .7rem;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
        min-width: .85rem;
    }

    #nav_btn_box:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    #nav_btn_box:after {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: -7px;
        border-bottom: transparent .7rem solid;
    }

    #nav_btn {
        cursor: pointer;
        text-align: center;
        z-index: 99999;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        outline: none;
        box-shadow: none;
    }

    #nav_btn .point {
        display: inline-block;
        width: .34rem;
        height: 18px;
        position: relative;
        outline: none;
    }

    #nav_btn .point:hover .navbtn,
    #nav_btn .point:hover .navbtn::after,
    #nav_btn .point:hover .navbtn::before {
        width: 100%;
    }

    #nav_btn .navbtn {
        position: absolute;
        top: 50%;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 2px;
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;
        background: #fff;
        margin-top: -1px;
    }

    #nav_btn .navbtn::after,
    #nav_btn .navbtn::before {
        position: absolute;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 2px;
        content: '';
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;
        background: #fff;
    }

    #nav_btn .navbtn::after {
        top: -8px;
    }

    #nav_btn .navbtn::before {
        top: 8px;
    }

    #nav_btn .point.on .navbtn {
        background: transparent;
    }

    #nav_btn .point.on .navbtn::after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0px;
    }

    #nav_btn .point.on .navbtn::before {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 0px;
    }

    .m_nav_list {
        flex-direction: column;
        width: 100%;
        height: 100%;
        overflow: auto;
        align-items: center;
        display: flex;
        background: rgba(255, 255, 255, .1);
    }

    .m_nav_list::-webkit-scrollbar {
        display: none
    }

    #m_nav {
        z-index: 99999;
        position: fixed;
        width: 100%;
        height: 100vh;
        right: -105vw;
        top: 0;
        display: none;
        padding: 72px 20px 30px;
        overflow: hidden;
        pointer-events: none;
        transition: all 0.3s ease-out;
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        display: block;
        background: #149336;
        background-size: cover;
        opacity: 0;
        visibility: hidden;
        -webkit-backdrop-filter: blur(15px);
        backdrop-filter: blur(15px);
        overflow: hidden;
        overflow-y: scroll;
    }

    #m_nav .close {
        position: absolute;
        top: 7px;
        right: 15px;
        left: 15px;
        font-size: 30px;
        color: #333;
        z-index: 10000;
        width: auto;
        height: 35px;
        border-radius: 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 0 0;
    }

    #m_nav.act {
        pointer-events: auto;
        right: 0;
        opacity: 1;
        visibility: visible;
    }

    #m_nav .search_box input.submit {
        background: #149336 url(../images/submit.png) center no-repeat;
        background-size: 1.75rem;
    }

    #m_nav .old_rukou {
        margin: .24rem 0 0;
        width: 100%;
    }

    #m_nav .list1 {
        justify-content: center;
    }

    #m_nav .list1 li {
        margin: 0 .1rem
    }

    #m_nav .list1 li:before {
        display: none
    }

    .list_box_nav_mobile {
        width: 100%;
        padding: 0 0 10px;
        margin: 0;
    }

    .list_box_nav_mobile>li {
        width: 100%;
        overflow: hidden;
        padding: 0;
        position: relative;
        margin: 0 auto;
    }

    .list_box_nav_mobile>li .con {
        position: relative
    }

    .list_box_nav_mobile>li .a {
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, .15);
        line-height: .64rem;
        color: rgba(255, 255, 255, .8);
        padding: 0;
        font-size: .2rem;
        display: flex;
        position: relative;
        transition: .5s;
    }

    .list_box_nav_mobile>li i {
        opacity: 1;
        filter: alpha(opacity=100);
        display: inline-block;
        width: .64rem;
        height: .64rem;
        display: inline-block;
        background: url(../images/arrow_down.png) center no-repeat;
        background-size: 15px 15px !important;
        position: absolute;
        display: block;
        right: -.2rem;
        top: 0;
    }

    .list_box_nav_mobile>li.on1 i {
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
    }

    .list_box_nav_mobile>li.on .a {
        color: rgba(255, 255, 255, 1);
    }

    .list_box_nav_mobile>li .list {
        padding: 10px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        display: none
    }

    .list_box_nav_mobile>li .list a {
        display: block;
        font-size: 13px;
        color: rgba(255, 255, 255, .6);
        line-height: 2.5;
    }

    .nav_mask {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 888;
        background-color: rgba(0, 0, 0, 0.4);
        display: none;
    }

    .wap_search {
        font-size: 16px;
        border-radius: 5px;
        color: #fff;
        text-align: center;
        letter-spacing: 2px;
        overflow: hidden;
        width: 100%;
        display: block;
        height: 60px;
    }

    .wap_search form {
        height: 40px;
        border-radius: 0;
        background: rgb(255 255 255);
        position: relative;
        width: 100%;
        margin: 10px auto;
        display: block;
    }

    .wap_search .input {
        font-size: 14px;
        color: #646464;
        height: 40px;
        line-height: 40px;
        padding: 0 .24rem;
        box-shadow: none;
        -webkit-appearance: none;
        float: left;
        border-right: 0;
        background: none;
        width: calc(100% - 40px);
    }

    .wap_search .btn_blue {
        position: absolute;
        cursor: pointer;
        top: 0;
        right: 0;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border: 0;
        background: url(../images/submit.png) center no-repeat #009b29;
        background-size: .24rem;
        border-radius: 0;
    }

    .wap_search .btn_blue.fr {
        background: #e9edef;
        color: #4e4f53;
    }

    .wap_search input::-webkit-input-placeholder {
        color: #999;
    }

    .wap_search input::-moz-placeholder {
        color: #999;
    }

    .wap_search input:-moz-placeholder {
        color: #999;
    }

    .wap_search input:-ms-input-placeholder {
        color: #999;
    }

    .wap_search input:focus::-webkit-input-placeholder {
        color: transparent;
    }

    .wap_search input:focus:-moz-placeholder {
        color: transparent;
    }

    .wap_search input:focus::-moz-placeholder {
        color: transparent;
    }

    .wap_search input:focus:-ms-input-placeholder {
        color: transparent;
    }

    .search-dialog-box {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1000000;
        opacity: 0;
        visibility: hidden;
        transition: .6s;
    }

    .search-dialog-box:before {
        content: "";
        position: absolute;
        top: 0;
        height: 0;
        background: #149336;
        background-size: 100% auto;
        transition: .6s;
        left: 0;
        right: 0;
        z-index: 1;
        opacity: .7;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
    }

    .search-dialog-box.on:before {
        height: 100%
    }

    .search-dialog-box .bubbles-bg {
        opacity: 0;
        visibility: hidden;
        display: none;
    }

    .search-dialog-box .search-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 0;
        margin: 0;
        background: rgba(0, 0, 0, .7);
        background-size: cover;
        background-repeat: no-repeat;
        transform-origin: center center;
        transition: height .8s cubic-bezier(.77, 0, .175, 1);
    }

    .search-dialog-box .wrap-inner {
        transform: translateY(100%);
        transition: .6s;
    }

    .search-dialog {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        z-index: 2;
    }

    .search-dialog .search-tit {
        font-size: 2.75rem;
        line-height: 3.5rem;
        color: #fff;
        text-align: center;
        overflow: hidden;
        display: none;
    }

    .search-dialog .search-inner {
        overflow: hidden;
        margin-top: 0;
    }

    .search-dialog .search-input {
        width: 8rem;
        margin: 0 auto;
        padding: 0 0 0 .24rem;
        background-color: #fff;
        box-sizing: border-box;
        transition: all .3s;
        max-width: 94%;
        border-radius: .06rem;
        overflow: hidden;
    }

    .search-dialog .search-input input[type=text] {
        float: left;
        height: .6rem;
        width: calc(100% - .64rem);
        background-color: transparent;
        font-size: .2rem;
        line-height: .08rem;
        color: #333;
        transition: all .3s;
    }

    .search-dialog .search-input input[type=text]::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.5);
    }

    .search-dialog .search-input input[type=text]:-moz-placeholder {
        color: rgba(255, 255, 255, 0.5);
    }

    .search-dialog .search-input input[type=text]::-moz-placeholder {
        color: rgba(255, 255, 255, 0.5);
    }

    .search-dialog .search-input input[type=text]:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.5);
    }

    .search-dialog .search-input input[type=submit],
    .search-dialog .search-input .clear-btn {
        float: right;
        height: .6rem;
        width: .64rem;
    }

    .search-dialog .search-input input[type=submit] {
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center;
        background: #149336 url(../images/search-btn.png) center no-repeat;
        background-size: .3rem;
    }

    .search-dialog .search-input .clear-btn {
        background-color: rgba(0, 0, 0, .2);
        background-repeat: no-repeat;
        background-position: center;
        background-image: url('../images/close-btn.png');
        background-size: 3.5rem;
        border-radius: 100%;
        margin-right: 1rem;
        display: none;
    }

    .search-dialog .search-input.on {
        background-color: #fff;
    }

    .search-dialog .search-input.on input[type=submit] {}

    .search-dialog .hot-search {
        font-size: 0;
        width: 19.5rem;
        margin: .6rem auto 0;
        box-sizing: border-box;
        padding: 0 .6rem;
        overflow: hidden;
    }

    .search-dialog .hot-search .hot-tit,
    .search-dialog .hot-search .hot-link {
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: top;
    }

    .search-dialog .hot-search .hot-tit {
        font-size: .375rem;
        line-height: .5rem;
        color: #fff;
        font-weight: bold;
        padding-left: .6rem;
        background-repeat: no-repeat;
        background-position: left center;
        background-size: .5rem;
        background-image: ;
    }

    .search-dialog .hot-link {
        margin-left: 1rem;
    }

    .search-dialog .hot-link a {
        display: inline-block;
        *display: inline;
        zoom: 1;
        font-size: .375rem;
        line-height: .5rem;
        margin-right: .75rem;
        color: #fff;
        padding-bottom: 5px;
        position: relative;
    }

    .search-dialog .hot-link a:before {
        content: "";
        position: absolute;
        left: 0%;
        bottom: 0;
        width: 100%;
        height: 2px;
        background-color: #fff;
        transform: scaleX(0);
        transform-origin: left center;
        transition: transform .3s;
    }

    .search-dialog-box .bottom-box {
        position: absolute;
        left: 0;
        bottom: 5.1%;
        width: 100%;
    }

    .search-dialog-box .bottom-box .share-box {
        overflow: hidden;
    }

    .search-dialog-box .bottom-box .copy {
        font-size: .35rem;
        line-height: .5rem;
        color: #fff;
        font-family: "gilroy-regular";
        margin-top: .5rem;
        overflow: hidden;
    }

    .header-right.is-open .bubbles-bg {
        visibility: visible;
        opacity: 1;
    }

    .header-right.is-open .search-btn .con-box {
        display: none;
    }

    .header-right.is-open .close-btn {
        display: block;
    }

    .header-right.is-open .item .search-bg {
        transform: scale(1);
    }

    .search-dialog-box.on {
        opacity: 1;
        visibility: visible;
    }

    .search-dialog-box.on .search-bg {
        height: 100vh;
    }

    .search-dialog-box.on .bubbles-bg {
        opacity: 1;
        visibility: visible;
    }

    .search-dialog-box.on .wrap-inner {
        transform: translateY(0)
    }

    .f-cb h3 {
        font-size: .3rem;
        color: #fff;
        text-align: center;
        margin-bottom: .3rem
    }

    .pub-close {
        position: absolute;
        width: .48rem;
        height: .48rem;
        z-index: 10;
        right: .24rem;
        top: .24rem;
        background-color: rgba(255, 255, 255, .1);
        border-radius: 100%;
    }

    .pub-close .bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #1c5ab7;
        transform: scale(0);
        border-radius: 100%;
        transition: transform .3s;
    }

    .pub-close i {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: .12rem;
        background-repeat: no-repeat;
        background-image: url(../images/close-btn.png);
        transition: .6s;
    }

    .pub-close i:hover {
        transform: rotate(180deg)
    }

    @keyframes spin {
        to {
            transform: rotate(1turn);
        }
    }

    @keyframes spin2 {
        to {
            transform: rotate(-1turn);
        }
    }

    @keyframes spin-reverse {
        from {
            transform: rotate(1turn);
        }
    }

    @keyframes spin-reverse2 {
        from {
            transform: rotate(-1turn);
        }
    }

    .banner_box {
        padding: 0;
        position: relative;
        z-index: 1;
    }

    .banner_b {
        position: absolute;
        left: 0;
        bottom: .5rem;
        right: 0;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 10;
    }

    .banner_b .wp {
        align-items: center;
        justify-content: flex-end
    }

    .banner_b .dots {
        align-items: flex-end;
        margin: 0 .2rem 0 0
    }

    .banner_b .dots span {
        font-size: .16rem;
        color: #fff;
        width: auto;
        height: .24rem;
        opacity: 1;
        background: none;
        padding: 0 .15rem;
        position: relative;
        line-height: .24rem;
    }

    .banner_b .dots span:before {
        content: "";
        position: absolute;
        left: 0;
        width: 0;
        top: 50%;
        height: 1px;
        background: #fff;
        transition: .5s
    }

    .banner_b .dots span:after {
        content: "";
        position: absolute;
        right: 0;
        width: 0;
        top: 50%;
        height: 1px;
        background: #fff;
        transition: .5s
    }

    .banner_b .dots span.active {
        padding: 0 .6rem;
        font-size: .24rem;
        color: #fff
    }

    .banner_b .dots span.active:before,
    .banner_b .dots span.active:after {
        width: .54rem;
    }

    .banner_b .swiper-pagination span:nth-child(3):after {
        background: rgba(255, 255, 255, .8);
    }

    .banner_b .swiper-pagination span:nth-child(1):before {
        display: none
    }

    .banner_b .swiper-pagination span:nth-child(2):before {
        bottom: 50%;
        transform: skewX(-45deg) translateX(-100%);
    }

    .banner_b .swiper-pagination span.active:after {
        background: #46903c
    }

    .banner_b .swiper-pagination span:nth-child(1) {
        z-index: 4
    }

    .banner_b .swiper-pagination span:nth-child(2) {
        z-index: 3
    }

    .banner_b .swiper-pagination span:nth-child(3) {
        z-index: 2
    }

    .banner_b .swiper-pagination span:nth-child(4) {
        z-index: 1
    }

    .more0 svg {
        width: .24rem;
        height: .24rem;
        fill: #fff;
        transform: translateY(1px);
    }

    .banner {
        overflow: hidden;
    }

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

    .banner ul li .a .img {
        overflow: hidden;
        transform: scale(1.12);
        transition: 6s;
    }

    .banner ul li .a .img::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(../images/bg1.png) center bottom no-repeat;
        background-size: 100% auto;
    }

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

    .banner ul li .a .img video {
        width: 100vw;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .banner ul li .a .top {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        align-items: center;
    }

    .banner ul li .a .top .box {
        width: 10.26rem;
        padding: .6rem .6rem 1.5rem;
        background: url(../images/banner_bg.png) center no-repeat;
        background-size: 100% 100%;
        transition: 1s;
        transform: translateY(.5rem);
        max-width: 100%;
    }

    .banner ul li .a .top h3 {
        font-size: .4rem;
        color: #fff;
        line-height: 1.5;
        width: 7.8rem;
        max-width: 100%;
        font-family: 'sys';
        text-shadow: 0px 4px 4px rgba(40, 0, 3, 0.8);
        margin-bottom: .25rem;
    }

    .banner ul li .a .top h3 span {
        font-family: inherit
    }

    .banner ul li .a .top p {
        font-size: .24rem;
        color: #fff;
        line-height: 1.5;
        width: 7.65rem;
        max-width: 100%;
        text-shadow: 0px 4px 4px rgba(40, 0, 3, 0.8);
    }

    .banner ul li .a .top p span {
        font-family: inherit
    }

    .banner ul li.swiper-slide-active .a .img {
        transform: scale(1);
    }

    .banner ul li .txt1 span {
        display: inline-block;
        opacity: 0;
        filter: blur(10px);
        -webkit-filter: blur(10px);
        transform: translateY(-16px);
        margin: 0 .5px;
    }

    .banner.on ul li.swiper-slide-active .txt1 span {
        opacity: 1;
        filter: blur(0px);
        -webkit-filter: blur(0px);
        transform: translateY(0px);
    }

    .banner.on ul li .a .top .box {
        transform: translateY(0);
    }

    .pad {
        padding: .88rem 0;
        overflow: hidden;
    }

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

    .home1 .wp {}

    .home1 .bg1 {
        position: absolute;
        bottom: 0;
        left: 0;
        background: url(../images/home1_bg.jpg) center no-repeat;
        background-size: cover;
        width: 82.34375%;
        height: 3.71rem;
        z-index: -1;
    }

    .home1 .bg2 {
        position: absolute;
        bottom: -20%;
        right: 0;
        background: url(../images/shizi.png) center no-repeat;
        background-size: cover;
        width: 11.49rem;
        height: 11.8rem;
        z-index: -1;
    }

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

    .home1 .right {
        width: calc(100% - 7.44rem - 2.5vw);
        position: relative;
        z-index: 1;
        border-left: #d7d7d7 1px solid;
        padding: 0;
    }

    .home1 .right:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: .35rem;
        height: 1px;
        background: #d7d7d7
    }

    .home1 .right:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: .35rem;
        height: 1px;
        background: #d7d7d7
    }

    .juzhen1 {
        position: absolute;
        left: -.64rem;
        top: .5rem;
        z-index: 10;
        display: none;
    }

    .juzhen1 img {
        width: .8rem
    }

    .juzhen2 {
        position: absolute;
        right: 1.95rem;
        bottom: -.56rem;
        z-index: 10;
    }

    .juzhen2 img {
        width: .8rem
    }

    .list2 {}

    .list2 li .img:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 15%;
        background: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
    }

    .list2 li .img .img_hezi {
        padding-bottom: 61.69%;
    }

    .list2 li .txt {
        padding: 0 .4rem;
        height: 1.76rem;
        border: #d7d7d7 1px solid;
        border-top: none;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .list2 li .txt h6 {
        font-size: .18rem;
        color: #888;
        margin-bottom: .16rem
    }

    .list2 li .txt h6 span {
        color: #157229;
        font-weight: bold
    }

    .list2 li .txt h4 {
        font-size: .22rem;
        line-height: .4rem;
        max-height: calc(.4rem* 2) \0;
    }

    .list2 li .txt p {
        font-size: .16rem;
        color: rgba(255, 255, 255, .7);
        line-height: .28rem;
        max-height: calc(.28rem*2)\0;
        margin: .15rem 0 0
    }

    .list2 li .txt>span {
        font-size: .16rem;
        color: #149336
    }

    .swi_ck1 {
        position: absolute;
        bottom: 2rem;
        right: .4rem;
        z-index: 2;
        align-items: baseline;
        cursor: pointer
    }

    .swi_ck1 .dots {
        width: auto;
        font-size: .18rem;
        color: rgba(255, 255, 255, 1);
        margin: 0 .25rem;
    }

    .swi_ck1 .dots span {
        font-size: .18rem;
        color: rgba(255, 255, 255, .6);
        font-weight: normal
    }

    .swi_ck1 .dots span.swiper-pagination-current {
        font-size: .3rem;
        color: rgba(255, 255, 255, 1);
    }

    .tit1 {
        align-items: center;
        margin-bottom: .48rem;
        position: relative;
        z-index: 1;
    }

    .tit1 .ll h3 {
        font-size: .32rem;
        color: #333333;
        margin-bottom: .06rem;
        position: relative;
        z-index: 2;
        font-weight: bold;
        font-family: "Microsoft Yahei";
        display: flex;
        align-items: center;
    }

    .tit1 .ll h3 img {
        width: .36rem;
        margin: 0 .2rem 0 0
    }

    .tit1 .ll h3 font {
        color: #333;
        font-family: "Microsoft Yahei";
    }

    .tit1 .ll .line {
        position: absolute;
        left: 0;
        width: 100%;
        height: 5px;
        bottom: 0;
        overflow: hidden;
    }

    .tit1 .ll .line:before {
        content: '';
        position: absolute;
        top: 0;
        width: 80%;
        height: 1px;
        background: #149336;
        transition: 1s;
        transition-delay: .3s;
    }

    .tit1 .ll .line:after {
        content: '';
        position: absolute;
        right: 0;
        width: 80%;
        height: 1px;
        background: #149336;
        transition: 1s;
        transition-delay: .3s;
        bottom: 0;
    }

    .tit1 .rr {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .home1 .tit1 .ll .line:before,
    .home1 .tit1 .ll .line:after {
        background: #aeec92
    }

    [data-aos=fade-up].tit1 .ll .line:before {
        transform: translateX(-50%);
        opacity: 0;
    }

    [data-aos=fade-up].aos-animate.tit1 .ll .line:before {
        transform: translateX(0);
        opacity: 1;
    }

    [data-aos=fade-up].tit1 .ll .line:after {
        transform: translateX(50%);
        opacity: 0;
    }

    [data-aos=fade-up].aos-animate.tit1 .ll .line:after {
        transform: translateX(0);
        opacity: 1;
    }

    .home1 .right .tit1 {
        padding: 0 1.14rem 0 .26rem;
        justify-content: space-between;
    }

    .more1 .a1 {
        display: flex;
        position: relative;
        z-index: 1;
        font-size: .16rem;
        color: #157229;
        padding: 0;
        transition: .5s;
        align-items: center;
        width: 1.05rem;
        height: 0.35rem;
        justify-content: center;
    }

    .more1 .a1:before {
        content: "";
        position: absolute;
        background: url(../images/more1_ico.png) center no-repeat;
        width: 100%;
        height: 100%;
        left: 0;
        top: 50%;
        margin: -.175rem 0 0;
        background-size: 100% 100%;
    }

    .more1 .a1:after {
        content: "";
        position: absolute;
        background: #157229;
        width: .06rem;
        height: .06rem;
        border-radius: 50vw;
        left: .16rem;
        bottom: -.03rem;
    }

    .more1 img {
        width: .14rem;
        margin: 0 0 0 .08rem;
        transition: .5s;
        height: .14rem;
    }

    .home1 .right .box {
        background: #fff;
        padding: .30rem .64rem .54rem .34rem;
        align-items: center;
        overflow: hidden;
    }

    .home1 .left1 {
        width: calc(100% - 4rem);
        padding: 0 0 0 .3rem;
        order: 1;
    }

    .home1 .right1 {
        width: 4rem;
    }

    .aline_r {
        position: relative;
        background-image: linear-gradient(#149336, #149336);
        background-position: 0 100%;
        background-size: 0 1px;
        background-repeat: no-repeat;
        transition: background-size .5s
    }

    .alin_r:hover .aline_r {
        background-size: 100% 1px;
    }

    .aline_r:hover {
        background-size: 100% 1px
    }

    .aline_w {
        position: relative;
        background-image: linear-gradient(#ffffff, #ffffff);
        background-position: 0 100%;
        background-size: 0 1px;
        background-repeat: no-repeat;
        transition: background-size .5s
    }

    .alin_r:hover .aline_w {
        background-size: 100% 1px;
    }

    .aline_w:hover {
        background-size: 100% 1px
    }

    .list3 {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .list3 li {
        flex: 1;
        transition: .5s;
        position: relative;
        z-index: 1
    }

    .list3 li:before {
        content: "";
        position: absolute;
        bottom: 0;
        width: .35rem;
        height: 1px;
        background: #d7d7d7;
        left: 0;
    }

    .list3 li .a {
        align-items: center;
        padding: 0;
        height: 100%;
        position: relative;
        z-index: 1;
    }

    .list3 li .a:before {
        content: "";
        position: absolute;
        top: calc(50% + .06rem);
        width: .8rem;
        height: 1px;
        left: 0;
        transition: .5s;
        background: #d7d7d7;
    }

    .list3 li .time {
        width: 1.3rem;
        padding: 0 0 0 .28rem;
        position: relative;
    }

    .list3 li .time:before {
        content: "";
        position: absolute;
        top: .15rem;
        width: .16rem;
        height: 1px;
        background: #007e21;
        left: 0;
        width: 0;
        transition: .5s;
        opacity: 0;
    }

    .list3 li .time:after {
        content: "";
        position: absolute;
        bottom: .04rem;
        width: .16rem;
        height: 1px;
        background: #007e21;
        left: 0;
        width: 0;
        transition: .5s;
        opacity: 0;
    }

    .list3 li .time h3 {
        font-size: .36rem;
        color: #8e8e8e;
        font-weight: bold;
        transition: .5s;
    }

    .list3 li .time h6 {
        font-size: .16rem;
        color: #8e8e8e;
        margin: .2rem 0 0;
        transition: .5s;
    }

    .list3 li .txt {
        width: calc(100% - 1.3rem);
        position: relative;
        z-index: 1;
        padding: 0 .15rem 0 .28rem;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        transition: .5s;
    }

    .list3 li .txt:before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        background: #d7d7d7;
        height: 1px;
    }

    .list3 li .txt:after {
        content: "";
        position: absolute;
        border-top: transparent .08rem solid;
        border-bottom: transparent .08rem solid;
        border-right: #157229.1rem solid;
        right: 100%;
        top: 50%;
        margin-top: -.08rem;
        opacity: 0;
        transition: .5s;
    }

    .list3 li .txt h4 {
        margin: .08rem 0
    }

    .list3 li .txt p {
        font-size: .16rem;
        color: #959595;
        line-height: .24rem;
        margin: 0;
        height: 0;
    }

    .list3 li:first-child .txt {
        border-top: #d7d7d7 1px solid
    }

    .list4 li h6 {
        font-size: .14rem;
        color: #989898;
        margin-bottom: .18rem;
    }

    .list4 li h4 {
        font-size: .2rem;
        color: #333333;
        line-height: .3rem;
        max-height: .6rem\0;
    }

    .list4 li p {
        font-size: .16rem;
        color: #959595;
        line-height: .24rem;
        max-height: calc(.24rem*3)�;
        margin: .1rem 0 .2rem;
    }

    .home2 {
        background: url(../images/home2_bg.jpg) center no-repeat;
        background-size: cover;
    }

    .home2 .tit1 {
        justify-content: center;
        margin-bottom: .5rem;
    }

    .miso_tab1 .hd {
        margin-bottom: .28rem;
    }

    .miso_tab1 .content {
        margin: 0 auto;
        max-width: 100%;
    }

    .miso_tab1 .more1 {
        display: flex;
        justify-content: center
    }

    .list5 {
        display: flex;
        width: 7.1rem;
        margin: 0 auto;
        max-width: 100%;
        justify-content: space-between;
    }

    .list5 li a {
        font-size: .2rem;
        color: #333333;
        padding: 0 .04rem .12rem;
        position: relative;
        z-index: 1;
        display: inline-block;
        transition: .5s;
        font-weight: bold;
    }

    .list5 li a:before {
        content: "";
        bottom: 0;
        left: 0;
        width: 0;
        height: 3px;
        background: #149336;
        position: absolute;
        opacity: 0
    }

    .list5 li.on a {
        color: #149336;
        font-weight: 600;
    }

    .list5 li.on a:before {
        width: 100%;
        opacity: 1
    }

    .list6 li .a {
        display: flex;
        padding: 0 .3rem;
        position: relative;
        z-index: 1;
        height: 2.08rem;
        box-shadow: 0px 7px .2rem 0px rgba(94, 121, 102, 0.22);
        transition: .5s;
        flex-direction: column;
        justify-content: center;
    }

    .list6 li .a::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(../images/list6_bg1.jpg) center bottom no-repeat;
        background-size: cover;
        z-index: -1;
    }

    .list6 li .a::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(../images/list6_bg1_on.jpg) center bottom no-repeat;
        background-size: cover;
        z-index: -1;
        opacity: 0
    }

    .list6 li h6 {
        font-size: .18rem;
        color: #888888;
        margin-bottom: .28rem;
        text-align: right;
        transition: .5s;
    }

    .list6 li h4 {}

    .list6Box {
        padding: .2rem .15rem;
        margin: -.2rem -.15rem
    }

    .list6Box .dots {
        text-align: center;
        margin: .5rem 0 0;
    }

    .list6Box .dots span {
        background: #d7d7d7;
        width: .12rem;
        height: .12rem;
        opacity: 1;
        transition: .5s;
        margin: 0 .1rem !important;
    }

    .list6Box .dots span.active {
        background: #269b48;
    }

    .juzhen {
        pointer-events: none;
    }

    .juzhen3 {
        position: absolute;
        left: -.64rem;
        top: 1.52rem;
        z-index: 10;
    }

    .juzhen3 img {
        width: 1.25rem;
    }

    .home3 {
        padding: 0;
        overflow: visible;
        position: relative;
        z-index: 2;
    }

    .home3 .fl01 .left {
        width: calc(100% - 3.14rem);
        padding-bottom: 1.04rem;
    }

    .home3 .fl01 .right {
        width: 3.14rem;
        position: relative;
        z-index: 1;
        display: flex;
        align-items: flex-end;
    }

    .home3 .fl01 .left .img {
        position: absolute;
        bottom: 0;
        width: calc(100% - 3.14rem);
        top: 0;
        left: 0;
    }

    .home3 .fl01 .left .img .img_hezi {
        padding-bottom: 0;
        height: 100%;
    }

    .home3 .fl01 .left .content {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        padding: 2rem 1.08rem 0 38%;
    }

    .home3 .tit1 {
        justify-content: space-between;
        margin-bottom: 0;
    }

    .tit1w .ll .top h3 {
        color: #fff;
    }

    .tit1w .ll .top .cir:after {
        background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 150%);
    }

    .tit1w .ll .top .cir:before {
        background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    }

    .tit1w .ll .line:before,
    .tit1w .ll .line:after {
        background: #fff;
    }

    .tit1w .ll h6 {
        color: #fff;
        opacity: .5;
    }

    .tit1w .more1 .a1 {
        color: #fff;
    }

    .tit1w .more1 .a1:before {
        background: url(../images/more1_icow.png) center no-repeat;
    }

    .home3 .fl01 .right>img {
        max-width: 100%
    }

    .list7_box {
        width: 100%;
        justify-content: flex-end;
        transform: translateY(.8rem);
        position: relative;
        z-index: 1;
        margin-top: -.8rem;
    }

    .list7 {
        width: 12.85rem;
        max-width: 100%;
        float: right;
        position: relative;
    }

    .list7 li {
        width: 33.33%;
    }

    .list7 li * {
        transition: .5s;
    }

    .list7 li .a {
        position: relative;
        display: block;
    }

    .list7 li .img .img_hezi {
        padding-bottom: 87.17%;
    }

    .list7 li .txt {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: .44rem .5rem;
    }

    .list7 li .txt h6 {
        font-size: .16rem;
        color: rgba(255, 255, 255, .6);
        margin-bottom: .3rem;
    }

    .list7 li .txt h4 {
        font-size: .2rem;
        color: #fff;
        line-height: .3rem;
        max-height: .9rem\0;
        margin-bottom: .4rem;
    }

    .list7 li .txt .p p {
        position: relative;
        z-index: 1;
        font-size: .16rem;
        color: rgba(255, 255, 255, .7);
        line-height: .24rem;
        margin-bottom: .16rem;
        display: flex;
        overflow: hidden;
        padding: 0 0 0 .3rem;
        background-size: .17rem .17rem !important;
    }

    .list7 li .txt .p p span {
        white-space: nowrap
    }

    .list7 li .txt .p p:nth-child(1) {
        background: url(../images/list7_ico1.png) left .03rem no-repeat;
    }

    .list7 li .txt .p p:nth-child(2) {
        background: url(../images/list7_ico2.png) left .03rem no-repeat;
    }

    .list7 li .txt .p p:nth-child(3) {
        background: url(../images/list7_ico3.png) left .03rem no-repeat;
    }

    .list7 li:nth-child(2) .txt h6 {
        color: rgba(109, 109, 109, .6);
    }

    .list7 li:nth-child(2) .txt h4 {
        color: #333333;
    }

    .list7 li:nth-child(2) .txt .p p {
        color: rgba(109, 109, 109, .6);
    }

    .list7 li:nth-child(2) .txt .p p:nth-child(1) {
        background: url(../images/list7_ico1_on.png) left .03rem no-repeat;
    }

    .list7 li:nth-child(2) .txt .p p:nth-child(2) {
        background: url(../images/list7_ico2_on.png) left .03rem no-repeat;
    }

    .list7 li:nth-child(2) .txt .p p:nth-child(3) {
        background: url(../images/list7_ico3_on.png) left .03rem no-repeat;
    }

    .list7 li:nth-child(2) .aline_w {
        background-image: linear-gradient(#149336, #149336);
    }

    .home4 {
        position: relative;
        z-index: 1;
        padding-bottom: 0;
    }

    .home4 .bg1 {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        background: url(../images/home4_bg.jpg) center;
        background-size: cover;
        z-index: -1;
        height: 4.86rem;
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        align-items: flex-end;
        overflow: hidden;
    }

    .home4 .bg1 img {
        max-width: 100%;
        transform-origin: bottom;
        overflow: hidden;
    }

    .home4 .bg1 img:nth-child(1) {
        align-self: flex-start;
        position: absolute;
        top: 1.8rem;
        left: 10%;
    }

    .home4 .bg1 img:nth-child(2) {}

    .home4 .tit1 {}

    .home4 .wp {
        position: relative;
        z-index: 1;
        width: 15.92rem;
    }

    .juzhen4 {
        position: absolute;
        left: -.74rem;
        top: 3rem;
        z-index: 10;
    }

    .juzhen4 img {
        width: 1.25rem;
    }

    .home1s .left {
        width: 7.44rem;
        position: relative;
        z-index: 1;
    }

    .home1s .right {
        width: calc(100% - 7.44rem - 3.4375vw);
        position: relative;
        z-index: 1;
    }

    .list50 li {
        margin-bottom: .15rem;
    }

    .list50 .time {
        background: #157229;
        width: .86rem;
        height: .86rem;
        text-align: center;
        border-bottom: #009527 3px solid;
    }

    .list50 .time h3 {
        font-size: .36rem;
        color: #157229;
        font-weight: bold;
        line-height: .52rem;
        background: #fff;
        border: #e4e4e4 1px solid;
    }

    .list50 .time h6 {
        font-size: .15rem;
        color: #fff;
        margin: 0;
        line-height: .3rem;
    }

    .list50 .txt {
        flex: 1;
        overflow: hidden;
        background: #fff;
        display: flex;
        align-items: center;
        padding: 0 .3rem;
    }

    .list51 .img {
        width: 3.49rem;
    }

    .list51 .img .img_hezi {
        padding-bottom: 71.63%;
    }

    .list51 .txt {
        flex: 1;
        overflow: hidden;
        background: #fff;
        padding: 0 .3rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .list51 h4 font {
        color: #157229
    }

    .list51 p {
        margin: .1rem 0 .4rem;
    }

    .list52 {
        margin: .35rem 0 0
    }

    .list52 .a {
        height: .48rem;
        align-items: center;
        justify-content: space-between;
        position: relative;
        padding: 0 .2rem;
    }

    .list52 .a:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        background: #157229;
        width: .07rem;
        height: .07rem;
        border-radius: 50%;
        margin: -.03rem 0 0
    }

    .list52 h4 {
        flex: 1
    }

    .list52 h4 font {
        color: #157229
    }

    .list52 span {
        margin: 0 0 0 .2rem
    }

    .list52 i {
        font-size: .16rem;
        color: #444444;
        font-style: normal
    }

    .home7 .left {
        width: 7.44rem;
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
    }

    .home7 .right {
        width: calc(100% - 7.44rem - 3.4375vw);
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
    }

    .miso_tab2 .hd {
        margin-bottom: 0;
    }

    .miso_tab2 .hd li {
        cursor: pointer
    }

    .miso_tab2 .hd li:nth-child(1) {
        margin: 0 .5rem 0 0;
    }

    .miso_tab2 .tit1 .hd.ll li h3,
    .miso_tab2 .tit1 .hd.ll li h3 font {
        color: #999
    }

    .miso_tab2 .tit1 .hd.ll li h3 img {
        opacity: 0;
        transition: .5s;
    }

    .miso_tab2 .tit1 .hd.ll li.on h3 {
        color: #333
    }

    .miso_tab2 .tit1 .hd.ll li.on h3 font {
        color: #333
    }

    .miso_tab2 .tit1 .hd.ll li.on h3 img {
        opacity: 1
    }

    .miso_tab2 .more2 {
        display: none;
    }

    .home7 .content_li {
        padding: .35rem .32rem;
        background: #f5faf8;
    }

    .list51s .txt {
        background: none;
    }

    .list51s .img {
        width: 2.79rem;
    }

    .list51s .img .img_hezi {
        padding-bottom: 66.67%;
    }

    .list51s p {
        margin: .1rem 0 .25rem;
    }

    .list53 {
        margin: 0 -.1rem;
        flex: 1;
    }

    .list53 li {
        width: 50%;
        padding: 0 .1rem;
    }

    .list53 .a {
        display: block;
        background: #f5faf8;
        height: 100%;
    }

    .list53 .img .img_hezi {
        padding-bottom: 66.67%;
    }

    .list53 .txt {
        padding: .35rem;
    }

    .list53 h4 {
        min-height: calc(.32rem*3);
        margin: .2rem 0
    }


    .list53s {
        display: flex;
        flex-wrap: wrap
    }

    .list53s li {
        width: 50%;
        padding: 0 .1rem;
    }

    .list53 .a {
        display: block;
        background: #f5faf8;
        height: 100%;
    }

    .list53 .img .img_hezi {
        padding-bottom: 66.67%;
    }

    .list53 .txt {
        padding: .35rem;
    }

    .list53 h4 {
        min-height: calc(.32rem*3);
        margin: .2rem 0
    }

    .list53s {
        margin-bottom: -.25rem
    }

    .list53s li {
        width: 33.33%;
        margin-bottom: .25rem;
    }

    .list53s .txt {
        padding: .25rem .2rem
    }

    .list53s h4 {
        min-height: auto;
        margin: 0;
    }

    .home8 {
        background: url(../images/home8_b.jpg) center no-repeat;
        background-size: cover;
    }

    .list54 li {
        width: 50%;
    }

    .list54 .img {
        width: 50%;
    }

    .list54 .img .img_hezi {
        padding-bottom: 90.12%;
    }

    .list54 .txt {
        width: 50%;
        background: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 .6rem;
        position: relative;
        z-index: 1;
        transition: .5s
    }

    .list54 .txt:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(../images/list54_b1.png) 75% center no-repeat;
        transition: .5s;
        opacity: 0;
        z-index: -1;
    }

    .list54 .txt:after {
        content: "";
        position: absolute;
        right: 100%;
        top: 50%;
        transform: translateY(-50%);
        border-top: transparent .22rem solid;
        border-bottom: transparent .22rem solid;
        border-right: #fff .3rem solid;
        z-index: -1;
    }

    .list54 h4 {
        font-size: .3rem;
        font-family: "Microsoft Yahei";
        line-height: 1.25;
    }

    .list54 p {
        margin: .25rem 0 0;
        font-size: .16rem;
        line-height: .3rem;
        max-height: calc(.3rem* 3) \0;
        color: #999;
    }

    .home9 {
        margin-bottom: -.5rem;
    }

    .list55 .ico {
        display: flex;
        height: 1.88rem;
        background: #ecf6ef;
        justify-content: center;
        align-items: center;
        transition: .5s;
    }

    .list55 .ico img {
        max-width: .81rem;
        max-height: .81rem;
        transition: 0s;
    }

    .list55 h4 {
        text-align: center;
        margin: .12rem 0 0
    }

    .list55Box .dots {
        text-align: center;
        margin: .5rem 0 0;
    }

    .list55Box .dots span {
        background: #d7d7d7;
        width: .12rem;
        height: .12rem;
        opacity: 1;
        transition: .5s;
        margin: 0 .1rem !important;
    }

    .list55Box .dots span.active {
        background: #269b48;
    }

    .home4 .tit1 {
        justify-content: space-between
    }

    .list8 {
        margin: 0 -.25rem;
        padding: 0;
    }

    .list8 li {
        width: 33.33%;
        padding: 0 .25rem;
    }

    .list8 li a {
        display: block
    }

    .list8 li .img .img_hezi {
        padding-bottom: 70.3%;
    }

    .list8 li .txt {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: .2rem 0 0;
    }

    .list8 li .txt .l1 {
        font-size: .3rem;
        color: #333333;
        line-height: 1.25;
    }

    .list8 li .txt .rr img {
        height: .26rem
    }

    .list8 li:nth-child(1) {
        margin-top: 0 !important;
    }

    .list8 li:nth-child(2) {
        margin-top: .94rem;
    }

    .list8 h4 {
        font-size: .22rem;
        color: #333333;
        line-height: .36rem
    }

    .home5 {
        background: url(../images/home5_b.jpg) center top no-repeat;
        background-size: cover;
        position: relative;
        z-index: 1;
    }

    .home5 .b1 {
        position: absolute;
        right: 96%;
        bottom: .7rem
    }

    .home5 .juzhen1 {
        right: .7rem;
        left: auto;
        display: block;
        top: 1.5rem;
    }

    .home5 .juzhen1 img {
        width: .6rem
    }

    .home5 .juzhen3 {
        left: .5rem;
        display: block;
        bottom: 1rem;
        top: auto;
    }

    .home5 .juzhen3 img {
        width: .4rem
    }

    .home5 .tit1 {
        justify-content: center;
    }

    .home5 .wp {}

    .home5 .fl01 {
        justify-content: space-between;
        align-items: flex-start;
    }

    .home5 .fl01 .left {
        width: 4.12rem;
    }

    .home5 .fl01 .center {
        flex: 1;
        padding: 0;
        display: flex;
        align-items: center;
        overflow: hidden;
    }

    .home5 .fl01 .right {
        width: 7.18rem;
        margin: 0 0 0 5.2vw;
        position: relative;
        z-index: 1;
    }

    .home5 .fl01 .right:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(../images/home5_b2.jpg) center no-repeat;
        background-size: cover;
        transform: translate(1.46rem, -.7rem)
    }

    .list10sBox {
        background: #fff;
        padding: .28rem;
    }

    .home5 .fl01 .right .img img {
        width: 100%;
        height: 4.12rem;
        object-fit: cover
    }

    .list10s li h4 {
        font-size: .2rem;
        color: #333333;
        line-height: .3rem;
        max-height: .9rem\0;
        margin: .15rem 0
    }

    .list10s h6 {
        font-size: .16rem;
        color: #959595
    }

    .home5 .more1 {
        margin: .7rem auto 0;
        justify-content: center
    }

    .list9 li {
        width: 50%;
    }

    .list9 li * {
        transition: .5s;
    }

    .list9 li .a {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 2.06rem;
        overflow: hidden;
        padding: 0 .1rem
    }

    .list9 li .a::before {
        content: "";
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #149336;
        background-size: cover !important;
    }

    .list9 li .a::after {
        content: "";
        z-index: -1;
        position: absolute;
        top: .1rem;
        right: .1rem;
        bottom: .1rem;
        left: .1rem;
        border: rgba(255, 255, 255, .4) 1px solid;
        transform: scale(.5);
        opacity: 0;
    }

    .list9 li:nth-child(2) .a::after {
        border: rgba(0, 0, 0, .4) 1px solid;
    }

    .list9 li .a h3 {
        font-size: .24rem;
        color: #fff;
        line-height: 1.5;
        font-weight: bold
    }

    .list9 li .a h6 {
        font-size: .18rem;
        color: rgba(255, 255, 255, .5);
        line-height: 1.375;
    }

    .list9 li:nth-child(1) .a::before {
        background: url(../images/list9_bg1.jpg) center no-repeat;
    }

    .list9 li:nth-child(2) .a::before {
        background: url(../images/list9_bg2.jpg) center no-repeat;
    }

    .list9 li:nth-child(3) .a::before {
        background: url(../images/list9_bg3.jpg) center no-repeat;
    }

    .list9 li:nth-child(2) .a h3 {
        color: #333333;
    }

    .list9 li:nth-child(2) .a h6 {
        color: #333333;
        opacity: .5;
    }

    .list10 {
        width: 100%;
    }

    .list10 li {
        padding-bottom: .4rem;
        margin-bottom: .4rem;
        border-bottom: #959595 1px dashed;
    }

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

    .list10 li .a h4 {
        font-size: .2rem;
        color: #333333;
        line-height: 1.25;
        margin-bottom: .04rem;
    }

    .list10 li .a p {
        font-size: .16rem;
        color: #959595;
        line-height: .24rem;
        max-height: calc(.24rem*2)\0;
        margin: .08rem 0 0;
    }

    .list10 li:last-child .a:after {
        display: none;
    }

    .list10 li:last-child {
        margin-bottom: 0
    }

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

    .tit2 {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        width: 100%
    }

    .tit2 h3 {
        font-size: .4rem;
        color: #fff;
        line-height: 1.5;
        font-family: "sys";
    }

    .home6 .fl01 {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10;
        padding: 6% 0;
    }

    .home6 .fl01 .wp {
        width: 15.2rem;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
    }

    .list11 li .img .img_hezi {
        padding-bottom: 40.72%;
    }

    .list12_box {
        width: 4.52rem;
    }

    .list12 li {
        width: 3.35rem;
        max-width: 100%;
    }

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

    .list12 li .a .img {
        border: rgba(255, 255, 255, .7) .06rem solid
    }

    .list12 li .a .img:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(../images/list12_ico.png) center no-repeat;
        background-size: .47rem .47rem;
    }

    .list12 li .a h4 {
        text-align: center;
        font-size: .18rem;
        color: #fff;
        line-height: 1.5;
        margin-top: .1rem;
        opacity: 0;
    }

    .list12 li.swiper-slide-active .a h4 {
        opacity: 1;
    }

    footer .fl1 {
        padding: 4.45rem 0 .9rem;
        background: url(../images/footerb1.jpg) center 72% no-repeat;
        background-size: cover;
        -webkit-mask: linear-gradient(-180deg, transparent, #fff 10%, #fff 100%);
        mask: linear-gradient(-180deg, transparent, #fff 10%, #fff 100%);
    }

    footer .fl2 {
        padding: .2rem 0;
        background: #003c10;
        text-align: center;
    }

    footer .fl2 p {
        font-size: .16rem;
        color: #fff
    }

    footer .fl2 p span {
        margin: 0 .1rem
    }

    footer .wp {
        justify-content: space-between;
    }

    footer .left p {
        font-size: .14rem;
        color: #666666;
        line-height: 1.5;
        margin: .38rem 0 0;
    }

    footer .right {
        padding: 0;
    }

    footer .left {
        max-width: 25%;
    }

    footer .left img {
        max-width: 100%
    }

    footer .center2 h4 img {
        width: 1.33rem;
        margin: 0 0 .15rem;
        border: #fff .1rem solid;
    }

    footer .center2 h6 {
        text-align: center;
        font-size: .15rem;
        color: rgba(255, 255, 255, .8)
    }

    .list13 li {
        position: relative;
        cursor: pointer
    }

    .list13 .ico img {
        height: .33rem
    }

    .list13 li .img {
        position: absolute;
        top: 120%;
        left: 50%;
        transform: translateX(-50%);
        overflow: hidden;
        width: 1.1rem;
        border: #d2d2d2 1px solid;
        opacity: 0;
        transition: .5s;
    }

    .list13 li .img img {
        width: 100%;
    }

    .list13 li:hover .img {
        opacity: 1
    }

    .vwrap {
        display: none;
        z-index: 1040000;
        width: 100%;
        position: fixed;
    }

    .vwrap .videobtg {
        z-index: 900;
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #000;
        opacity: 0.8;
        filter: alpha(opacity=80);
        overflow: hidden;
    }

    .vwrap .videobox {
        z-index: 1200;
        width: 1000px;
        position: fixed;
        left: 50%;
        top: 50%;
        margin-left: -500px;
        object-fit: cover;
        transform: translateY(-50%)
    }

    .vwrap .videobox #videobox {
        width: 100%;
        display: inline-block;
        background: #000;
    }

    .vwrap .videobox #videobox .img_hezi {
        padding-bottom: 60% !important
    }

    .vwrap .videobox #videobox video {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #videobox_wrapper {
        height: 100% !important;
    }

    .vwrap .close {
        z-index: 999;
        width: 31px;
        height: 31px;
        cursor: pointer;
        position: absolute;
        top: 0px;
        right: -42px;
        text-align: center;
    }

    .vwrap .close i {
        display: block;
        width: 31px;
        height: 31px;
        -webkit-transition: 400ms;
        transition: 400ms;
    }

    .vwrap .close i svg {
        transition: .6s
    }

    .vwrap .close:hover i svg {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    @media(max-width: 992px) {
        .vwrap .videobox {
            width: 94%;
            left: 3%;
            margin-left: 0;
        }

        .vwrap .close {
            right: 0;
            top: -35px;
        }
    }

    footer h3 {
        font-size: .22rem;
        color: #fff;
        position: relative;
        padding-bottom: .08rem;
        margin-bottom: .25rem
    }

    footer h3:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: .4rem;
        height: 1px;
        background: #fff
    }

    footer p {
        font-size: .18rem;
        color: #fff;
        line-height: .32rem
    }

    footer .center2 p {
        font-size: .16rem;
        color: rgba(255, 255, 255, .6);
        margin-bottom: .15rem
    }

    footer .center2 p span {
        margin: 0 .2rem 0 0;
    }

    footer .center2 p img {
        width: .37rem;
        margin: -2px .1rem 0 0;
    }

    @media(min-width: 1024px) {

        .a:hover .img_zd .img_hezi,
        a:hover .img_zd .img_hezi,
        .slow:hover img {
            transform: scale(1.08);
            transition: transform 1s cubic-bezier(0.25, 0, 0, 1);
        }

        .more1 .a1:hover {}

        .more1 .a1:hover:after {
            transform: rotate(180deg) scale(.7);
            transform: translateX(.65rem);
        }

        .more1 .a1:hover img {
            transform: translateX(.06rem);
        }

        .a:hover .h4s1,
        .a:hover .h4s2,
        .a:hover .h4s3 {
            color: #149336 !important;
        }

        .miso_btn1 .arrow:hover img {
            opacity: .8;
            transform: rotateX(180deg)
        }

        .list6 li .a:hover:after {
            opacity: 1
        }

        .list3 li .a:hover .time h3 {
            color: #149336
        }

        .list3 li .a:hover .time h6 {
            color: #149336
        }

        .list7 li .a:hover .txt h4 {
            color: #fff !important;
        }

        .list7 li:nth-child(2) .a:hover .txt h4 {
            color: #149336 !important;
        }

        .list7 li .a:hover {
            transform: translateY(-.4rem);
        }

        .list9 li .a:hover:before {
            transform: scale(1.08);
        }

        .list9 li .a:hover::after {
            transform: scale(1);
            opacity: 1;
        }

        .list10 li .a:hover::before {
            transform: translateX(4px);
        }

        .list1 li .a:hover,
        .list1 li:hover {
            color: #fff !important;
        }

        .list3 li .a:hover:before {
            width: .8rem;
            opacity: 1;
            background: #007e21;
        }

        .list3 li .a:hover .time:before {
            width: .16rem;
            opacity: 1
        }

        .list3 li .a:hover .time:after {
            width: .16rem;
            opacity: 1
        }
    }

    @media(max-width: 1600px) {
        .home1 {
            padding-bottom: 1.25rem;
        }

        .home1 .left {}

        .home1 .right {}

        .home1 .right .box {
            padding: .2rem .3rem .3rem;
        }

        .home1 .right .tit1 {
            padding: 0 2rem 0 .26rem;
        }

        .home4 .bg1 {
            height: 4rem;
        }
    }

    @media(max-width: 1400px) {

        .home1 .left,
        .home1s .left {
            width: 5.06rem;
        }

        .home1 .right,
        .home1s .right {
            width: calc(100% - 5.06rem - .3rem);
        }

        .home7 .left {
            width: 6rem
        }

        .home7 .right {
            width: calc(100% - 6rem - 3.4375vw);
        }

        #openBtn {
            width: .9rem
        }

        .pc_header .wp {
            width: calc(100% - 2rem);
        }

        .tit1 .ll h3 {
            font-size: .3rem
        }

        .tit1 .ll h3 img {
            width: .3rem
        }
    }

    @media(max-width: 1200px) {
        #openBtn {
            display: none
        }

        .pc_header .wp {
            width: calc(100%);
        }
    }

    @media(max-width: 1024px) {
        .pc_header_box {
            display: none;
        }

        .m_header_box {
            display: block
        }

        .banner ul li .a .img .img_hezi {
            padding-bottom: 50%;
        }

        .banner {
            height: 100%
        }

        .home1 .left,
        .home1s .left {
            width: 100%
        }

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

        .home1 .right {
            margin: .3rem 0 0;
            padding: 0;
        }

        .list8 {
            margin: 0 -.15rem;
        }

        .list8 li {
            padding: 0 .15rem;
        }

        .home5 .fl01 .center {
            width: 100%;
            flex: auto;
            order: 1;
        }

        .home5 .fl01 .right {
            width: 100%;
            margin: 0 0 .3rem;
        }

        .home5 .fl01 .right::before {
            transform: translate(15px, -15px)
        }

        .home3 .fl01 .left .content {
            padding: 1rem 10% 0 15px
        }

        .home4 .bg1 {
            height: 3rem;
        }

        .home1 .right .tit1 {
            padding: 0 25% 0 0
        }

        .list2 li .txt {}

        .list7 li .txt h4 {
            margin-bottom: .2rem
        }

        .list7 li .txt {
            padding: .3rem .25rem 0
        }
    }

    @media(max-width: 800px) {
        .list6 li {
            width: 50%;
            margin-bottom: .2rem;
        }

        .list7 li .txt .p p {
            margin-bottom: .1rem
        }

        .list7 li .txt {
            padding: .3rem .2rem
        }

        .list7 li {
            width: 50%
        }

        .list7 li:last-child {
            width: 100%
        }

        .list7 li .img .img_hezi {
            padding-bottom: 3rem;
        }

        .list11 li .img .img_hezi {
            padding-bottom: 5rem;
        }

        .home6 .fl01 {
            background: rgba(143, 0, 11, .8)
        }

        .banner ul li .a .top h3 {
            font-size: .3rem
        }

        .banner ul li .a .top .box {
            padding: .3rem .3rem
        }

        .banner ul li .a .top p {
            font-size: .18rem
        }

        .pad {
            padding: .5rem 0
        }

        .home4 {
            padding-bottom: 0;
            padding-top: 1.2rem;
        }

        .home3 {
            padding: 0
        }

        .home1 .bg2 {
            width: 1rem;
            height: 3.4rem;
            background-size: 100% auto !important;
        }

        .banner_b {
            bottom: .2rem;
            transform: scale(.6);
        }

        .list6 li h6 {
            margin-bottom: .15rem
        }

        .list6 li h4 {
            -webkit-line-clamp: 3;
            max-height: 1.2rem\0;
        }

        .list2 li .txt {
            padding: 0 .25rem
        }

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

    @media(max-width: 800px) {
        #gotop {
            right: 0;
            transform: scale(0.7);
            bottom: 1.25rem;
        }

        .list53s li {
            width: 50%
        }

        .home1 .left1 {
            width: 100%;
            padding: .3rem 0 0;
            order: 1;
        }

        .home1 .right1 {
            width: 100%;
        }

        .home1 .right .box {
            padding: .4rem 15px .3rem;
        }

        .list8 {
            margin: 0 -.1rem;
        }

        .list8 li {
            padding: 0 .1rem;
            width: 100%;
            margin-top: .3rem !important
        }

        .home5 .fl01 {
            flex-wrap: wrap
        }

        .home5 .fl01 .left {
            width: 100%
        }

        .home5 .fl01 .center {
            width: 100%;
            padding: .2rem 0;
        }

        .list11 li .img .img_hezi {
            padding-bottom: 4.6rem;
        }

        .tit2 {
            align-items: center;
        }

        .tit2 h3 {
            text-align: center;
            font-size: .26rem
        }

        .home1 .right .tit1 {
            padding: 0 0 0 0
        }

        .tit1 .ll .top h3 {
            font-size: .3rem
        }

        .list3 li .time h3 {
            font-size: .3rem
        }

        .list3 li .time {
            width: 1rem;
        }

        .list3 li .time h3 {
            font-size: .36rem;
        }

        .list3 li .time h6 {
            font-size: .14rem;
            margin: .1rem 0 0;
        }

        .list3 li .txt {
            padding: .1rem 0 .1rem .2rem;
            width: calc(100% - 1rem);
        }

        .juzhen2 {
            right: .3rem;
            bottom: -.4rem;
        }

        .juzhen2 img {
            width: .6rem
        }

        .list6 li .a {
            height: 1.rem;
        }

        .miso_btn1 {
            width: 1.3rem;
            float: none;
            margin: .3rem auto 0;
        }

        .miso_btn1 .arrow {
            height: .5rem;
        }

        .list3 li .a {
            padding: 0;
        }

        .home3 .fl01 .left {
            width: calc(100% - .8rem);
            position: relative;
            padding-bottom: .3rem;
        }

        .home3 .fl01 .right {
            width: .8rem;
            background: #f6f6f6;
            position: absolute;
            right: 0;
            height: 2rem;
        }

        .home3 .fl01 .left .img {
            width: 100%
        }

        .juzhen1 {
            top: 0rem;
            left: -.3rem;
        }

        .juzhen1 img {
            width: .6rem;
        }

        .juzhen3 {
            top: 0rem;
            left: -.3rem;
        }

        .juzhen3 img {
            width: .6rem;
        }

        .juzhen4 {
            left: -.2rem;
            top: 1rem;
        }

        .juzhen4 img {
            width: .6rem;
        }

        .home3 .fl01 .right>img {
            position: relative;
            transform: translate(0, 0) !important;
        }

        .home3 .fl01 .left .img:before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: rgba(0, 0, 0, .3)
        }

        footer {
            text-align: center;
            padding: 0;
        }

        footer .left {
            width: 100%
        }

        footer .right {
            width: 100%
        }

        .list13 {
            justify-content: center
        }

        footer .left img {
            max-width: 40vw;
        }

        .list13 li .img {
            opacity: 1;
            position: relative;
            top: 0;
            margin: .2rem 0 0;
        }

        .home4 .bg1 {
            height: 2.4rem;
        }

        .home4 .tit1 {
            margin-bottom: .3rem
        }

        .list7 {
            padding: 0 0;
        }

        .miso_tab1 .content {
            margin-bottom: .2rem
        }

        .banner ul li .a .top h3 {
            font-size: .2rem;
            margin-bottom: .1rem;
        }

        .banner ul li .a .top .box {
            padding: .3rem .3rem;
            height: auto;
        }

        .banner ul li .a .top p {
            font-size: .14rem
        }

        .banner ul li .a .img .img_hezi {
            padding-bottom: 60%;
        }

        .tit1 .ll .top .cir:before {
            transform: scale(.6)
        }

        .tit1 .ll .top .cir:after {
            transform: scale(.7);
            top: .05rem;
            right: -.05rem;
        }

        footer .fl1 {
            padding: .4rem 0;
            background: #149336;
            -webkit-mask: inherit;
            mask: inherit;
        }
    }

    @media(max-width: 640px) {
        .list7 li {
            width: 100%
        }

        .list11 li .img .img_hezi {
            padding-bottom: 4rem;
        }

        .home5 .juzhen3 {
            left: 15px;
            bottom: .5rem;
        }

        .home3 .fl01 .left .content {
            padding: .4rem 10% 0 15px
        }
    }

    @media(max-width: 640px) {
        .list6 {
            margin-bottom: -.2rem
        }

        .list6 li {
            width: 100%
        }

        .list6 li .a {
            height: 1.5rem;
        }
    }

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

    .n_banner .img:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(../images/n_banner_t.png) center top no-repeat;
        background-size: 100% auto;
    }

    .n_banner .img .img_hezi {
        padding-bottom: 16%;
    }

    .n_banner .top {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .mianbao {
        display: flex;
        align-items: center;
        padding: 0;
        justify-content: flex-end;
    }

    .mianbao * {
        font-size: .14rem;
        color: #777;
        font-style: normal;
        line-height: 1.5;
    }

    .mianbao span {
        margin: 0 .06rem;
    }

    #m_n_nav {
        display: none;
        line-height: 50px;
        position: relative;
        z-index: 9;
        width: 100%;
        background: #149336;
    }

    #bnt_back {
        position: absolute;
        left: 15px;
        top: 0px;
    }

    #bnt_back img {
        height: 28px;
    }

    #bnt_back svg {
        fill: rgb(255, 255, 255);
        height: 30px;
        vertical-align: middle;
        width: 26px;
    }

    #m_n_nav i {}

    #m_n_nav h1 {
        font-size: 14px;
        color: rgb(255, 255, 255);
        text-align: center;
        margin: 0px;
        line-height: 50px;
    }

    #bnt_sub_nav {
        position: absolute;
        right: 15px;
        top: 0px;
        height: 50px;
        cursor: pointer;
        color: rgb(255, 255, 255);
        font-size: 18px;
        display: flex;
        align-items: center;
    }

    #bnt_sub_nav svg {
        fill: rgb(255, 255, 255);
        height: 20px;
        vertical-align: middle;
        width: 20px;
    }

    #bnt_sub_nav img {
        display: block;
        height: 20px;
    }

    #bnt_sub_nav.on img {
        transform: rotate(-180deg);
    }

    #sub_nav_content {
        background: rgb(240, 243, 245);
        display: none;
        box-shadow: rgb(153, 153, 153) 0px 0px 5px;
        z-index: 9;
    }

    #sub_nav_content ul {
        padding: 10px;
    }

    #sub_nav_content ul li {
        display: block;
        line-height: 28px;
        margin: 1rem 0px;
    }

    #sub_nav_content ul li a {
        display: block;
        border-left: 2px solid rgb(202, 158, 78);
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        padding-left: 10px;
        color: rgb(83, 84, 85);
    }

    #sub_nav_content ul li.on a {
        color: rgb(202, 158, 78);
    }

    #sub_nav_content dl {
        font-size: 0px;
        overflow: hidden;
        background: rgb(255, 255, 255);
        padding: 10px 0px;
        display: flex;
        flex-wrap: wrap;
    }

    #sub_nav_content dt {
        position: relative;
        background: rgb(255, 255, 255);
        z-index: 999;
        min-width: 33.33%;
        display: inline-block;
        margin-bottom: 0px;
        text-align: center;
    }

    #sub_nav_content dt a {
        margin: 0px 20px;
        display: block;
        color: rgb(91, 83, 73);
        line-height: 30px;
        font-size: 14px;
        font-weight: 400;
        vertical-align: top;
    }

    #sub_nav_content dt a i {
        position: absolute;
        right: 15px;
        top: 0px;
        opacity: 0;
        display: none;
    }

    #sub_nav_content dt a {}

    #sub_nav_content dt.title {
        background: rgb(250, 250, 251);
    }

    #sub_nav_content dt.title i {
        opacity: 1;
    }

    #sub_nav_content dt.title_on {
        background: rgb(250, 250, 251);
    }

    #sub_nav_content dt.title_on a {
        color: rgb(215, 0, 41);
        border-top: 1px solid rgb(255, 255, 255);
    }

    #sub_nav_content dt.title_on a i {
        color: rgb(215, 0, 41);
    }

    #sub_nav_content dt.last a {
        border-top: 1px solid rgb(248, 248, 248);
    }

    #sub_nav_content dt.on a,
    #sub_nav_content dt.title_on a {
        color: #149336;
    }

    #sub_nav_content dd {
        display: none;
    }

    #sub_nav_content dd .box {
        padding: 0px;
    }

    #sub_nav_content dd a {
        padding: 0px 25px;
        line-height: 30px;
        border-top: 1px solid rgb(231, 231, 231);
        font-size: 12px;
        color: rgb(91, 83, 73);
        display: block;
        height: 30px;
    }

    #sub_nav_content dd a.on {
        color: rgb(215, 0, 41);
    }

    .n_container {
        padding: 0;
        background: #fff;
        background: linear-gradient(#fcfcfc, #fcfcfc, #fff);
    }

    .n_banner .wp,
    .n_container .wp {
        width: 14.66rem;
        align-items: flex-start
    }

    .n_left {
        width: 2.8rem;
        position: relative;
        margin: .5rem 0 0;
        z-index: 10;
        overflow: hidden;
        box-shadow: 0px 7px 12px 0px rgba(0, 0, 0, 0.05);
    }

    .n_right {
        width: calc(100% - 3.1rem);
        padding: .5rem 0 0 .5rem;
    }

    .yj {
        background: #149336 url(../images/yj.jpg) center no-repeat;
        height: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 15px;
        position: relative;
        margin-bottom: .14rem;
    }

    .yj:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: .04rem;
        height: .14rem;
        background: #149336;
    }

    .yj h2 {
        font-size: .3rem;
        color: #fff;
        line-height: 1.75
    }

    .list_erji {
        background: #fcfcfc url(../images/home5_b.jpg) center bottom no-repeat;
        padding: 0 0 .85rem;
        background-size: 100% auto
    }

    .list_erji li * {
        transition: .5s;
    }

    .list_erji li .a {
        display: block;
        line-height: 1.5;
        text-align: left;
        font-size: .2rem;
        color: #333333;
        position: relative;
        z-index: 1;
        padding: .15rem .4rem;
    }

    .list_erji li .a:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: .34rem;
        right: .34rem;
        background: url(../images/list_erji_l.png) center bottom repeat-x;
        height: 2px
    }

    .list_erji li .a:after {
        content: "";
        position: absolute;
        top: 50%;
        right: .4rem;
        background: url(../images/list_erji_r.png) center bottom repeat-x;
        width: .57rem;
        height: .13rem;
        margin: -.065rem;
    }

    .list_erji li.on .a:before,
    .list_erji li:hover .a:before {
        opacity: 0;
    }

    .list_erji li.on .a,
    .list_erji li:hover .a {
        font-size: .2rem;
        color: #fff;
        background: #149336;
    }

    .n_tit1 {
        margin-bottom: .64rem;
        position: relative;
    }

    .n_tit1:before {
        content: "";
        position: absolute;
        left: .45rem;
        right: 0;
        background: #DAD5D5;
        height: 2px;
        bottom: 0
    }

    .n_tit1:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        background: #149336;
        width: .4rem;
        height: 2px;
        bottom: 0
    }

    .n_tit1 h3 {
        font-size: .26rem;
        color: #149336;
        padding: 0 0 .25rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .list14 {
        margin: 0 -.33rem;
        margin-bottom: .8rem;
    }

    .list14 li {
        width: 50%;
        padding: 0 .33rem;
    }

    .list14 li * {
        transition: .5s;
    }

    .list14 li .a {
        display: flex;
        flex-wrap: wrap;
        padding: .32rem;
        background: #fff;
        overflow: hidden;
        position: relative;
        z-index: 1;
        box-shadow: 2.828px 2.828px 24px 0px rgba(0, 0, 0, 0.11);
    }

    .list14 li .a::before {
        content: "";
        position: absolute;
        top: .46rem;
        left: .22rem;
        z-index: -1;
        border-bottom: transparent 2.1rem solid;
        border-left: #149336 2.1rem solid;
        transform-origin: left top;
    }

    .list14 li .a::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        background: url(../images/list14_line.png) right center no-repeat;
        background-size: auto 100%;
        opacity: 0
    }

    .list14 li .a .img {
        width: 2.17rem;
    }

    .list14 li .a .img .img_hezi {
        padding-bottom: 131.39%;
    }

    .list14 li .a .con {
        flex: 1;
        padding: .36rem 0 0 .36rem;
        overflow: hidden;
    }

    .list14 li .a .con h3 {
        margin-bottom: .3rem;
    }

    .list14 li .a .con h3 big {
        font-size: .3rem;
        color: #149336;
        font-weight: bold;
        font-family: "Microsoft Yahei";
    }

    .list14 li .a .con h3 small {
        font-size: .18rem;
        color: #149336;
        margin: 0 0 0 .1rem;
        line-height: 1.5;
    }

    .list14 li .a .con p {
        font-size: .16rem;
        color: #666666;
        line-height: 1.75;
        margin-bottom: .06rem
    }

    .list15 {
        margin: 0 -.3rem;
        margin-bottom: -.6rem;
    }

    .list15 li {
        width: 100%;
        padding: 0 .3rem;
        margin-bottom: .4rem;
    }

    .list15 li * {
        transition: .5s
    }

    .list15 li .a {
        display: flex;
        justify-content: space-between;
        border: 1px solid rgba(20, 147, 54, 0.3009);
        padding: .3rem;
        background: url(../images/list50_b.jpg) center no-repeat;
        background-size: cover;
        transition: .5s;
    }

    .list15 li .img {
        width: 100%;
    }

    .list15 li .img .img_hezi {
        padding-bottom: 127.58%;
    }

    .list15 li .con {
        flex: 1;
        padding: .16rem 0 .1rem;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

    .list15 li .con h3 {
        margin-bottom: .3rem;
        font-size: .26rem;
        color: #149336;
    }

    .list15 li .con h3 big {
        font-size: .3rem;
        color: #333;
        font-family: "Microsoft Yahei";
    }

    .list15 li .con h3 small {
        font-size: .16rem;
        color: #777;
        margin: 0 0 0 .1rem;
    }

    .list15 li .con p {
        margin: .2rem 0 0
    }

    .list15 li .con .p {
        border-left: #149336 2px solid;
        padding: 0 0 0 .2rem;
        align-items: flex-end
    }

    .list15 li .con .p .ll {
        flex: 1;
        overflow: hidden
    }

    .list15 li .con .p h5 {
        font-size: .2rem;
        color: #333333;
        line-height: 1.25
    }

    .list15 li .con .p h6 {
        width: 2rem;
        text-align: right;
        justify-content: flex-end;
    }

    .list15 li .con .p h6 img {
        width: .16rem;
        margin: 0 0 0 .06rem
    }

    @media(min-width: 1024px) {
        .list14 li .a:hover {
            background: #149336;
        }

        .list14 li .a:hover * {
            color: #fff !important;
        }

        .list14 li .a:hover::before {
            border-left: #cc9933 2.1rem solid;
        }

        .list14 li .a:hover::after {
            opacity: 1
        }

        .list15 li .a:hover .con::after {
            width: 97%;
            background: #149336;
        }

        .list15 li .a:hover h6 .ico:before {
            background: #149336;
            transform: scale(1)
        }

        .list15 li .a:hover .con h6 svg {
            transform: rotate(90deg);
            fill: #fff
        }

        .list15 li .a:hover .con h3 big,
        .list15 li .a:hover .con h3 small {
            color: #149336;
        }

        .list15 li .a:hover {
            border: 1px solid rgba(20, 147, 54, 1);
            box-shadow: 0 0 .3rem rgba(0, 0, 0, .2);
        }

        .list15 li .a:hover .con .p h6 {
            color: #149336;
        }
    }

    @media(max-width: 1500px) {

        .list14 li .a .con h3 big,
        .list15 li .con h3 big {
            font-size: .24rem;
        }

        .list14 li {
            width: 100%;
            margin-bottom: .2rem;
        }

        .list15 li {
            width: 100%;
        }
    }

    @media(max-width: 1024px) {

        .n_left,
        .n_banner .top {
            display: none;
        }

        #m_n_nav {
            display: block;
            margin: 15px 15px 0;
            width: calc(100% - 30px);
        }

        .n_right {
            width: 100%;
            padding: .5rem 0 0;
            overflow: hidden;
        }

        .n_tit1 {
            margin-bottom: .3rem;
            display: none;
        }
    }

    @media(max-width: 800px) {
        .n_container {
            padding: 0 0 .6rem;
        }

        .n_banner .img .img_hezi {
            padding-bottom: 30%
        }
    }

    @media(max-width: 800px) {
        .list14 {
            margin-bottom: .3rem;
        }

        .list14 li .a {
            padding: 15px
        }

        .list14 li .a .img {
            width: 1.75rem
        }

        .list14 li .a::before {
            border-bottom: transparent 1.5rem solid;
            border-left: #149336 1.5rem solid;
            left: 10px;
            top: 20px;
        }

        .list14 li .a .con {
            padding: 15px 0 0 15px
        }

        .list15 {
            margin-bottom: -.2rem
        }

        .list15 li {
            margin-bottom: .2rem
        }

        .list15 li .img {
            width: 1.75rem;
            margin: 0 15px 0 0
        }

        .n_tit1 h3 {
            font-size: 0;
            color: transparent;
        }
    }

    @media(max-width: 455px) {}

    .zuzhi_d {
        position: relative;
        z-index: 1;
        padding: .8rem .9rem;
        border-top: #149336 .05rem solid;
    }

    .zuzhi_d::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #f3fff6;
        z-index: -1;
    }

    .zuzhi_d .img_box::before {
        content: "";
        position: absolute;
        top: .08rem;
        left: -.08rem;
        z-index: -1;
        border-bottom: transparent 2.1rem solid;
        border-left: #aeec92 2.1rem solid;
        transform-origin: left top;
    }

    .zuzhi_d .img_box {
        width: 2.17rem;
        order: 1;
        position: relative;
        z-index: 1
    }

    .zuzhi_d .img .img_hezi {
        padding-bottom: 131.39%;
    }

    .zuzhi_d .con {
        flex: 1;
        padding: 0 .9rem 0 0;
        overflow: hidden;
    }

    .zuzhi_d .con h3 {
        margin-bottom: .3rem;
    }

    .zuzhi_d .con h3 big {
        font-size: .3rem;
        color: #149336;
        font-weight: bold;
        font-family: "Microsoft Yahei";
    }

    .zuzhi_d .con h3 small {
        font-size: .18rem;
        color: #149336;
        margin: 0 0 0 .1rem;
        line-height: 1.5;
    }

    .zuzhi_d .con p {
        font-size: .16rem;
        color: #333333;
        line-height: 1.75;
        margin-bottom: .06rem;
    }

    .zuzhi_d .ar_article {
        margin: .4rem 0 0;
    }

    .zuzhi_d .ar_article p {
        color: #666666;
        margin-bottom: .24rem
    }

    @media(min-width: 1024px) {}

    @media(max-width: 1024px) {
        footer .fl1 {
            padding: .4rem 0;
            background: #149336;
            -webkit-mask: inherit;
            mask: inherit;
        }
    }

    @media(max-width: 800px) {
        .zuzhi_d {
            padding: .3rem 15px;
        }

        .zuzhi_d .con {
            padding: .3rem 0 0;
            flex: auto;
            order: 2;
        }

        .zuzhi_d .img_box {
            width: 1.5rem;
            margin: 0 auto;
        }

        .zuzhi_d .img_box::before {
            border-bottom: transparent 1.5rem solid;
            border-left: #cc9900 1.5rem solid;
        }
    }

    @media(max-width: 800px) {}

    @media(max-width: 455px) {}

    .list16 {
        padding: .44rem 0;
        border-radius: 0;
    }

    .list16 dt {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: .3rem;
        background: url(../images/list16_b.jpg) center no-repeat;
        width: 5rem;
        height: .8rem;
        margin: 0 auto .4rem;
        max-width: 100%;
        background-size: cover;
    }

    .list16 dt h3 {
        position: relative;
        z-index: 1;
        font-size: .3rem;
        color: #fff;
        padding: 0 .3rem;
        line-height: 1.5;
        text-align: center;
    }

    .list16 dt h3:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: .31rem;
        height: .07rem;
        background: #149336;
    }

    .list16 dt .line {
        flex: 1;
        height: 1px;
        background: #e6cacc;
        margin: 0 .3rem
    }

    .list16 dt img {
        height: .44rem
    }

    .list16 .con {
        padding: 0;
    }

    .list16 .con .con_li {
        padding: .03rem 0
    }

    .list16 h4 {
        font-size: .18rem;
        color: #333333;
        margin-bottom: .05rem
    }

    .list16 h4 b {
        font-family: "Microsoft Yahei";
    }

    .list17 {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -.16rem -.4rem;
    }

    .list17 li {
        width: 25%;
        padding: 0 .16rem;
        margin-bottom: .4rem;
    }

    .list17 a {
        font-size: .2rem;
        color: #333333;
        padding: 0 .1rem 0 .4rem;
        transition: .5s;
        height: .65rem;
        display: flex;
        align-items: center;
        background: url(../images/list17_b.jpg) center no-repeat;
        background-size: cover;
        position: relative;
        line-height: 1.35;
    }

    .list17 a:before {
        content: "";
        position: absolute;
        top: 50%;
        left: .2rem;
        width: .1rem;
        height: .1rem;
        background: url(../images/list17_s.png) center no-repeat;
        background-size: 100% 100% !important;
        margin-top: -.05rem;
    }

    .list16 .con .con_li1 {
        padding: .03rem 0 .03rem .34rem
    }

    .list16 .con .con_li1 h4 {
        margin: .2rem 0;
    }

    .list16 h4 b.red {
        font-family: "Microsoft Yahei";
        color: #149336;
    }

    @media(min-width: 1024px) {
        .list17 li:hover {
            color: #149336;
        }

        .list17 a {
            font-size: .15rem;
        }

        .list17 a:hover {
            background: url(../images/list17_b_on.jpg) center no-repeat;
            background-size: cover;
        }

        .list17 a:hover:before {
            background: url(../images/list17_s_on.png) center no-repeat;
        }

        .list17 a:hover {
            color: #fff !important
        }
    }

    @media(max-width: 1024px) {
        .list17 li {
            width: 33.33%
        }
    }

    @media(max-width: 800px) {
        .list17 li {
            width: 50%
        }
    }

    @media(max-width: 800px) {
        .list16 dt h3 {
            font-size: .24rem;
        }

        .list16 dt h3:before {
            width: .24rem;
            height: .04rem
        }

        .list16 dt .line {
            margin: 0 .1rem
        }

        .list16 dt img {
            height: .26rem
        }

        .list17 li {
            min-width: 50%;
            font-size: .17rem;
            margin-bottom: .2rem
        }

        .list16 .con {
            padding: 0;
        }

        .list16 {
            padding: .3rem 0
        }

        .list17 li {
            width: 100%
        }
    }

    @media(max-width: 455px) {}

    .jiyu {
        position: relative;
        z-index: 2;
        padding: .7rem .9rem 1.8rem;
    }

    .jiyu:before {
        content: "";
        position: absolute;
        top: 0;
        right: .26rem;
        bottom: 0;
        left: 0;
        background: url(../images/jiyu_line.png) right top no-repeat;
        background-size: 4.84rem auto;
        z-index: -1;
    }

    .jiyu:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(../images/jiyu_bg.png) center top repeat-x;
        background-size: 100% auto;
        z-index: -1;
    }

    .jiyu .bg1 {
        position: absolute;
        top: 0;
        right: .26rem;
        bottom: 0;
        left: 0;
        z-index: -2;
        background: url(../images/jiyu_bg1.png) center no-repeat;
        background-size: 100% 100%;
    }

    .jiyu .bg2 {
        position: absolute;
        top: .26rem;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -3;
        background: url(../images/jiyu_bg2.png) center no-repeat;
        background-size: 100% 100%;
    }

    .jiyu .top {
        position: relative;
        z-index: 1;
    }

    .jiyu .top:before {
        content: "";
        left: -.9rem;
        top: .06rem;
        bottom: .06rem;
        width: .08rem;
        background: #9d1813;
        position: absolute;
    }

    .jiyu .top h3 {
        font-size: .48rem;
        color: #9d1813;
        font-weight: bold;
        margin: 0 0 .24rem;
    }

    .jiyu .top h4 small {
        font-size: .18rem;
        color: #666666;
    }

    .jiyu .top h4 big {
        font-size: .3rem;
        color: #333333;
    }

    .jiyu .ar_article {
        border-top: #d3d3d3 1px solid;
        padding: .6rem .25rem 0;
        margin: .4rem 0 0;
        position: relative;
        z-index: 1;
    }

    .jiyu .ar_article::before {
        content: "";
        position: absolute;
        background: url(../images/jiyu_dots.png) center no-repeat;
        width: 1.71rem;
        height: 1.6rem;
        background-size: cover;
        z-index: -1;
        top: .3rem;
        left: 0;
    }

    .jiyu .ar_article::after {
        content: "";
        position: absolute;
        background: url(../images/jiyu_dots1.png) center no-repeat;
        width: 1.2rem;
        height: 1.11rem;
        background-size: cover;
        z-index: -1;
        bottom: -.3rem;
        right: .5rem;
    }

    @media(min-width: 1024px) {}

    @media(max-width: 1024px) {
        .jiyu {
            padding: .5rem 20px;
        }

        .jiyu .top:before {
            left: -20px;
        }

        .jiyu .top h3 {
            font-size: .3rem;
            margin: 0 0 .15rem;
        }
    }

    @media(max-width: 800px) {}

    @media(max-width: 800px) {
        .jiyu .ar_article {
            padding: .3rem 15px 0 0
        }

        .jiyu .ar_article::before {
            transform: scale(.6);
            left: -10%;
            top: 0;
        }

        .jiyu .ar_article::after {
            transform: scale(.6);
            right: 3%;
            bottom: -.3rem;
        }
    }

    @media(max-width: 455px) {}

    .list18 li {
        margin-bottom: .4rem
    }

    .list18 li * {
        transition: .5s;
    }

    .list18 li .a {
        align-items: center;
        padding: .28rem;
        background: #fafafa;
        position: relative;
        z-index: 1;
    }

    .list18 li .img {
        width: 2.95rem;
    }

    .list18 li .img .img_hezi {
        padding-bottom: 60%;
    }

    .list18 li .txt {
        flex: 1;
        overflow: hidden;
        padding: 0 0 0 .35rem;
        position: relative;
        z-index: 1;
    }

    .list18 li .top {
        align-items: center;
    }

    .list18 li .time {
        display: flex;
        align-items: center;
    }

    .list18 li .time h3 {
        font-size: .3rem;
        color: #149336;
    }

    .list18 li .time h6 {
        font-size: .14rem;
        color: #9c271c;
        margin: 0 0 0 .1rem;
    }

    .list18 li h4 {
        font-size: .24rem;
        color: #222222;
        font-weight: bold;
        line-height: 1.25;
        margin: .1rem 0 0;
    }

    .list18 li p {
        font-size: .14rem;
        color: #7e7e7e;
        line-height: 24px;
        max-height: 48rem\0;
        margin: .2rem 0 0;
    }

    .j_pages {
        margin: .6rem auto 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .j_pages .box {
        border: #d8d8d8 1px solid;
        padding: 0 .1rem 0 0;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .j_pages .box * {
        font-size: .16rem;
    }

    .j_pages a {
        padding: 0 .18rem;
        height: .5rem;
        line-height: .5rem;
        display: inline-block;
        margin: 0;
        color: #333333;
        box-sizing: border-box;
        border-radius: 0;
        transition: .5s;
        border-right: #dadada 1px solid;
    }

    .j_pages a font {
        padding: 0 10px
    }

    .j_pages .on {
        color: #149336;
        font-weight: bold;
    }

    .j_pages a:hover {
        color: #149336;
    }

    .j_pages span {
        color: #333;
        line-height: .5rem;
        display: inline-block;
    }

    .j_pages input {
        color: #333;
        padding: 0px .1rem;
        height: .32rem;
        display: inline-block;
        border: none;
        cursor: pointer;
        border-radius: 0;
        transition: 0.6s;
    }

    .j_pages input[type="text"] {
        padding: 0;
        text-align: center;
        width: .4rem;
        background: #ececec;
    }

    .j_pages input[type="submit"]:hover {
        background: #149336;
        color: #fff
    }

    .j_pages .span1 {
        border-right: #dadada 1px solid;
        margin-right: .1rem;
    }

    .j_pages .pb_sys_style1 .p_no_d {
        border: 1px solid #149336;
        color: #fff;
        background-color: #149336;
    }

    @media(max-width: 800px) {
        .j_pages .box {
            padding: 0
        }

        .j_pages .box * {
            font-size: .18rem;
        }

        .j_pages a {
            padding: 0 0.03rem;
        }

        .j_pages {
            margin: .4rem auto 0;
        }

        .j_pages .span1,
        .j_pages a {
            border: none
        }
    }

    @media(min-width: 1024px) {
        .list18 li .a:hover {
            background: #149336 url(../images/list18.jpg) center no-repeat;
            background-size: cover;
        }

        .list18 li .a:hover * {
            color: #fff !important;
        }

        .list18 li .a:before {
            opacity: 1;
        }

        .list18 li .a:hover .time *,
        .list18 li .a:hover h4 {
            color: #fff !important;
        }
    }

    @media(max-width: 1024px) {}

    @media(max-width: 800px) {}

    @media(max-width: 800px) {
        .list18 li .img {
            width: 100%;
        }

        .list18 li .txt {
            flex: auto;
            width: 100%;
            padding: .3rem 0 0;
        }

        .list18 li .a:after {
            right: .3rem;
            left: auto
        }

        .list18 li h4 {
            padding: 0 0 0 .2rem
        }
    }

    @media(max-width: 455px) {}

    .n_news_detail .ar_article_box .nav01 {
        margin-bottom: .3rem;
    }

    .n_news_detail .ar_article_box h3 {
        color: #000000;
        font-size: .3rem;
        line-height: 1.5;
        font-weight: bold;
        text-align: center;
        width: 10.9rem;
        margin: 0 auto;
        max-width: 100%;
        margin-bottom: .1rem;
    }

    .n_news_detail .ar_article_box h6 {
        color: #666666;
        font-size: .16rem;
        line-height: .42rem;
        margin-bottom: 0;
        vertical-align: top;
        border-bottom: #e1e1e1 1px solid;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 0 .3rem;
        flex-wrap: wrap;
        justify-content: center;
    }

    .n_news_detail .ar_article_box h6 span {
        margin: 0 .3rem 0 0;
        font-size: .16rem;
        line-height: 1.5;
        color: #666666;
    }

    .n_news_detail .ar_article_box h6 span img {
        margin: -3px 6px 0 0
    }

    .n_news_detail p {
        color: #000000;
        font-size: .18rem !important;
        line-height: .36rem !important;
    }

    .ar_article td p {
        text-align: center;
    }

    #ar_fot {
        position: relative;
        padding: .36rem 0 0;
        box-sizing: border-box;
        width: 100%;
        margin-top: .6rem;
        border-top: #e5e5e5 1px solid;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    #ar_fot h1 {
        display: block;
        width: 100%;
        line-height: .4rem;
        color: #333333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: .16rem;
    }

    #ar_fot h1 span {
        text-decoration: none;
        display: inline-block;
    }

    #ar_fot h1 a {
        color: #333333;
        font-weight: normal;
        transition: .5s;
        display: block;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    #ar_fot .bnt_back {
        position: absolute;
        top: 28px;
        right: 0;
        color: #fff;
        background: #063579;
        padding: 0 25px;
        font-size: 14px;
        height: 30px;
        line-height: 30px;
    }

    #ar_fot .bnt_back:hover {
        border-radius: 3px;
    }

    #ar_fot h1 a:hover {
        color: #149336;
    }

    #ar_fot .ll {
        flex: 1;
    }

    #ar_fot .rr a {
        display: flex;
        font-size: .14rem;
        color: #fff;
        align-items: center;
        justify-content: center;
        transition: .5s;
        background: #8cdb68;
        width: 1.15rem;
        height: .35rem;
        border-radius: 3px;
        transition: .5s;
    }

    #ar_fot .rr a img {
        margin: 0 .06rem 0 0;
        height: .22rem;
    }

    #ar_fot .rr a:hover {
        background: #149336;
    }

    .n_news_detail01 h4 {
        font-size: 1.5rem;
        color: #000000;
        font-weight: bold;
        margin: 2.5rem 0 1rem;
        text-align: center
    }

    .n_news_detail01 .ar_article p {
        line-height: 2.5rem;
        margin-bottom: 0.375rem
    }

    .ar_article p a {
        word-wrap: break-word;
        word-break: normal;
    }

    @media(min-width: 1024px) {}

    @media(max-width: 1024px) {}

    @media(max-width: 800px) {}

    @media(max-width: 800px) {
        .n_news_detail .ar_article_box h3 {
            font-size: .26rem;
        }

        #ar_fot .ll {
            flex: auto;
            width: 100%;
        }

        #ar_fot .rr {
            text-align: center;
            margin: .2rem 0 0;
            display: flex;
            justify-content: center;
            width: 100%;
        }

        #ar_fot .rr a {
            margin: 0 auto;
        }
    }

    @media(max-width: 455px) {}

    .list19 li {
        border-bottom: #e7e7e7 1px solid;
        padding: .32rem 0;
    }

    .list19 li * {
        transition: .5s;
    }

    .list19 li h4 {
        font-size: .24rem;
        color: #333333;
        line-height: 1.25;
        margin-bottom: .26rem;
    }

    .list19 li h4 font {
        color: #149336;
    }

    .list19 li .txt {
        padding: 0;
    }

    .list19 li .txt p {
        font-size: .16rem;
        color: #666666;
        line-height: .36rem;
        padding: 0 0 0 .3rem;
        position: relative;
        z-index: 1;
        background-size: .2rem .2rem !important;
    }

    .list19 li .txt p:nth-child(1) {
        background: url(../images/list19_ico1.png) left .08rem no-repeat;
    }

    .list19 li .txt p:nth-child(2) {
        background: url(../images/list19_ico2.png) left .08rem no-repeat;
    }

    .list19 li .txt p:nth-child(3) {
        background: url(../images/list19_ico3.png) left .08rem no-repeat;
    }

    .list20 {
        margin: -.3rem 0 0
    }

    .list20 li {
        border-bottom: #e7e7e7 1px solid
    }

    .list20 li .a {
        display: flex;
        height: .6rem;
        align-items: center;
    }

    .list20 li .a .time {
        width: 1.25rem;
        text-align: right;
        font-size: .16rem;
        color: #777;
        position: relative;
        z-index: 1;
        order: 1;
    }

    .list20 li .a h4:before {
        content: "";
        position: absolute;
        left: 0;
        width: 1px;
        height: .2rem;
        background: #149336;
        top: 50%;
        margin: -.1rem 0 0;
    }

    .list20 li .a .time img {
        margin: 0 .1rem 0 0;
        height: .21rem;
    }

    .list20 li h4 {
        flex: 1;
        padding: 0 0 0 .2rem;
        font-size: .18rem;
        color: #333333;
        line-height: 1.25;
        position: relative
    }

    @media(min-width: 1024px) {
        .list20 li .a:hover .time {
            color: #ca0915;
        }
    }

    @media(max-width: 1024px) {}

    @media(max-width: 800px) {}

    @media(max-width: 800px) {
        .list20 li .a .time {
            width: 1rem
        }

        .list20 li h4 {
            padding: 0 0 0 15px
        }

        .list19 li .txt p {
            line-height: .3rem;
            margin-bottom: .1rem;
            background-position-y: .04rem !important;
        }

        .list19 li .txt {
            padding: 0
        }

        .list20 li .a {
            height: .8rem
        }
    }

    @media(max-width: 455px) {}

    .miso_form1 {
        display: flex;
        flex-wrap: wrap;
        height: .6rem;
        width: 10rem;
        max-width: 100%;
        justify-content: space-between;
        margin: 0 auto;
        overflow: hidden;
    }

    .miso_form1 .divselect {
        width: calc(100% - .88rem);
        height: 100%;
        position: relative;
        background: #fff;
        padding: 0;
    }

    .miso_form1 .divselect:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -2rem;
        width: 1px;
        height: 4rem;
        background: #cfcecf;
    }

    .miso_form1 .divselect .h5 {
        height: 100%;
        display: flex;
        align-items: center;
        padding: 0 .2rem;
        font-size: .22rem;
        color: #666666;
        position: relative;
        cursor: pointer;
        justify-content: space-between;
    }

    .miso_form1 .divselect .h5 img {
        width: .18rem;
        margin-left: .1rem;
    }

    .divselect_ul {
        background: #fff;
        text-align: center;
        padding: .1rem 0;
        display: none;
        box-shadow: 0px 9px 35px 0px rgba(0, 0, 0, 0.1);
    }

    .divselect_ul li {
        font-size: 1rem;
        color: #666;
        line-height: 2.5;
        transition: .5s;
        cursor: pointer;
    }

    .divselect_ul li:hover {
        color: #0e5da8;
    }

    .miso_form1>.input {
        flex: 1;
        padding: 0 .4rem;
        background: #fefcff;
        font-size: .18rem;
        color: #fff;
        border: #ebe7ed 1px solid;
        border-radius: 50vw;
        margin-right: .2rem;
    }

    .miso_form1 .input .input1 {
        width: 100%;
        height: 100%;
        font-size: .16rem;
        color: #666666;
        padding: 0;
        letter-spacing: 0;
    }

    .miso_form1 .right {
        width: 1.35rem;
        display: flex;
        align-items: center;
        height: 100%;
        position: relative;
    }

    .miso_form1 .right .submit {
        width: 100%;
        height: 100%;
        border-radius: 0;
        transition: .5s;
    }

    .miso_form1 .right .submit .input {
        background: #90010d;
        width: 100%;
        height: 100%;
        cursor: pointer;
        transition: .5s;
        border-radius: 50vw;
        background-size: .2rem !important;
        font-size: .2rem;
        letter-spacing: 0;
        color: #fff;
        padding: 0;
        border: none;
        font-weight: bold;
    }

    .miso_form1 .right .submit .input:hover {
        background: #cc0000;
    }

    .miso_form1_box {
        background: #faf5eb;
        padding: .3rem;
        margin: .6rem 0;
    }

    .list21 li {
        border-bottom: #e7e7e7 1px solid;
        padding: .2rem 0 .4rem
    }

    .list21 li * {
        transition: .5s;
    }

    .list21 li h4 {
        font-size: .24rem;
        color: #333333;
        line-height: 1.75;
        font-weight: 600;
    }

    .list21 li p {
        font-size: .14rem;
        color: #999999;
        line-height: .26rem;
        max-height: .52rem\0;
        margin: .08rem 0 0
    }

    @media(min-width: 1024px) {
        .list21 li a:hover h4 {
            color: #149336;
        }
    }

    @media(max-width: 1024px) {}

    @media(max-width: 800px) {
        .miso_form1 {
            margin: 0;
        }
    }

    @media(max-width: 800px) {
        .miso_form1 .right {
            width: 1rem;
        }

        .miso_form1>.input {
            margin-right: .1rem;
            padding: 0 .2rem;
        }

        .miso_form1_box {
            margin: .4rem 0 .2rem
        }
    }

    @media(max-width: 455px) {}

    .miso_tab .hd {
        margin-bottom: .65rem;
    }

    .home7 .miso_tab .hd {
        margin-bottom: 0
    }

    .three-level1 {
        justify-content: center;
        margin: 0 -.21rem
    }

    .three-level1 li {
        padding: 0 .21rem
    }

    .three-level1 li .a {
        display: flex;
        width: 1.62rem;
        height: .46rem;
        border: #950d10 1px solid;
        background: #fff;
        border-radius: 3px;
        align-items: center;
        justify-content: center;
        position: relative;
        font-size: .18rem;
        color: #666666;
        transition: .5s
    }

    .three-level1 li .a svg {
        width: .24rem;
        height: .24rem;
        fill: #333;
        margin: 0 .1rem 0 0;
        transition: .5s;
    }

    .three-level1 li .a::before {
        content: "";
        position: absolute;
        border-left: transparent .05rem solid;
        border-right: transparent .05rem solid;
        border-top: #950d10 .06rem solid;
        top: calc(100% + 1px);
        left: 50%;
        margin-left: -.05rem;
        opacity: 0;
    }

    .three-level1 li.on .a,
    .three-level1 li .a:hover {
        background: #950d10 url(../images/three-level1_bg.png) center no-repeat;
        background-size: cover;
        color: #fff;
        border: #950d10 1px solid;
    }

    .three-level1 li.on .a::before,
    .three-level1 li .a:hover::before {
        opacity: 1
    }

    .three-level1 li.on .a svg,
    .three-level1 li .a:hover svg {
        fill: #fff
    }

    .five-level1 {
        justify-content: center;
        margin: 0 -.1rem;
        position: relative;
        z-index: 1;
        margin-bottom: 1rem
    }

    .five-level1:before {
        content: "";
        position: absolute;
        top: .31rem;
        height: 1px;
        background: #dfdfdf;
        left: 0;
        right: 0;
        z-index: -1
    }

    .five-level1 li {
        padding: 0 .2rem;
        position: relative;
        z-index: 1;
        background: #fff;
        margin: 0 -.1rem;
    }

    .five-level1 li a {
        display: flex;
        width: .63rem;
        height: .63rem;
        background: #faf9f8;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        font-size: .3rem;
        color: #666666;
        transition: .5s
    }

    .five-level1 li a:hover {
        background: #cc9933;
        color: #fff
    }

    .list22 {
        justify-content: center;
        margin-bottom: 1rem;
    }

    .list22 li {
        padding: 0 .02rem;
    }

    .list22 li a {
        font-size: .18rem;
        color: #666666;
        display: inline-block;
        width: .32rem;
        line-height: .32rem;
        border-radius: 50%;
        transition: .5s;
        text-align: center;
    }

    .list22 li.on a,
    .list22 li a:hover {
        background: #cc9900;
        color: #fff;
    }

    .list15s {
        margin: 0;
    }

    .list15s li {
        padding: 0;
    }

    .list15s li .img_box {
        width: 1.51rem;
        z-index: 1;
        margin: 0 .4rem 0 0;
    }

    .list15s li .img {
        width: 100%;
        margin: 0;
    }

    .list15s li .con h3 big {
        font-size: .26rem;
    }

    @media(min-width: 1024px) {}

    @media(max-width: 1024px) {}

    @media(max-width: 800px) {
        .miso_tab .hd {
            margin-bottom: .3rem;
        }

        .list22 {
            margin-bottom: .3rem;
        }
    }

    @media(max-width: 800px) {}

    @media(max-width: 455px) {
        .list15s li .img_box:before {
            border-top: transparent 1.5rem solid;
            border-left: #149336 1.5rem solid;
        }

        .list15s li .img_box {
            width: 1.65rem;
            margin: 0 .25rem 0 0;
        }
    }

    .list23 {
        margin: 0 -5px;
        margin-bottom: .55rem;
        border-bottom: #dfdfdf 1px solid;
        padding-bottom: .3rem;
        margin-top: -.2rem;
    }

    .list23 li {
        min-width: 25%;
        padding: 8px 5px;
    }

    .list23 li a {
        display: inline-block;
        font-size: .16rem;
        color: #666666;
        line-height: .36rem;
        position: relative;
        z-index: 1;
        padding: 0 .36rem;
        transition: .5s;
        border-radius: 50vw
    }

    .list23 li a::before {
        content: "";
        position: absolute;
        width: .1rem;
        height: 2px;
        background: #993333;
        left: .16rem;
        top: 50%;
        margin-top: -1px;
    }

    .list23 li.on a,
    .list23 li a:hover {
        background: #cc9900;
        color: #fff
    }

    .list23 li.on a::before,
    .list23 li a:hover::before {
        background: #fff
    }

    @media(min-width: 1024px) {}

    @media(max-width: 1024px) {}

    @media(max-width: 800px) {}

    @media(max-width: 800px) {
        .list23 li {
            padding: 3px 5px;
        }

        .list23 li a {
            font-size: .2rem;
        }

        .list23 {
            margin: .2rem 0 .5rem;
        }
    }

    @media(max-width: 455px) {}

    .list24 li {
        margin-bottom: .18rem;
    }

    .list24 li .a .top * {
        transition: .5s
    }

    .list24 li .a .top {
        position: relative;
        z-index: 1;
        overflow: hidden;
        height: .54rem;
        padding: 0 .3rem;
        display: flex;
        align-items: center;
        cursor: pointer;
        background: #fcfbfb;
    }

    .list24 li .a .top .ll {
        width: 94%;
        font-size: .2rem;
        color: #333333;
        font-weight: 600;
        line-height: 1.5;
        padding: 0;
        flex: 1;
    }

    .list24 li .a .top .ico {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        width: .18rem;
        height: .18rem;
        position: relative;
        z-index: 1;
    }

    .list24 li .a .top .ico:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: scale(0);
        z-index: -1;
        border-radius: 50%;
    }

    .list24 li .a .top .ico span {
        position: absolute;
        width: .18rem;
        height: 1px;
        background: #aeb0b5;
        left: 50%;
        top: 50%;
        transition: .5s;
        margin: -.05px 0 0 -.05px;
    }

    .list24 li .a .top .ico span:nth-child(2) {
        transform: rotate(90deg);
    }

    .list24 li .a .bottom {
        padding: .3rem .18rem;
        background: #fcf9fd;
        display: none;
    }

    .list24 table {
        width: 100%;
        text-align: center;
        border-collapse: collapse;
        min-width: 800px;
    }

    .list24 table th {
        font-size: .18rem;
        color: #149336;
        line-height: 1.5;
        padding: .1rem 0
    }

    .list24 table td {
        font-size: .18rem;
        color: #333333;
        line-height: 2;
        padding: .1rem 0;
        border-bottom: #e4e4e4 1px solid
    }

    .list24 li.on .a .top {
        background: #a71a21
    }

    .list24 li.on .a .top .ll {
        color: #fff
    }

    .list24 li.on .a .top .ico:before {
        transform: scale(1);
    }

    .list24 li.on .a .top .ico span:nth-child(1) {
        opacity: 0;
    }

    .list24 li.on .a .top .ico span:nth-child(2) {
        transform: rotate(0);
        background: #fff;
    }

    @media(min-width: 1024px) {}

    @media(max-width: 1024px) {}

    @media(max-width: 800px) {}

    @media(max-width: 800px) {
        .list24 .scroll {
            overflow: hidden;
            overflow-x: scroll
        }
    }

    @media(max-width: 455px) {}

    .about .h3 {
        font-size: .3rem;
        color: #149336;
        text-align: center;
        margin-bottom: .4rem;
    }

    .about .ar_article p {}

    .about .fl01 {
        align-items: flex-end
    }

    .about .fl01 .left {
        overflow: hidden;
        flex: 1;
        background: url(../images/about_bg1.jpg) left top no-repeat;
        padding: .7rem 1.16rem 1.8rem .7rem;
        background-size: cover;
    }

    .about .fl01 .right {
        width: 4.1rem;
    }

    .about .fl01 .right .img {
        margin: 0 0 .9rem 0;
        width: calc(100% + .56rem);
        float: right;
    }

    .about .fl01 .h3 {
        color: #fff;
        text-align: left
    }

    .about .fl01 .ar_article p {
        color: #fff
    }

    .about .fl02 {
        padding: 0 0 1.2rem .7rem;
        background: #f7f7f7;
    }

    .about .fl02 .h3 {
        text-align: left
    }

    .about .fl02 .left {
        order: 1;
        overflow: hidden;
        flex: 1;
        padding: .54rem .6rem .3rem .8rem;
    }

    .about .fl02 .right {
        width: 4.1rem;
        margin: -1.3rem 0 0;
    }

    .home5 .tit1 {
        margin-bottom: .65rem;
    }

    .list10sBox .dots {
        text-align: center;
        margin: .5rem 0 0;
    }

    .list10sBox .dots span {
        background: #d7d7d7;
        width: .12rem;
        height: .12rem;
        opacity: 1;
        transition: .5s;
        margin: 0 .1rem !important;
    }

    .list10sBox .dots span.active {
        background: #269b48;
    }

    .home6 .tit1 {}

    .list30Box {
        margin: 0 auto;
        max-width: 100%
    }

    .list30 .img .img_hezi {
        padding-bottom: 57.19%;
    }

    .list30Box .dots {
        text-align: center;
        margin: .5rem 0 0;
    }

    .list30Box .dots span {
        background: #d7d7d7;
        width: .12rem;
        height: .12rem;
        opacity: 1;
        transition: .5s;
        margin: 0 .1rem !important;
    }

    .list30Box .dots span.active {
        background: #269b48;
    }

    .list_linkbox {
        position: relative;
        width: 2.74rem;
        height: .58rem;
        margin: .1rem 0;
    }

    .list_link {
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 .2rem;
        font-size: .16rem;
        color: #fff;
        cursor: pointer;
        position: relative;
        margin-bottom: .4rem;
        border: rgba(255, 255, 255, .5) 1px solid;
    }

    .list_link:last-child {
        margin-bottom: 0
    }

    .list_link dt {
        height: 100%;
        display: flex;
        align-items: center;
        padding: 0;
        font-size: .2rem;
        color: #fff;
        cursor: pointer;
        position: relative;
        width: 100%;
    }

    .list_link dt:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: .3rem;
        width: 1px;
        background: #fff
    }

    .list_link dt * {
        display: inline-block
    }

    .list_link dt font {
        margin: 0;
    }

    .list_link dt span {
        transform: translateY(.04rem);
        opacity: .5
    }

    .list_link dt svg {
        width: .2rem;
        height: .2rem;
        fill: #fff;
        transform: rotate(-180deg);
        transition: .5s;
        opacity: 1;
        position: absolute;
        right: -.05rem;
        top: .18rem;
    }

    .list_link .con {
        position: absolute;
        bottom: calc(100% + 1px);
        left: -1px;
        right: -1px;
        z-index: 1;
        background: rgb(0, 126, 33);
        border-bottom: none;
        padding: .1rem .3rem;
        display: none;
        transform-origin: bottom;
    }

    .list_link .con dd {
        font-size: .16rem;
        color: #fff;
        line-height: .3rem;
        font-weight: 300;
        border-bottom: rgba(255, 255, 255, 0) 1px solid;
        text-align: left;
    }

    .list_link .con dd:last-child {
        border-bottom: none
    }

    .list_link dt.on svg {
        transform: rotate(0deg);
    }

    .about .fl1 {
        align-items: center
    }

    .about .fl1 .left {
        flex: 1;
    }

    .about .fl1 .left h3 {
        font-size: .32rem;
        color: #149336;
        margin: 0 0 .3rem;
    }

    .about .fl1 .right {
        width: 4.7rem;
        margin: 0 0 0 .4rem;
    }

    .about .fl2 {
        text-align: center;
        padding: .5rem 0;
    }

    .about .fl2 h3 {
        font-size: .42rem;
        color: #149336;
    }

    .about .fl3 .left {
        width: 5rem;
        margin: 0 3.5vw 0 0;
    }

    .about .fl3 .left .ll {
        width: 1.8rem
    }

    .about .fl3 .left .ll big {
        font-size: .42rem;
        color: #149336;
    }

    .about .fl3 .left .ll small {
        font-size: .22rem;
        color: #149336;
        margin: 0 0 0 .1rem;
    }

    .about .fl3 .left .rr {
        font-size: .16rem;
        color: #666666;
    }

    .about .fl3 .right {
        flex: 1;
    }

    .about .fl4 {
        padding: .4rem 0 0;
    }

    .about .ar_article img {
        width: 100%;
    }

    .list40 li {
        border-bottom: 1px dashed #57b370;
        padding: .45rem 0;
        align-items: baseline;
    }

    @media(min-width: 1024px) {
        footer .center2 p a:hover {
            color: #fff;
        }
    }

    @media(max-width: 1600px) {
        footer .left {
            max-width: 15%;
        }
    }

    @media(max-width: 1200px) {
        footer .center1 {
            width: 100%;
            text-align: center;
            margin-bottom: .25rem;
        }

        footer .center2 {
            width: 100%;
            text-align: center;
            margin-bottom: .2rem;
        }

        footer h3:before {
            display: none
        }

        footer .right {
            margin: 0 auto
        }

        footer .left {
            margin: 0 auto .15rem;
            max-width: 100%;
        }

        .home5 .b1 {
            display: none;
        }
    }

    @media(max-width: 800px) {
        .about .fl01 .left {
            flex: auto;
            padding: .5rem 15px;
        }

        .about .fl01 .right {
            width: 100%;
            text-align: center;
        }

        .about .fl01 .right .img {
            margin: 0;
            width: 100%;
            float: none;
        }

        .about .fl01 .right .img img {
            width: 100%
        }

        .about .fl02 .left {
            flex: auto;
            padding: .5rem 15px;
        }

        .about .fl02 .right {
            width: 100%;
            text-align: center;
            margin: 0;
            order: 2;
        }

        .about .fl02 {
            padding: 0 0 .3rem;
        }

        footer .right,
        .list_linkbox {
            margin: 0 auto
        }

        .list_linkbox {
            margin-bottom: .15rem
        }

        .list2 li .txt h4 {
            font-size: .22rem;
        }

        .about .fl1 .left {
            width: 100%;
        }

        .about .fl1 .right {
            width: 100%;
            margin: .4rem 0 0;
        }

        .about .fl3 .left {
            width: 100%;
            margin: 0 0 .4rem;
        }

        .about .fl3 .right {
            width: 100%;
        }

        .about .fl2 h3,
        .about .fl1 .left h3 {
            font-size: .26rem;
        }

        .list40 li {
            padding: .2rem 0;
        }

        .about .fl3 .left .ll big {
            font-size: .28rem;
        }
    }

    @media(max-width: 800px) {
        .list10 li {
            padding-bottom: .2rem;
            margin-bottom: .2rem;
        }

        .home5 .more1,
        .home6 .more1 {
            margin: 0;
        }

        .home5 .juzhen1 {
            top: .5rem;
        }

        footer .center2 p span {
            margin: 0 .05rem
        }

        footer .center2 p span img {
            width: .24rem;
        }

        .list_link dt {
            font-size: .16rem
        }

        .about .fl3 .left .ll {
            width: 1rem;
        }

        .about .fl3 .left .ll small {
            font-size: .14rem;
            margin: 0 0 0 .04rem;
        }
    }

    @media(max-width: 455px) {
        .list_linkbox {
            height: .45rem;
            width: 80%;
        }

        .list_link dt svg {
            top: .12rem
        }
    }

    h4 {
        transition: .5s;
    }

    .home1s {
        background: #ebf5f1 url(../images/home1s_b.jpg) center bottom no-repeat;
        background-size: cover;
    }

    @media(min-width: 1024px) {
        .list3 li:hover {
            flex: 1.35;
        }

        .list3 li:hover .txt {
            background: #157229;
            box-shadow: 0px 9px 29px 0px rgba(7, 100, 31, 0.3);
        }

        .list3 li:hover .a h4 {
            color: #fff !important
        }

        .list3 li:hover p {
            height: .24rem;
            color: #fff
        }

        .list3 li:hover .txt:after {
            opacity: 1
        }
    }

    @media(max-width: 1024px) {}

    @media(max-width: 800px) {}

    @media(max-width: 560px) {}

    @media(min-width: 1024px) {

        .list6 .a:hover h4,
        .list6 .a:hover h6 {
            color: #fff !important;
        }

        .list54 .a:hover .txt {
            background: #157229
        }

        .list54 .a:hover h4,
        .list54 .a:hover p {
            color: #fff !important
        }

        .list54 .a:hover .txt:before {
            opacity: 1
        }

        .list54 .a:hover .txt:after {
            border-right: #157229.3rem solid;
        }

        .list54 li:nth-child(1) .a:hover .txt:after,
 .list54 li:nth-child(2) .a:hover .txt:after,
 .list54 li:nth-child(5) .a:hover .txt:after,
 .list54 li:nth-child(6) .a:hover .txt:after,
 .list54 li:nth-child(9) .a:hover .txt:after,
        .list54 li:nth-child(10) .a:hover .txt:after {
            border-right: none;
            border-left: #157229.3rem solid;
        }

        .list55 .a:hover .ico {
            background: #157229;
        }

        .list55 .a:hover .ico img {
            filter: brightness(6.5) grayscale(100%);
            mix-blend-mode: plus-lighter;
        }

        .list55 .a:hover .ico {
            background: #fff \0;
        }

        .list55 .a:hover .ico img {
            filter: brightness(0) \0;
        }

        .list54 li:nth-child(1) .img,
        .list54 li:nth-child(2) .img,
        .list54 li:nth-child(5) .img,
        .list54 li:nth-child(6) .img,
        .list54 li:nth-child(9) .img,
        .list54 li:nth-child(10) .img {
            order: 1
        }

        .list54 li:nth-child(1) .txt:after,
  .list54 li:nth-child(2) .txt:after,
  .list54 li:nth-child(5) .txt:after,
  .list54 li:nth-child(6) .txt:after,
  .list54 li:nth-child(9) .txt:after,
        .list54 li:nth-child(10) .txt:after {
            left: 100%;
            border-right: none;
            border-left: #fff .3rem solid;
        }
    }

    @media(max-width: 1024px) {
        .tit1 .ll h3 {
            font-size: .3rem;
        }

        .home7 .left {
            width: 100%;
        }

        .home7 .right {
            width: 100%;
            margin: .4rem 0 0;
        }

        .list54 .txt {
            padding: 0 .3rem;
        }

        .list54 h4 {
            font-size: .24rem;
        }
    }

    @media(max-width: 800px) {
        .tit1 .ll h3 {
            font-size: .24rem;
        }

        .list54 h4 {
            font-size: .22rem;
        }

        .home9 {
            margin-bottom: .4rem;
        }

        .list54 li {
            width: 100%;
        }

        .list54 li:nth-child(4) .img,
        .list54 li:nth-child(2) .img {
            order: 1
        }

        .list54 li:nth-child(4) .txt:after,
        .list54 li:nth-child(2) .txt:after {
            left: 100%;
            border-right: none;
            border-left: #fff .3rem solid;
        }

        .list55 .ico img {
            max-width: .5rem;
            max-height: .5rem;
        }

        .list55 .ico {
            height: 1.2rem;
        }

        .list54 .txt:after {
            border-top: transparent .11rem solid;
            border-bottom: transparent .11rem solid;
            border-right: #fff .15rem solid;
        }

        .list54 li:nth-child(4) .txt:after,
        .list54 li:nth-child(2) .txt:after {
            border-left: #fff .15rem solid;
        }

        .tit1 {
            margin-bottom: .3rem;
        }

        .list53 h4 {
            min-height: auto;
        }

        .list53 .txt {
            padding: .25rem .2rem;
        }

        .miso_tab2 .hd li:nth-child(1) {
            margin: 0 .2rem 0 0
        }

        .list6Box .dots,
        .list30Box .dots,
        .list55Box .dots {
            margin: .3rem 0 0;
        }

        .list6Box .dots span,
        .list30Box .dots span,
        .list55Box .dots span {
            margin: 0 .04rem !important;
        }

        .list52 .a {
            padding-right: 0;
        }

        .home7 .content_li {
            padding: .2rem;
        }

        .list50 .time h3 {
            font-size: .32rem
        }

        .list15 li .con .p .ll {
            width: 100%;
            flex: auto;
        }

        .list15 li .con .p h6 {
            margin: .15rem 0 0;
        }
    }

    @media(max-width: 560px) {

        .list51s .img,
        .list51 .img {
            width: 100%;
        }

        .list51s .txt,
        .list51 .txt {
            flex: auto;
            width: 100%;
            padding: .2rem 0 0;
        }

        .list51 .txt {
            padding: .2rem
        }
    }

    .content_li {
        transition: .5s;
    }

    .site-menu {
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        pointer-events: none;
        clip-path: inset(0 0 100% 0);
        transition: clip-path .6s cubic-bezier(0.77, 0, 0.175, 1);
    }

    @media (min-width: 992px) {
        .site-menu {
            flex-direction: row;
            opacity: 0;
            visibility: hidden;
            clip-path: none;
            transition: opacity 0s .92s, visibility 0s .92s;
        }
    }

    .site-menu-close {
        padding: 0;
        border: none;
        border-radius: 0;
        background: none;
        box-shadow: none;
        outline: none;
        position: absolute;
        z-index: 10;
        right: 0;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        min-width: .64rem;
        height: .64rem;
        color: #fffdf7;
        transform: translateY(.2rem);
        opacity: 0;
        transition: all .5s;
        cursor: pointer;
    }

    .site-menu-is-open .site-menu-close {
        transform: translateY(0);
        opacity: 1
    }

    @media (min-width: 768px) {
        .site-menu-close {
            height: .8rem;
            min-width: 1.6rem;
        }
    }

    .material-symbols-outlined {
        font-family: 'Material Symbols Outlined';
        font-weight: normal;
        font-style: normal;
        font-size: 24px;
        line-height: 1;
        letter-spacing: normal;
        text-transform: none;
        display: inline-block;
        white-space: nowrap;
        word-wrap: normal;
        direction: ltr;
        -moz-font-feature-settings: 'liga';
        -moz-osx-font-smoothing: grayscale;
    }

    @media (min-width: 768px) {
        .site-menu-close .material-symbols-outlined {
            font-size: .18rem;
        }
    }

    .site-menu-close-text {
        display: none;
        margin-left: .5em;
        font-weight: 400;
        font-size: .14rem;
        text-transform: uppercase;
        letter-spacing: .05em;
    }

    @media (min-width: 768px) {
        .site-menu-close-text {
            display: inline-block;
        }
    }

    .site-menu-main {
        flex: 1;
        display: flex;
        flex-direction: column;
        width: 100%;
        overflow-y: auto;
        background: rgba(20, 147, 54, .97);
        background-attachment: fixed;
        justify-content: center;
        align-items: center;
    }

    @media(min-width: 992px) {
        .site-menu-main {
            flex: auto;
            width: 50%;
            height: 100%;
            clip-path: inset(0 0 100% 0);
            transition: clip-path 1s .2s cubic-bezier(0.77, 0, 0.175, 1);
        }
    }

    .site-menu-nav {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: .96rem 0 .32rem 0;
    }

    .site-menu-nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        font-weight: 400;
        font-size: .18rem;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .05em;
        line-height: 2.5;
        visibility: hidden
    }

    .site-menu-nav ul li {
        transition: all .5s;
        transform: translateY(20px);
        transition-delay: .1s;
        opacity: 0;
    }

    .site-menu-nav ul li:nth-child(2) {
        transition-delay: .2s
    }

    .site-menu-nav ul li:nth-child(3) {
        transition-delay: .3s
    }

    .site-menu-nav ul li:nth-child(4) {
        transition-delay: .4s
    }

    .site-menu-nav ul li:nth-child(5) {
        transition-delay: .5s
    }

    .site-menu-nav ul li:nth-child(6) {
        transition-delay: .6s
    }

    .site-menu-nav ul li:nth-child(7) {
        transition-delay: .7s
    }

    .site-menu-is-open .site-menu-nav ul li {
        transform: translateY(0rem);
        opacity: 1;
    }

    .flBox {
        width: 15rem;
        max-width: 100%;
        max-height: 100%;
    }

    .site-menu-main dl {
        width: 33.33%;
        padding: 0 0 0 .3rem;
        margin: .25rem 0;
        transition: 1s;
        opacity: 0;
        transform: translateY(.3rem);
    }

    .site-menu-main dl dt {
        margin-bottom: .25rem;
        position: relative;
        z-index: 1;
    }

    .site-menu-main dl dt:before {
        content: "";
        position: absolute;
        top: .08rem;
        left: -.32rem;
        width: .03rem;
        height: .18rem;
        background: #fff
    }

    .site-menu-main dl dt a {
        font-size: .24rem;
        color: #fff
    }

    .site-menu-main dl dd {
        margin: 0 .2rem .1rem 0
    }

    .site-menu-main dl dd a {
        font-size: .16rem;
        color: rgba(255, 255, 255, .8);
        line-height: 1.75;
    }

    .site-menu-main dl:nth-child(1) {
        transition-delay: .2s
    }

    .site-menu-main dl:nth-child(2) {
        transition-delay: .3s
    }

    .site-menu-main dl:nth-child(3) {
        transition-delay: .4s
    }

    .site-menu-main dl:nth-child(4) {
        transition-delay: .5s
    }

    .site-menu-main dl:nth-child(5) {
        transition-delay: .6s
    }

    .site-menu-main dl:nth-child(6) {
        transition-delay: .7s
    }

    .site-menu-main dl:nth-child(7) {
        transition-delay: .8s
    }

    .site-menu-main dl:nth-child(8) {
        transition-delay: .9s
    }

    .site-menu-main dl:nth-child(9) {
        transition-delay: 1s
    }

    .site-menu-main dl:nth-child(10) {
        transition-delay: 1.1s
    }

    .site-menu-main dl:nth-child(11) {
        transition-delay: 1.2s
    }

    .site-menu-main dl:nth-child(12) {
        transition-delay: 1.3s
    }

    .site-menu-main dl:nth-child(13) {
        transition-delay: 1.4s
    }

    .site-menu-main dl:nth-child(14) {
        transition-delay: 1.5s
    }

    .site-menu-main dl:nth-child(15) {
        transition-delay: 1.6s
    }

    .site-menu-is-open .site-menu-main dl {
        opacity: 1;
        transform: translateY(0);
    }

    @media(min-width: 768px) {
        .site-menu-nav ul {
            font-size: 1.25rem
        }
    }

    @media(min-width: 992px) {
        .site-menu-nav ul {
            font-size: 1.125rem
        }
    }

    @media(min-width: 1200px) {
        .site-menu-nav ul {
            font-size: .2rem;
        }
    }

    .site-menu-nav ul li a {
        position: relative;
        display: inline-block;
        color: #fffdf7;
        visibility: visible;
        transition: opacity .4s
    }

    .site-menu-nav ul li.active a::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: .5em;
        width: 100%;
        height: 1px;
        background: rgba(255, 253, 247, .5)
    }

    .site-menu-nav ul:hover li a {
        opacity: .2
    }

    .site-menu-nav ul:hover li a:hover {
        opacity: 1
    }

    .site-menu-social {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        justify-content: center;
        padding: .24rem 0;
        font-size: .12rem;
        text-transform: uppercase;
        letter-spacing: .05em;
        transition: all .5s;
        transform: translateY(20px);
        opacity: 0;
        transition-delay: .5s;
    }

    .site-menu-is-open .site-menu-social {
        transform: translateY(0);
        opacity: 1
    }

    @media(min-width: 768px) {
        .site-menu-social {
            padding: .32rem 0;
        }
    }

    @media(min-width: 992px) {
        .site-menu-social {
            font-size: .15rem;
        }
    }

    @media(min-width: 1200px) {
        .site-menu-social {
            padding: .4rem 0;
        }
    }

    .site-menu-social li {
        margin: 0 1em
    }

    .site-menu-social li:first-child {
        margin-left: 0
    }

    .site-menu-social li:last-child {
        margin-right: 0
    }

    .site-menu-social li a {
        display: inline-block;
        color: #fffdf7;
        background-image: linear-gradient(rgba(255, 253, 247, 0.5), rgba(255, 253, 247, 0.5));
        background-position: 100% 100%;
        background-repeat: no-repeat;
        background-size: 0% 1px;
        visibility: visible;
        transition: background-size .3s cubic-bezier(0.645, 0.045, 0.355, 1)
    }

    .site-menu-social li a:hover {
        background-position: 0% 100%;
        background-size: 100% 1px
    }

    .site-menu-images {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        background: #a51c30;
        background: #19437d;
        background-size: 0.26rem 0.26rem;
    }

    @media(min-width: 992px) {
        .site-menu-images {
            width: 50%;
            clip-path: inset(0 0 100% 0);
            transition: clip-path .6s .32s cubic-bezier(0.77, 0, 0.175, 1)
        }
    }

    @keyframes imageOut {
        0% {
            clip-path: inset(0 0 0 0)
        }

        100% {
            clip-path: inset(0 0 100% 0)
        }
    }

    .site-menu-images-container {
        position: relative;
        display: none;
        width: 48vh;
        height: 60vh;
        max-width: 40vw;
        max-height: 50vw;
        animation: imageOut .8s cubic-bezier(0.77, 0, 0.175, 1) forwards
    }

    @media(min-width: 992px) {
        .site-menu-images-container {
            display: block
        }
    }

    .site-menu-images-item {
        position: absolute;
        z-index: 1;
        inset: 0;
        background-position: center;
        background-size: cover;
        opacity: 0;
        transform: scale(1.05);
        transition: opacity .8s ease, transform .8s ease
    }

    .site-menu-images-item.active {
        z-index: 10;
        opacity: 1;
        transform: scale(1)
    }

    .site-menu-images-link {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: .24rem;
    }

    @media(min-width: 768px) {
        .site-menu-images-link {
            padding: 2rem 0
        }
    }

    @media(min-width: 992px) {
        .site-menu-images-link {
            position: absolute;
            bottom: 0;
            left: 0
        }
    }

    @media(min-width: 1200px) {
        .site-menu-images-link {
            padding: .4rem 0;
        }
    }

    .site-menu.site-menu-is-open {
        pointer-events: auto;
        clip-path: inset(0 0 0 0)
    }

    @media(min-width: 992px) {
        .site-menu.site-menu-is-open {
            opacity: 1;
            visibility: visible;
            clip-path: none;
            transition: opacity 0s, visibility 0s
        }
    }

    @media(min-width: 992px) {
        .site-menu.site-menu-is-open .site-menu-main {
            transition: clip-path 1s cubic-bezier(0.77, 0, 0.175, 1);
        }
    }

    @media(min-width: 992px) {
        .site-menu.site-menu-is-open .site-menu-images {
            transition: clip-path .6s .12s cubic-bezier(0.77, 0, 0.175, 1)
        }
    }

    @media(min-width: 992px) {

        .site-menu.site-menu-is-open .site-menu-main,
        .site-menu.site-menu-is-open .site-menu-images,
        .site-menu.site-menu-is-open .site-menu-images-container {
            clip-path: inset(0 0 0 0)
        }
    }

    @keyframes imageIn {
        0% {
            clip-path: inset(100% 0 0 0)
        }

        100% {
            clip-path: inset(0 0 0 0)
        }
    }

    @media(min-width: 992px) {
        .site-menu.site-menu-is-open .site-menu-images-container {
            animation: imageIn .8s .2s cubic-bezier(0.77, 0, 0.175, 1) forwards
        }
    }

    .underline-link {
        font-size: .12rem;
        text-transform: uppercase;
        letter-spacing: .1em;
        position: relative;
        display: inline-block;
        font-weight: 400;
        line-height: 2;
        color: #594b4b;
        transition: all .5s;
        transform: translateY(20px);
        opacity: 0;
        transition-delay: .5s;
    }

    @media(min-width: 992px) {
        .underline-link {
            font-size: .15rem;
        }
    }

    .underline-link::before,
    .underline-link::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: rgba(89, 75, 75, .5);
        will-change: transform;
        transition: transform 0s
    }

    .underline-link::before {
        transform: scaleX(1);
        transform-origin: right
    }

    .underline-link::after {
        transform: scaleX(0);
        transform-origin: left
    }

    .underline-link:hover {
        color: #594b4b
    }

    .underline-link:hover::before {
        transform: scaleX(0);
        transition: transform .3s cubic-bezier(0.645, 0.045, 0.355, 1)
    }

    .underline-link:hover::after {
        transform: scaleX(1);
        transition: transform .3s .3s cubic-bezier(0.645, 0.045, 0.355, 1)
    }

    .underline-link.underline-link-white {
        color: #fffdf7
    }

    .underline-link.underline-link-white::before,
    .underline-link.underline-link-white::after {
        background: rgba(255, 253, 247, .5)
    }

    .underline-link.underline-link-white:hover {
        color: #fffdf7
    }

    .underline-link.underline-link-play {
        display: inline-flex;
        align-items: center
    }

    .underline-link.underline-link-play::before,
    .underline-link.underline-link-play::after {
        display: none
    }

    .underline-link.underline-link-play .underline-link-play-icon {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: clamp(2rem, 3vw, 3rem);
        height: clamp(2rem, 3vw, 3rem);
        margin-right: 1rem;
        border: 1px solid #fffdf7;
        border-radius: 50%
    }

    .underline-link.underline-link-play .underline-link-play-icon .material-symbols-outlined {
        font-variation-settings: "FILL" 1;
        font-size: clamp(1rem, 1.5vw, 1.5rem)
    }

    .underline-link.underline-link-play .underline-link-play-text {
        position: relative;
        display: inline-block
    }

    .underline-link.underline-link-play .underline-link-play-text::before,
    .underline-link.underline-link-play .underline-link-play-text::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: rgba(89, 75, 75, .5);
        will-change: transform;
        transition: transform 0s
    }

    .underline-link.underline-link-play .underline-link-play-text::before {
        transform: scaleX(1);
        transform-origin: right
    }

    .underline-link.underline-link-play .underline-link-play-text::after {
        transform: scaleX(0);
        transform-origin: left
    }

    .underline-link.underline-link-play.underline-link-white .underline-link-play-text::before,
    .underline-link.underline-link-play.underline-link-white .underline-link-play-text::after {
        background: rgba(255, 253, 247, .5)
    }

    .underline-link.underline-link-play.underline-link-white .underline-link-play-text:hover {
        color: #fffdf7
    }

    .underline-link.underline-link-play:hover .underline-link-play-text::before {
        transform: scaleX(0);
        transition: transform .3s cubic-bezier(0.645, 0.045, 0.355, 1)
    }

    .underline-link.underline-link-play:hover .underline-link-play-text::after {
        transform: scaleX(1);
        transition: transform .3s .3s cubic-bezier(0.645, 0.045, 0.355, 1)
    }

    .play-btn {
        padding: 0;
        border: none;
        border-radius: 0;
        background: none;
        box-shadow: none;
        outline: none;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fffdf7;
        width: clamp(4rem, 8vw, 8rem);
        height: clamp(4rem, 8vw, 8rem);
        border: 1px solid #fffdf7;
        border-radius: 50%;
        transition: color .3s, background-color .3s
    }

    .play-btn .material-symbols-outlined {
        font-variation-settings: "FILL" 1;
        font-size: clamp(2rem, 2.5vw, 2.5rem)
    }

    .play-btn:hover {
        color: #594b4b;
        background: #fffdf7
    }

    .richtext+.underline-link,
    .richtext+.underline-link-group {
        margin-top: 3em
    }

    .font-size-xl+.underline-link,
    .font-size-xl+.underline-link-group {
        margin-top: calc(var(--font-size-xl)*1)
    }

    .font-size-xxl+.underline-link,
    .font-size-xxl+.underline-link-group {
        margin-top: calc(var(--font-size-xxl)*.75)
    }

    .font-size-xxl+.underline-link.underline-link-play-group,
    .font-size-xxl+.underline-link-group.underline-link-play-group {
        margin-top: calc(var(--font-size-xxl)*.5)
    }

    .site-menu-is-open .underline-link {
        transform: translateY(0);
        opacity: 1
    }

    @media(max-width: 768px) {
        .h4s1 {
            font-size: .2rem !important;
            line-height: .3rem !important;
            max-height: .3rem\0 !important;
        }

        .h4s2 {
            font-size: .2rem !important;
            line-height: .3rem !important;
            max-height: .6rem\0 !important;
        }

        .h4s3 {
            font-size: .2rem !important;
            line-height: .3rem !important;
            max-height: .9rem\0 !important;
        }

        .ps1 {
            font-size: .16rem !important;
            line-height: .26rem !important;
            max-height: .26rem\0 !important;
        }

        .ps2 {
            font-size: .16rem !important;
            line-height: .26rem !important;
            max-height: .52rem\0 !important;
        }

        .ps3 {
            font-size: .16rem !important;
            line-height: .26rem !important;
            max-height: .78rem\0 !important;
        }

        .ps4 {
            font-size: .16rem !important;
            line-height: .26rem !important;
            max-height: 1.04rem\0 !important;
        }

        .ps5 {
            font-size: .16rem !important;
            line-height: .26rem !important;
            max-height: 1.3rem\0 !important;
        }

        .ar_article p,
        .ar_article {
            font-size: .18rem !important;
        }
    }

    .list22s .img {
        border-radius: .15rem;
    }

    .list22s .img .img_hezi {
        padding-bottom: 52.89%;
    }

    .list22s .img::after {
        content: "";
        position: absolute;
    }

    .list22s .txt {
        padding: .3rem 0;
    }

    .list22s h4 {
        font-size: .24rem;
        color: #333333;
        line-height: 1.5;
        text-align: center;
    }

    .list22sBox {
        margin: 0 0 .2rem;
    }

    .list23sW {
        background: rgba(169, 50, 44, .1);
        border-radius: .15rem;
        padding: .38rem .75rem;
        position: relative;
    }

    .list23sBox {}

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

    .list23s .a::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        border: #fff .04rem solid;
        border-radius: .1rem;
        opacity: 0;
        transition: .5s;
    }

    .list23s .a::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2;
        border: #149336 1px solid;
        border-radius: .1rem;
        opacity: 0;
        transition: .5s;
    }

    .list23s li .img {
        border-radius: .1rem;
    }

    .list23s li.swiper-slide-thumb-active h4 {
        color: #8e329e;
    }

    .list23s li.swiper-slide-thumb-active .a::before,
    .list23s li.swiper-slide-thumb-active .a::after {
        opacity: 1;
    }

    .arrow2 .arrow {
        width: .67rem;
        height: .67rem;
        background-size: cover !important;
        box-shadow: 0px 0px 10px 0px rgba(130, 30, 175, 0.32);
        border-radius: 50vw;
        margin: 0;
        cursor: pointer;
        transition: .5s
    }

    .arrow2 .prev {
        background: url(../images/arrow2_p_on.png) center no-repeat;
    }

    .arrow2 .next {
        background: url(../images/arrow2_n_on.png) center no-repeat;
    }

    .list22sW {
        overflow: visible;
        position: relative;
        z-index: 1;
    }

    .list22sW .prev {
        left: -.3rem;
    }

    .list22sW .next {
        right: -.3rem;
    }

    .list22sW .arrow2 .arrow {
        position: absolute;
        z-index: 1;
        width: 0.61rem;
        height: 0.61rem;
        background-color: rgba(236, 191, 253, .4);
        top: 50%;
        transform: translateY(-50%);
    }

    .arrow1 .arrow {
        font-family: 'swiper-icons';
        font-size: .26rem;
        width: .52rem;
        height: .52rem;
        background: #fff;
        border-radius: 50vw;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #157229;
        cursor: pointer;
        transition: .5s;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .list23sW .arrow1 .prev {
        left: .15rem;
    }

    .list23sW .arrow1 .next {
        right: .15rem;
    }

    @media(min-width: 1024px) {}

    @media(max-width: 1024px) {
        .list22sW .arrow2 .arrow {
            width: .32rem;
            height: .32rem;
        }

        .list22sW .arrow2 .arrow.prev {
            left: -.14rem;
        }

        .list22sW .arrow2 .arrow.next {
            right: -.14rem;
        }
    }

    @media(max-width: 800px) {}

    @media(max-width: 560px) {}