* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: ' ';
}

ul li {
    list-style: none;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

img {
    vertical-align: top;
    outline-width: 0ch;
}

.clear {
    clear: both
}

@media only screen and (min-width: 996px) {
    .pchead {
        width: 100%;
        height: 85px;
        background-color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
    }
    .pcheader {
        max-width: 1200px;
        margin: 0 auto;
        height: 85px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .left_nav ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .lang_li {
        display: flex;
        align-items: center;
        height: 85px;
        cursor: pointer;
    }
    .lang_li img {
        width: 18px;
    }
    .lang_li span {
        color: #878787;
        font-size: 15px;
        display: block;
        margin-left: 5px;
        font-weight: bold;
    }
    .pclogo {
        display: block;
        width: 20%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .pclogo img {
        height: 50px;
    }
    .left_nav {
        width: 35%;
    }
    .right_nav {
        width: 35%;
    }
    .left_nav ul li>a {
        font-size: 15px;
        font-weight: bold;
        color: #878787;
        height: 85px;
        line-height: 85px;
        display: block;
    }
    .right_nav ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .right_nav ul li>a {
        font-size: 15px;
        color: #878787;
        font-weight: bold;
        height: 85px;
        line-height: 85px;
        display: block;
    }
    .pc_search {
        height: 85px;
        line-height: 85px;
    }
    .pc_search i {
        color: #878787;
        font-weight: bold;
        cursor: pointer;
    }
    .pcheader ul li {
        position: relative;
    }
    .pcheader ul li:hover::after {
        visibility: visible !important;
        opacity: 1 !important;
    }
    .pcheader ul li::after {
        position: absolute;
        content: '';
        background-color: #00923c;
        width: 100%;
        height: 3px;
        top: 0;
        opacity: 0;
        visibility: hidden;
        transition: all ease .4s;
        left: 0;
    }
    .pcheader ul li:hover .lang_box {
        opacity: 1;
        visibility: visible;
    }
    .lang_box {
        position: absolute;
        transition: all ease .4s;
        width: 200px;
        top: 100%;
        opacity: 0;
        visibility: hidden;
        left: 0;
        border-top: 3px solid #00923c;
        box-shadow: 1px 1px 30px rgba(0, 0, 0, .06);
    }
    .lang_item {
        padding: 10px 7px;
        border-bottom: 1px solid #e9e9e9;
        background-color: rgba(255, 255, 255, .5);
        transition: all ease .4s;
        display: flex;
        align-items: center;
    }
    .lang_item span {
        font-weight: normal !important;
    }
    .lang_item:hover {
        background-color: #00923c;
    }
    .lang_item:hover span {
        color: #fff !important;
    }
    .pc_drop {
        position: absolute;
        width: 200px;
        top: 100%;
        transition: all ease .4s;
        left: 0;
        opacity: 0;
        visibility: hidden;
        border-top: 3px solid #00923c;
        box-shadow: 1px 1px 30px rgba(0, 0, 0, .06);
    }
    .pc_drop a {
        transition: all ease .4s;
        padding: 10px 7px;
        border-bottom: 1px solid #e9e9e9;
        background-color: rgba(255, 255, 255, .5);
        transition: all ease .4s;
        display: flex;
        font-size: 15px;
        align-items: center;
        color: #878787;
    }
    .pc_drop a:hover {
        background-color: #00923c !important;
        color: #fff !important;
    }
    .pcheader ul li:hover .pc_drop {
        opacity: 1;
        visibility: visible;
    }
    .searbox {
        background-color: #fff;
        position: fixed;
        top: -85px;
        z-index: 100;
        left: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0 25px;
        width: 1200px;
        transform: translateX(-50%);
        height: 85px;
        transition: all .8s cubic-bezier(.8, 0, .25, 1), transform .8s cubic-bezier(.8, 0, .25, 1);
    }
    .searcon {
        display: flex;
        align-items: center;
    }
    .searcon input {
        outline: none;
        border: none;
        width: 1000px;
        background-color: #2e3135;
        height: 50px;
        padding-left: 15px;
        display: block;
        color: #a2a1a1;
    }
    .searcon input::-webkit-input-placeholder {
        color: #a2a1a1;
    }
    .searcon a {
        display: block;
        background-color: #000000;
        height: 50px;
        width: 50px;
        text-align: center;
        line-height: 50px;
        color: #fff;
        margin-right: 20px;
    }
    .search_close {
        cursor: pointer;
        font-size: 20px !important;
    }
    .ml_mb_head {
        display: none;
    }
    .ml_mb_nav {
        display: none;
    }
    .bottomFix {
        position: fixed;
        height: 45px;
        background-color: #000000;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
    }
    .bottomFixcon {
        max-width: 1200px;
        display: flex;
        margin: 0 auto;
        height: 45px;
        align-items: center;
        justify-content: center;
        color: #fff;
    }
    .bottomFixcon a {
        display: block;
        font-size: 16px;
        color: #fff;
    }
    .bottomFixcon span {
        color: #fff;
        font-size: 12px;
        display: block;
        margin: 0 10px;
    }
    .indexBanner {
        width: 100%;
        height: calc(100vh - 130px);
        margin-top: 85px !important;
    }
    .indexBanner .onlyImg img {
        width: 100%;
        height: 87vh;
        /* object-fit: contain; */
    }
    .hasWord {
        background-color: #e0eadc;
        display: flex;
        align-items: center;
    }
    .hasWordBox {
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .hWleft {
        width: 51%;
    }
    .hWleft h1 {
        font-size: 65px;
        color: #513132;
    }
    .hWleft p {
        font-size: 20px;
        color: #513132;
        margin-top: 60px;
    }
    .hWright {
        width: 48%;
    }
    .hWright img {
        width: 100%;
    }
    .hWleft a {
        display: block;
        width: 145px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        color: #86ae8a;
        margin-top: 25px;
        border: 2px solid #86ae8a;
    }
    .hWleft a:hover {
        background-color: #86ae8a !important;
        color: #fff !important;
    }
    .cul1 {
        width: 100%;
        margin-top: 110px;
        padding: 40px 0;
    }
    .cul1con {
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .cul1title {
        text-align: center;
        color: #808080;
        font-size: 35px;
        position: relative;
        margin-bottom: 50px;
    }
    .cul1title::after {
        position: absolute;
        width: 100px;
        height: 3px;
        background-color: #808080;
        content: '';
        left: 50%;
        bottom: -15px;
        transform: translateX(-50%);
    }
    .cul1conleft {
        width: 50%;
    }
    .cul1conleft img {
        display: block;
        margin: 0 auto;
        width: 100%;
    }
    .cul1conright {
        width: 50%;
        padding: 0 30px;
    }
    .cul1conright p {
        font-size: 15px;
        color: #787878;
        margin-bottom: 20px;
        font-weight: 700;
    }
    .cul1conright ul li {
        display: flex;
        margin-bottom: 20px;
    }
    .cul1conright ul li span {
        font-size: 15px;
        display: block;
        color: #787878;
        margin-left: 10px;
    }
    .cul1conright ul li i {
        color: #00923c;
    }
    .cul2 {
        width: 100%;
    }
    .cul2con {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .cul2left {
        width: 50%;
    }
    .cul2left img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .cul2right {
        width: 50%;
    }
    .cul2right img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .cul2swiper {
        width: 100%;
    }
    .cul2swiper img {
        width: 100%;
    }
    .cul2btn {
        width: 63px !important;
        height: 63px !important;
        background: rgba(0, 0, 0, .4);
        background-image: none !important;
        font-size: 25px;
        text-align: center;
        line-height: 63px;
        color: #fff;
    }
    .cul2right {
        width: 50%;
        padding: 0 40px;
        background-color: #f4f4f4;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .cul2right h6 {
        font-size: 35px;
        color: #808080;
        position: relative;
        margin-bottom: 30px;
    }
    .cul2right h6::after {
        position: absolute;
        width: 100px;
        height: 3px;
        background-color: #808080;
        content: '';
        left: 0%;
        bottom: -15px;
    }
    .cul2right p {
        font-size: 16px;
        color: #808080;
        line-height: 25px;
    }
    .cul2right h4 {
        font-size: 20px;
        color: #808080;
    }
    .cul2left .swiper-slide img {
        width: 100%;
        height: 400px;
    }
    .cul3 {
        margin-bottom: 80px;
    }
    .cul3 .cul2right {
        background-color: #fff t;
    }
    .orga {
        width: 100%;
        margin-top: 110px;
        padding: 40px 0;
    }
    .orgacon {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .orleft {
        width: 50%;
    }
    .orleft img {
        width: 100%;
    }
    .orright {
        width: 50%;
        background-color: #f4f4f4;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 0 30px;
        flex-direction: column;
    }
    .orright p {
        font-size: 15px;
        color: #808080;
        line-height: 25px;
    }
    .duc1 {
        width: 100%;
        margin-top: 110px;
        padding: 40px 0;
    }
    .duc1con {
        width: 85%;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .duc1left {
        width: 50%;
    }
    .duc1left img {
        width: 100%;
    }
    .duc1right {
        width: 50%;
        padding: 0 10%;
    }
    .duc1right strong {
        color: #009047;
        font-size: 35px;
        display: block;
        margin-bottom: 30px;
        text-align: left;
    }
    .duc1right p {
        font-size: 20px;
        color: #808080;
    }
    .duc2 {
        width: 100%;
    }
    .duc2con {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .duc2left {
        width: 50%;
        background-color: #f4f4f4;
        padding: 50px 40px;
    }
    .duc2left p {
        font-size: 20px;
        color: #808080;
        margin-bottom: 20px;
        font-weight: bold;
    }
    .duc2left span {
        color: #787878;
        font-size: 16px;
    }
    .duc2right {
        width: 50%;
    }
    .duc2right img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .duc2left ul li {
        display: flex;
        /* align-items: center; */
        margin-bottom: 15px;
    }
    .duc2left ul li i {
        font-size: 20px !important;
        margin-right: 10px;
    }
    .duc2left ul li strong {
        margin-right: 5px;
        font-size: 16px;
        color: #787878;
    }
    .duc3 {
        padding: 50px 0;
        width: 100%;
    }
    .duc3con {
        width: 100%;
    }
    .duc3 .duc2con {
        align-items: center;
    }
    .duc3 .duc2con .duc2left {
        background-color: #fff;
    }
    .duc4 {
        width: 100%;
    }
    .duc4con {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .duc4con img {
        width: 50%;
    }
    .duc5 {
        width: 100%;
    }
    .duc5con {
        width: 100%;
        margin-top: 10px;
        background-image: url(../images/duc5.png);
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 80px;
    }
    .duc5con ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .duc5con ul li {
        width: calc(100% / 3);
        padding: 30px 15px;
        text-align: center;
    }
    .duc5con ul li p {
        font-size: 55px;
        color: #fff;
        margin-bottom: 20px;
    }
    .duc5con ul li span {
        color: #fff;
        font-size: 20px;
        text-align: center;
        display: block;
    }
    .sus1 {
        width: 100%;
        margin-top: 110px;
        padding: 40px 0;
    }
    .sus1con {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .sus1left {
        width: 50%;
    }
    .sus1left img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .sus1right {
        width: 50%;
        background-color: #f4f4f4;
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding: 30px 40px;
    }
    .sus1right p {
        font-size: 18px;
        color: #808080;
        line-height: 30px;
        margin-bottom: 50px;
    }
    .sus1right ul li {
        display: flex;
        margin-bottom: 15px;
        align-items: center;
    }
    .sus1right ul li i {
        color: #03a9f4;
        font-size: 25px !important;
        margin-right: 10px;
    }
    .sus1right ul li span {
        color: #808080;
        font-size: 18px;
    }
    .sus2con {
        padding: 50px 0;
    }
    .sus2con p {
        text-align: center;
        color: #808080;
        margin-top: 20px;
        line-height: 25px;
        font-size: 14px;
    }
    .sus3 .duc2left {
        background-color: #fff !important;
    }
    .sus4 .cul2right p {
        font-size: 14px;
    }
    .sus4 {
        margin-bottom: 0;
    }
    .rev .cul2con {
        flex-direction: row-reverse;
    }
    .sus5 {
        padding: 50px 0;
    }
    .sus5top {
        width: 100%;
        background-color: #03a9f4;
        padding: 3px;
        text-align: center;
        color: #fff;
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 50px;
    }
    .sus5item ul {
        max-width: 1200px;
        display: flex;
        margin: 0 auto;
        align-items: center;
    }
    .sus5item ul li {
        width: calc(100% / 3);
    }
    .sus5item ul li img {
        width: 90px;
        display: block;
        margin: 0 auto;
    }
    .sus5item ul li p {
        color: #808080;
        text-align: center;
        margin: 10px auto;
        font-size: 18px;
    }
    .sus5item ul li span {
        color: #787878;
        text-align: center;
        margin-bottom: 70px;
        display: block;
        font-size: 16px;
    }
    .fo {
        width: 90%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .foitem {
        width: 48%;
    }
    .fotop {
        font-size: 15px;
        font-weight: bold;
        margin-bottom: 15px;
        text-align: center;
        color: #00923c;
        padding-bottom: 3px;
        border-bottom: 2px solid #009046;
    }
    .fobox {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .foboxitem {
        width: 48%;
    }
    .foboxitem img {
        width: 100%;
        height: 140px;
        object-fit: contain;
    }
    .foboxitem p {
        text-align: center;
        margin-bottom: 70px;
        color: #787878;
        margin-top: 10px;
        font-size: 14px;
    }
    .in1 {
        width: 100%;
        margin-top: 110px;
    }
    .in1con {
        width: 100%;
    }
    .in1con img {
        width: 100%;
    }
    .in2 {
        padding: 50px 0;
        width: 100%;
    }
    .in2con {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .in2left {
        width: 50%;
    }
    .in2left img {
        width: 100%;
    }
    .in2right {
        width: 50%;
        padding-right: 30px;
    }
    .in2right p {
        font-size: 20px;
        color: #808080;
        margin-bottom: 20px;
        font-weight: bold;
    }
    .in2right span {
        color: #787878;
        line-height: 25px;
        font-size: 16px;
        margin-bottom: 20px;
        display: block;
    }
    .in3 {
        width: 100%;
        padding: 50px 20px;
    }
    .in3con {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .ins3item {
        width: 31%;
    }
    .ins3item strong {
        display: block;
        font-size: 20px;
        color: #808080;
        margin-bottom: 20px;
    }
    .ins3item ul li {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }
    .ins3item ul li span {
        display: block;
        font-size: 14px;
        color: #808080;
        margin-right: 5px;
    }
    .ins3item ul li p {
        padding: 5px 10px;
        font-size: 14px;
        color: #fff;
        background-color: #009046;
    }
    .pro1 {
        margin-top: 85px;
        background-image: url(../images/probg.png);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 60px 30px;
    }
    .pro1con {
        display: flex;
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .proleft {
        width: 50%;
        padding-top: 150px;
    }
    .proleft strong {
        font-size: 50px;
        display: block;
        margin-bottom: 20px;
        color: #513132;
    }
    .proleft p {
        font-size: 14px;
        color: #808080;
        margin-bottom: 10px;
    }
    .proright {
        width: 50%;
    }
    .proright img {
        max-width: 500px;
    }
    .pro2 {
        padding: 50px;
    }
    .pro2con {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .pro2left {
        width: 30%;
    }
    .pro2left p {
        font-size: 16px;
        font-weight: bold;
        color: #86ae8a;
        margin-bottom: 10px;
    }
    .pro2left ul li {
        display: flex;
        margin-bottom: 15px;
        align-items: center;
    }
    .pro2left ul li i {
        font-size: 16px;
        color: #009046;
        margin-right: 10px;
    }
    .pro2left ul li span {
        font-size: 16px;
        color: #787878;
    }
    .pro2left img {
        max-width: 300px;
    }
    .pro2right {
        width: 65%;
    }
    .pro2right strong {
        color: #86ae8a;
        font-size: 35px;
        display: block;
        margin-bottom: 50px;
    }
    .pro2right p {
        font-size: 14px;
        line-height: 25px;
        color: #787878;
    }
    .bg3 {
        width: 100%;
        height: 200px;
        background-image: url(../images/bgpro1.jpg);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .pro3 {
        width: 100%;
    }
    .pro3con {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .pro3left {
        width: 50%;
    }
    .pro3left img {
        width: 100%;
    }
    .pro3right {
        width: 50%;
        padding: 40px 20px;
    }
    .pro3right strong {
        margin-bottom: 45px;
        display: block;
        font-size: 35px;
        color: #86ae8a;
    }
    .pro3right p {
        font-size: 14px;
        color: #787878;
        line-height: 25px;
    }
    .pro4 {
        padding: 45px 0;
        width: 100%;
        background-image: url(../images/bg4.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
    .pro4con {
        max-width: 1200px;
        margin: 0 auto;
    }
    .pro4title {
        position: relative;
        font-size: 35px;
        margin-bottom: 60px;
        text-align: center;
        color: #fff;
    }
    .pro4title::after {
        width: 100px;
        height: 3px;
        background-color: #fff;
        content: '';
        left: 50%;
        transform: translateX(-50%);
        bottom: -15px;
        position: absolute;
    }
    .zero {
        background-color: #fff;
        padding: 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .zero .z-l {
        width: 25%;
    }
    .zero .z-l img {
        width: 95px;
        display: block;
        margin: 0 auto;
    }
    .z-ri {
        width: 75%;
        font-size: 16px;
        line-height: 25px;
    }
    .z-ri p {
        font-size: 14px;
        color: #787878;
    }
    .pro5 {
        width: 100%;
        padding: 50px;
    }
    .pro5con {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .pro5 .cul1title {
        color: #86ae8a;
    }
    .pro5 .cul1title::after {
        background-color: #86ae8a;
    }
    .pro5item {
        width: 48%;
    }
    .pro5item p {
        font-size: 20px;
        color: #787878;
    }
    .pro5item span {
        line-height: 25px;
        display: block;
        color: #787878;
        font-size: 14px;
        margin: 20px 0;
    }
    .pro5item img {
        width: 100%;
    }
    .pro6 {
        width: 100%;
        padding: 40px 50px;
        background-color: #f2f2f2;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .pro6left {
        width: 50%;
    }
    .pro6right {
        width: 40%;
    }
    .pro6right img {
        width: 100%;
    }
    .pro6left p {
        color: #808080;
        font-size: 20px;
        margin-bottom: 20px;
    }
    .pro6left span {
        color: #787878;
        display: block;
        padding-right: 50px;
        font-size: 16px;
    }
    .pro7 {
        padding: 45px 0;
        width: 100%;
        background-image: url(../images/bg4.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 80px;
        background-attachment: fixed;
    }
    .pro7con {
        margin: 0 auto;
    }
    .pro7title {
        position: relative;
        font-size: 35px;
        margin-bottom: 60px;
        text-align: center;
        color: #fff;
    }
    .pro7title::after {
        width: 100px;
        height: 3px;
        background-color: #fff;
        content: '';
        left: 50%;
        transform: translateX(-50%);
        bottom: -15px;
        position: absolute;
    }
    .pro7bo {
        width: 90%;
        padding: 50px;
        background-color: #fff;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .pro7boleft {
        width: 48%;
    }
    .pro7boleft img {
        /* width: 100%;
        height: auto !important; */
    }
    .pro7boright {
        width: 48%;
    }
    .pro7boright p {
        font-size: 20px;
        color: #000;
        margin-bottom: 10px;
    }
    .pro7boright span {
        font-size: 14px;
        color: #787878;
        line-height: 25px;
    }
    .news {
        padding: 30px;
        margin-top: 110px;
    }
    .newitem {
        display: flex;
        cursor: pointer;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 15px 0;
        border-top: 1px solid #c9c9c9;
    }
    .n_left {
        width: 40%;
    }
    .n_left img {
        width: 100%;
    }
    .n_right {
        width: 56%;
    }
    .n_right p {
        color: #009046;
        font-size: 17px;
        font-weight: bold;
        padding-bottom: 15px;
        /* border-bottom: 1px solid #efefef; */
    }
    .n_right span {
        display: block;
        font-size: 16px;
        line-height: 25px;
        color: #787878;
        /* padding-top: 15px;
        margin-top: 10px; */
        /* border-top: 1px solid #efefef; */
        font-weight: normal;
    }
    .inside {
        width: 99.5%;
        margin: 0 auto;
        margin-top: 110px;
    }
    .download {
        padding: 50px 0;
        margin-top: 110px;
        width: 100%;
    }
    .downloadcon {
        width: 100%;
    }
    .downloaditem ul {
        display: flex;
        flex-wrap: wrap;
        max-width: 90% !important;
    }
    .downloaditem ul li {
        width: calc((100% - 600px) / 6);
        margin-right: 120px;
    }
    .downloaditem ul li:nth-child(6n) {
        margin-right: 0;
    }
    .downloaditem ul li img {
        width: 100%;
    }
}

@media only screen and (max-width: 996px) {
    .download {
        padding: 30px 15px;
        margin-top: 100px;
        width: 100%;
    }
    .downloadcon {
        width: 100%;
    }
    .downloaditem ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .downloaditem ul li {
        width: 48% !important;
        margin-bottom: 20px;
    }
    .downloaditem ul li img {
        width: 100% !important;
    }
    .inside {
        width: 95%;
        margin: 0 auto;
        margin-top: 100px;
    }
    .news {
        padding: 30px 15px;
        margin-top: 80px;
    }
    .newitem {
        flex-wrap: wrap;
        display: flex;
        cursor: pointer;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 15px 0;
        border-top: 1px solid #c9c9c9;
    }
    .n_left {
        width: 100%;
    }
    .n_left img {
        width: 100%;
    }
    .n_right {
        margin-top: 20px;
        width: 100%;
    }
    .n_right p {
        color: #009046;
        font-size: 15px;
        font-weight: bold;
        padding-bottom: 10px;
        border-bottom: 1px solid #efefef;
    }
    .n_right span {
        display: block;
        font-size: 14px;
        line-height: 25px;
        color: #787878;
        padding-top: 10px;
        margin-top: 10px;
        border-top: 1px solid #efefef;
    }
    .pro7 {
        padding: 45px 15px;
        width: 100%;
        background-image: url(../images/bg4.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
        margin-bottom: 50px;
    }
    .pro7con {
        margin: 0 auto;
    }
    .pro7title {
        position: relative;
        font-size: 25px;
        margin-bottom: 40px;
        text-align: center;
        color: #fff;
    }
    .pro7title::after {
        width: 100px;
        height: 3px;
        background-color: #fff;
        content: '';
        left: 50%;
        transform: translateX(-50%);
        bottom: -15px;
        position: absolute;
    }
    .pro7bo {
        width: 100%;
        padding: 25px;
        background-color: #fff;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .pro7boleft {
        display: none;
    }
    .pro7boright {
        width: 100%;
    }
    .pro7boright p {
        font-size: 20px;
        color: #000;
        margin-bottom: 10px;
    }
    .pro7boright span {
        font-size: 14px;
        color: #787878;
        line-height: 25px;
    }
    .pro6 {
        width: 100%;
        padding: 30px 15px;
        background-color: #f2f2f2;
        display: flex;
        flex-wrap: wrap;
    }
    .pro6left {
        width: 100%;
        margin-bottom: 20px;
    }
    .pro6right {
        width: 100%;
    }
    .pro6right img {
        width: 100%;
    }
    .pro6left p {
        color: #808080;
        font-size: 16px;
        margin-bottom: 16px;
    }
    .pro6left span {
        color: #787878;
        display: block;
        font-size: 14px;
    }
    .pro5 {
        width: 100%;
        padding: 30px 15px;
    }
    .pro5con {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .pro5 .cul1title {
        color: #86ae8a;
    }
    .pro5 .cul1title::after {
        background-color: #86ae8a;
    }
    .pro5item {
        width: 100%;
        margin-bottom: 20px;
    }
    .pro5item p {
        font-size: 16px;
        color: #86ae8a;
    }
    .pro5item span {
        line-height: 25px;
        display: block;
        color: #787878;
        font-size: 14px;
        margin: 15px 0;
    }
    .pro5item img {
        width: 100%;
    }
    .pro4 {
        padding: 45px 15px;
        width: 100%;
        background-image: url(../images/bg4.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
    .pro4con {
        margin: 0 auto;
    }
    .pro4title {
        position: relative;
        font-size: 25px;
        margin-bottom: 40px;
        text-align: center;
        color: #fff;
    }
    .pro4title::after {
        width: 100px;
        height: 3px;
        background-color: #fff;
        content: '';
        left: 50%;
        transform: translateX(-50%);
        bottom: -15px;
        position: absolute;
    }
    .zero {
        background-color: #fff;
        padding: 20px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    .zero .z-l {
        width: 100%;
        margin-bottom: 20px;
    }
    .zero .z-l img {
        width: 95px;
        display: block;
        margin: 0 auto;
    }
    .z-ri {
        width: 100%;
        font-size: 14px;
        line-height: 25px;
    }
    .z-ri p {
        font-size: 14px;
        color: #787878;
    }
    .pro3 {
        width: 100%;
        padding: 30px 15px;
    }
    .pro3con {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .pro3left {
        width: 100%;
    }
    .pro3left img {
        width: 100%;
    }
    .pro3right {
        width: 100%;
        margin-top: 20px;
    }
    .pro3right strong {
        margin-bottom: 15px;
        display: block;
        font-size: 25px;
        color: #86ae8a;
    }
    .pro3right p {
        font-size: 14px;
        color: #787878;
        line-height: 25px;
    }
    .bg3 {
        width: 100%;
        height: 150px;
        background-image: url(../images/bgpro1.jpg);
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .pro2 {
        padding: 30px 15px;
    }
    .pro2con {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .pro2left {
        width: 100%;
    }
    .pro2left p {
        font-size: 14px;
        font-weight: bold;
        color: #86ae8a;
        margin-bottom: 10px;
    }
    .pro2left ul li {
        display: flex;
        margin-bottom: 15px;
        align-items: center;
    }
    .pro2left ul li i {
        font-size: 14px;
        color: #009046;
        margin-right: 10px;
    }
    .pro2left ul li span {
        font-size: 14px;
        color: #787878;
    }
    .pro2left img {
        width: 100%;
    }
    .pro2right {
        width: 100%;
        margin-top: 20px;
    }
    .pro2right strong {
        color: #86ae8a;
        font-size: 25px;
        display: block;
        margin-bottom: 20px;
    }
    .pro2right p {
        font-size: 14px;
        line-height: 25px;
        color: #787878;
    }
    .pro1 {
        margin-top: 60px;
        background-color: #f8f6f1;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 30px 15px;
    }
    .pro1con {
        display: flex;
        width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .proleft {
        width: 100%;
        padding-top: 30px;
    }
    .proleft strong {
        font-size: 30px;
        display: block;
        margin-bottom: 15px;
        color: #513132;
    }
    .proleft p {
        font-size: 14px;
        color: #808080;
        margin-bottom: 10px;
    }
    .proright {
        width: 50%;
        margin-top: 25px;
    }
    .proright img {
        max-width: 250px;
    }
    .in3 {
        width: 100%;
        padding: 30px 15px;
    }
    .in3con {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .ins3item {
        width: 100%;
        margin-bottom: 20px;
    }
    .ins3item strong {
        display: block;
        font-size: 20px;
        color: #808080;
        margin-bottom: 20px;
    }
    .ins3item ul li {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }
    .ins3item ul li span {
        display: block;
        font-size: 14px;
        color: #808080;
        margin-right: 5px;
    }
    .ins3item ul li p {
        padding: 5px 10px;
        font-size: 14px;
        color: #fff;
        background-color: #009046;
    }
    .in2 {
        padding: 30px 15px;
        width: 100%;
    }
    .in2con {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .in2left {
        width: 100%;
        margin-bottom: 20px;
    }
    .in2left img {
        width: 100%;
    }
    .in2right {
        width: 100%;
    }
    .in2right p {
        font-size: 20px;
        color: #808080;
        margin-bottom: 20px;
        font-weight: bold;
    }
    .in2right span {
        color: #787878;
        line-height: 25px;
        font-size: 16px;
        margin-bottom: 20px;
        display: block;
    }
    .in1 {
        width: 100%;
        margin-top: 100px;
        padding: 30px 15px;
    }
    .in1con {
        width: 100%;
    }
    .in1con img {
        width: 100%;
    }
    .sus5 {
        padding: 30px 15px;
    }
    .sus5top {
        width: 100%;
        background-color: #03a9f4;
        padding: 3px;
        text-align: center;
        color: #fff;
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 50px;
    }
    .sus5item ul {
        max-width: 1200px;
        display: flex;
        margin: 0 auto;
        align-items: center;
        flex-wrap: wrap;
    }
    .sus5item ul li {
        width: 100%;
    }
    .sus5item ul li img {
        width: 90px;
        display: block;
        margin: 0 auto;
    }
    .sus5item ul li p {
        color: #808080;
        text-align: center;
        margin: 10px auto;
        font-size: 18px;
    }
    .sus5item ul li span {
        color: #787878;
        text-align: center;
        margin-bottom: 70px;
        display: block;
        font-size: 16px;
    }
    .fo {
        width: 100%;
        margin: 0 auto;
        flex-wrap: wrap;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .foitem {
        width: 100%;
        margin-bottom: 20px;
    }
    .fotop {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 15px;
        text-align: center;
        color: #00923c;
        padding-bottom: 3px;
        border-bottom: 2px solid #009046;
    }
    .fobox {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .foboxitem {
        width: 100%;
        margin-bottom: 20px;
    }
    .foboxitem img {
        width: 100%;
    }
    .foboxitem p {
        text-align: center;
        margin-bottom: 70px;
        color: #787878;
        margin-top: 10px;
        font-size: 14px;
    }
    .sus2 {
        padding: 30px 15px;
    }
    .sus2con p {
        text-align: center;
        color: #808080;
        margin-top: 20px;
        line-height: 25px;
        font-size: 14px;
    }
    .sus1 {
        width: 100%;
        margin-top: 100px;
        padding: 30px 15px;
    }
    .sus1con {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .sus1left {
        width: 100%;
    }
    .sus1left img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .sus1right {
        width: 100%;
        background-color: #f4f4f4;
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding: 15px;
    }
    .sus1right p {
        font-size: 20px;
        color: #808080;
        line-height: 30px;
        margin-bottom: 50px;
    }
    .sus1right ul li {
        display: flex;
        margin-bottom: 15px;
        align-items: center;
    }
    .sus1right ul li i {
        color: #03a9f4;
        font-size: 25px !important;
        margin-right: 10px;
    }
    .sus1right ul li span {
        color: #808080;
        font-size: 20px;
    }
    .duc5 {
        width: 100%;
    }
    .duc5con {
        width: 100%;
        margin-top: 10px;
        background-image: url(../images/duc5.png);
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 80px;
    }
    .duc5con ul {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .duc5con ul li {
        width: 100%;
        padding: 30px 15px;
        text-align: center;
    }
    .duc5con ul li p {
        font-size: 55px;
        color: #fff;
        margin-bottom: 20px;
    }
    .duc5con ul li span {
        color: #fff;
        font-size: 20px;
        text-align: center;
        display: block;
    }
    .duc3con {
        width: 100%;
    }
    .duc3 .duc2con {
        align-items: center;
    }
    .duc3 .duc2con .duc2left {
        background-color: #fff;
    }
    .duc4 {
        width: 100%;
    }
    .duc4con {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .duc4con img {
        width: 100%;
    }
    .duc2 {
        width: 100%;
    }
    .duc2con {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .duc2left {
        width: 100%;
        background-color: #f4f4f4;
        padding: 50px 40px;
    }
    .duc2left p {
        font-size: 20px;
        color: #808080;
        margin-bottom: 20px;
    }
    .duc2left span {
        color: #787878;
        font-size: 16px;
    }
    .duc2right {
        width: 100%;
    }
    .duc2right img {
        width: 100%;
    }
    .duc2left ul li {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }
    .duc2left ul li i {
        font-size: 20px !important;
        margin-right: 10px;
    }
    .duc2left ul li strong {
        margin-right: 5px;
        font-size: 16px;
        color: #787878;
    }
    .duc1 {
        width: 100%;
        margin-top: 100px;
        padding: 30px 15px;
    }
    .duc1con {
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .duc1left {
        width: 100%;
    }
    .duc1left img {
        width: 100%;
    }
    .duc1right {
        width: 100%;
        margin-top: 20px;
    }
    .duc1right strong {
        color: #009047;
        font-size: 25px;
        display: block;
        margin-bottom: 20px;
        text-align: center;
    }
    .duc1right p {
        font-size: 16px;
        color: #808080;
    }
    .orga {
        width: 100%;
        margin-top: 100px;
        padding: 30px 15px;
    }
    .orgacon {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .orleft {
        width: 100%;
    }
    .orleft img {
        width: 100%;
    }
    .orright img {
        max-width: 100%;
    }
    .orright {
        width: 100%;
        background-color: #f4f4f4;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 30px;
        flex-direction: column;
    }
    .orright p {
        font-size: 15px;
        color: #808080;
        line-height: 25px;
    }
    .cul2left img {
        width: 100%;
    }
    .cul3 {
        margin-bottom: 80px;
    }
    .cul3 .cul2right {
        background-color: #fff !important;
    }
    .cul2 {
        width: 100%;
    }
    .cul2con {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .cul2left {
        width: 100%;
    }
    .cul2right {
        width: 50%;
    }
    .cul2swiper {
        width: 100%;
    }
    .cul2swiper img {
        width: 100%;
    }
    .cul2btn {
        width: 40px !important;
        height: 40px !important;
        background: rgba(0, 0, 0, .4);
        background-image: none !important;
        font-size: 18px;
        text-align: center;
        line-height: 40px;
        color: #fff;
    }
    .cul2right {
        width: 100%;
        padding: 20px 30px;
        background-color: #f4f4f4;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .cul2right h6 {
        font-size: 25px;
        color: #808080;
        position: relative;
        margin-bottom: 40px;
    }
    .cul2right h6::after {
        position: absolute;
        width: 100px;
        height: 3px;
        background-color: #808080;
        content: '';
        left: 0%;
        bottom: -15px;
    }
    .cul2right p {
        font-size: 16px;
        color: #808080;
        line-height: 25px;
    }
    .cul1 {
        width: 100%;
        margin-top: 100px;
        padding: 30px 15px;
    }
    .cul1con {
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .cul1title {
        text-align: center;
        color: #808080;
        font-size: 25px;
        margin-bottom: 30px;
        position: relative;
    }
    .cul1title::after {
        position: absolute;
        width: 50px;
        height: 3px;
        background-color: #808080;
        content: '';
        left: 50%;
        bottom: -15px;
        transform: translateX(-50%);
    }
    .cul1conleft {
        width: 100%;
    }
    .cul1conleft img {
        display: block;
        margin: 0 auto;
        max-width: 200px;
    }
    .cul1conright {
        width: 100%;
        margin-top: 20px;
    }
    .cul1conright p {
        font-size: 14px;
        color: #787878;
        margin-bottom: 15px;
    }
    .cul1conright ul li {
        display: flex;
        margin-bottom: 10px;
    }
    .cul1conright ul li span {
        font-size: 14px;
        display: block;
        color: #787878;
        margin-left: 10px;
    }
    .cul1conright ul li i {
        color: #00923c;
    }
    .bottomFix {
        position: fixed;
        height: 40px;
        background-color: #000000;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 9999;
    }
    .bottomFixcon {
        display: flex;
        margin: 0 auto;
        height: 40px;
        align-items: center;
        justify-content: center;
    }
    .bottomFixcon a {
        display: block;
        font-size: 12px;
        color: #fff;
    }
    .bottomFixcon span {
        color: #fff;
        font-size: 12px;
        display: block;
        margin: 0 5px;
    }
    .indexBanner {
        width: 100%;
        height: calc(100vh - 100px);
        margin-top: 60px !important;
    }
    .indexBanner .onlyImg img {
        width: 100%;
        height: 100vh;
        object-fit: cover;
    }
    .hasWord {
        background-color: #e0eadc;
        display: flex;
        align-items: center;
    }
    .hasWordBox {
        width: 100%;
        margin: 0 auto;
        padding: 30px 15px;
        display: flex;
        align-items: center;
        flex-direction: column-reverse;
        justify-content: space-between;
    }
    .hWleft {
        width: 100%;
    }
    .hWleft h1 {
        font-size: 45px;
        color: #513132;
    }
    .hWleft p {
        font-size: 16px;
        color: #513132;
        margin-top: 30px;
    }
    .hWright {
        width: 100%;
    }
    .hWright img {
        width: 100%;
    }
    .hWleft a {
        display: block;
        width: 145px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        color: #86ae8a;
        margin-top: 25px;
        border: 2px solid #86ae8a;
    }
    .hWleft a:hover {
        background-color: #86ae8a !important;
        color: #fff !important;
    }
    .pchead {
        display: none;
    }
    .searbox {
        display: none;
    }
    .ml_mb_arrowChange {
        transform: rotate(90deg);
    }
    .ml_mbnav_3 {
        display: none;
    }
    .ml_mbnav_3_item {
        display: flex;
        padding: 0 20px;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #f3f3f3;
        background-color: #efefef;
    }
    .ml_mbnav_3_item>a {
        display: block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        color: #333;
        font-size: 14px;
        padding-left: 35px;
    }
    .ml_mb_nav i {
        font-size: 22px !important;
        transition: all ease .4s;
    }
    .ml_mbnav_2_item {
        display: flex;
        padding: 0 20px;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #f3f3f3;
        background-color: #e3e3e3;
    }
    .ml_mbnav_2_item>a {
        display: block;
        height: 40px;
        width: 100%;
        line-height: 40px;
        color: #333;
        font-size: 14px;
        padding-left: 20px;
    }
    .ml_mbnav_2 {
        display: none;
    }
    .ml_mbnav_1_item>a {
        display: block;
        height: 40px;
        line-height: 40px;
        color: #333;
        font-size: 14px;
        width: 100%;
    }
    .ml_mbnav_1_item {
        display: flex;
        padding: 0 20px;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #f3f3f3;
    }
    .ml_mb_nav {
        width: 100%;
        height: calc(100% - 60px);
        position: fixed;
        top: 60px;
        right: -100%;
        background-color: #fff;
        z-index: 100;
        border-top: 1px solid #ccc;
        overflow: scroll;
        padding: 20px 0;
        transition: all ease .4s;
    }
    .mb_navShow {
        right: 0 !important;
    }
    .hb_fadeout {
        opacity: 0 !important;
    }
    .change2 {
        transform: translateY(-10px) rotate(-45deg);
    }
    .change1 {
        transform: translateY(10px) rotate(45deg);
    }
    .hb span {
        display: block;
        width: 30px;
        height: 1px;
        background-color: #333;
        transition: all ease .4s;
    }
    .hb {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        height: 20px;
        flex-direction: column;
    }
    .ml_mb_logo img {
        width: 120px;
    }
    .ml_mb_head {
        display: flex;
        height: 60px;
        padding: 0 20px;
        background-color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        align-items: center;
        justify-content: space-between;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        width: 100%;
        z-index: 99;
    }
}