/* public */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}

i,
em,
b,
strong {
    font-style: normal;
    font-weight: normal;
}

ul,
ol,
li {
    list-style: none;
}

input,
video {
    outline: none;
    border: none;
}

textarea {
    outline: none;
    resize: none;
}

* {
    font-family: "Microsoft YaHei";
    color: #333;
    font-size: 14px;
}

a {
    text-decoration: none;
    list-style: none;
    outline: none;
}

a:hover {
    text-decoration: none;
}

img {
    border: none;
    vertical-align: middle;
}

.clear:after {
    content: '\20';
    display: block;
    height: 0;
    clear: both;
}

.clear {
    *zoom: 1;
}

.cl {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.tc {
    text-align: center;
}

.tl {
    text-align: left;
}

.tr {
    text-align: right;
}

.container {
    width: 1200px;
    margin: 0 auto;
}

.overhidden {
    overflow: hidden;
}

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

.table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}

.tablecell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}


/* header */

.h_top {
    border-top: 4px solid #6ab43e;
    background-color: #333;
    min-width: 1200px;

}

.h_topw {
    width: 1200px;
    margin: 0 auto;
    padding: 8px 0;
}

.h_tl {
    float: left;
}

.h_tr {
    float: right;
}

.h_tl img {
    width: 16px;
}

.h_tl a {
    color: #fff;
    font-size: 14px;
    margin-right: 20px;
}
.h_tr a img{
    width: 100%;
}
.h_tl span {
    color: #fff;
    font-size: 14px;
}

.h_tr a {
    width: 20px;
    display: inline-block;
    margin: 0 4px;
}

.h_nav {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 14px 0;
}

.logo {
    float: left;
    width: 210px;
}

.nav {
    float: right;
    overflow: hidden;
    margin-top: 14px;
}

.nav li {
    float: left;
    width: 104px;
    border-radius: 50px;
}

.nav li a {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #333;
    font-size: 15px;
    padding: 7px 0;
}

.nav li:hover {
    background-color: #6ab43e;
}


.nav li:hover a {
    color: #fff;
}

.nav .active {
    background-color: #6ab43e;
}

.nav .active a {
    color: #fff;
}

/* footer */


footer {
    background-color: rgb(37, 39, 46);
    min-width: 1200px;
}

.f_top {
    width: 1200px;
    margin: 0 auto;
    padding: 60px 0;
    overflow: hidden;
}

.f_tl {
    width: 28%;
    float: left;
    margin-right: 3%;
}

.f_tm {
    width: 38%;
    float: left;
    margin-right: 3%;
}

.f_tr {
    width: 28%;
    float: left;
}

.f_tl p {
    color: rgb(102, 102, 102);
    line-height: 18px;
    margin: 8px 0;
}


.f_lxways {
    color: rgb(102, 102, 102);
    line-height: 18px;
    padding: 6px 0;
}

.f_share a {
    width: 30px;
    display: inline-block;
    margin-right: 10px;
    padding: 10px 0;
}
.f_share a img{
    width: 100%;
}
.f_title {
    font-size: 15px;
    color: #fff;
    border-bottom: 1px solid rgb(68, 68, 68);
    padding: 10px 0;
    position: relative;
    margin-bottom: 20px;
}

.f_title span {
    background-color: rgb(106, 180, 62);
    width: 46px;
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.f_bottom {
    background-color: rgb(51, 51, 51);
}

.f_bottomw {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0;
}

.f_bl {
    float: left;
    font-size: 12px;
    color: #666;
}

.f_bl a{
    float: left;
    font-size: 12px;
    color: #666;
}

.f_br {
    float: right;
    overflow: hidden;
}

.f_br li {
    float: left;
}

.f_br li a {
    font-size: 12px;
    color: #666;
    margin-left: 16px;
}

.f_news {
    width: 100%;
    overflow: hidden;
    padding-bottom: 10px;
    display: inline-block;
}

.f_news img {
    width: 80px;
    float: left;
}

.f_ninfo {
    width: calc(100% - 100px);
    float: right;
}

.f_ninfo p {
    font-size: 14px;
    color: #c0c0c0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.f_ninfo span {
    font-size: 12px;
    color: #666666;
}

/* mob */
.mnav {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 997;
    background: rgba(0, 0, 0, .5);
    display: none;
}

.mnav_cont {
    width: 200px;
    height: 100%;
    background: #fff;
    position: relative;
    z-index: 999;
    overflow: scroll;
}

.mnav_lists li {
    width: 100%;
    text-align: center;
}

.mnav_lists li a {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 18px 0;
    color: #000;
}

.mnav_colse {
    width: calc(100% - 190px);
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 998;
    background: rgba(0, 0, 0, .5);
}

.open_mnav {
    display: none;
    float: right;
    margin: 10px 4px 4px;
    cursor: pointer;
}

.mfoot {
    width: 100%;
    position: fixed;
    width: 100%;
    background: #6ab43e;
    bottom: 0;
    left: 0;
    display: flex;
    z-index: 50;
    display: none;
}

.mfoot_item {
    width: 50%;
    text-align: center;
}

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

.mfoot_img {
    margin: 4px auto 0;
}

.mfoot_img img {
    margin: 0 auto;
}

.mfoot_title {
    font-size: 12px;
    color: #fff;
    padding-bottom: 4px;
}



/* content */
.banner {
    width: 100%;
    position: relative;
}

.s_banner {
    width: 100%;
    min-width: 1200px;
}

.s_banner img {
    width: 100%;
}

.s_banner .swiper-pagination-bullet {
    background: transparent;
    border: 1px solid #fff;
    width: 12px;
    height: 12px;
    opacity: 1;
}

.s_banner .swiper-pagination-bullet-active {
    background: #fff;
}

.banner_word {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 20;
}

.banner_title {
    display: inline-block;
    background-color: rgba(106, 180, 62, .65);
    border-radius: 4px;
    padding: 10px 20px;
    margin-top: 160px;
    margin-left: 100px;
}

.banner_t1 {
    font-size: 70px;
    font-weight: bold;
    color: #fff;
}

.banner_t1 span {
    font-size: 70px;
    font-weight: bold;
    color: rgb(54, 105, 0);
}

.banner_t2 {
    font-size: 22px;
    color: #fff;
}








.i_fwys {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 60px 0 60px 0;
}

.i_title1 {
    text-align: center;
    color: #333;
    font-size: 33px;
    padding-bottom: 20px;
}

.i_title1 span {
    color: #6aa84f;
    font-size: 33px;
}

.i_title2 {
    font-size: 15px;
    color: #666;
    text-align: center;
    padding-bottom: 50px;
}

.i_fwcont {
    width: 100%;
}

.i_fwcont ul li {
    width: 360px;
    text-align: center;
    float: left;
    margin-right: 58px;
}

.i_fwcont ul li:nth-child(3n) {
    margin-right: 0;
}

.i_t1 {
    font-size: 17px;
    color: #000;
    padding: 20px 0;
}

.i_t2 {
    font-size: 13px;
    color: #777;
}

.i_about {
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    background-image: url('../images/bg3.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.i_t3 {
    font-size: 22px;
    color: #444;
    padding-top: 30px;
}

.i_t3 span {
    font-size: 22px;
    color: #6ab43e;

}

.line {
    width: 30px;
    height: 2px;
    background-color: #6ab43e;
    margin: 20px 0;
}

.i_t4 {
    width: 45%;
}

.i_btn1 {
    background-color: #6aa84f;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 8px 20px;
    text-align: center;
    margin: 0px 0 50px;
}

.i_t5 {
    margin-left: 50%;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    font-size: 26px;
    padding: 10px;
}


.i_fwxm {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    padding: 60px 0 60px 0;
}


.i_zxlunb {
    position: relative;
}

.s_zxdt {
    width: 1084px;
    margin: 0 auto;
}

.s_zxdt .swiper-slide a {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.s_zxdt .swiper-slide a img {
    width: 100%;
    height: 190px;
}

.s_zxdt .swiper-slide a p {
    font-size: 14px;
    padding: 20px 0 0;
    color: #274e13;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.i_zxlunb .s_bn {
    background-image: url(../images/next.png);
    background-size: 100% 100%;
    top: 40%;
    width: 30px;
    height: 48px;
}

.i_zxlunb .s_bp {
    background-image: url(../images/pre.png);
    background-size: 100% 100%;
    top: 40%;
    width: 30px;
    height: 48px;
}

.i_bottomdh {
    background-image: url('../images/img04.jpg');
    padding: 60px 0 190px;
    min-width: 1200px;
}

.i_t6 {
    font-size: 36px;
    color: #000;
}

.i_t7 {
    font-size: 24px;
    color: rgb(39, 78, 19);
    background-color: #fff;
    display: inline-block;
    padding: 4px;
    margin: 10px 0 30px;
}

.i_t8 {
    font-size: 34px;
    color: rgb(106, 168, 79);
    font-weight: bold;
}

.banner2 {
    width: 100%;
    height: 340px;
    min-width: 1200px;
    overflow: hidden;
    position: relative;
}

.banner2 img {
    width: 100%;
}

.ban_mask {
    position: absolute;
    top: 34%;
    width: 100%;
    text-align: center;
    left: 0;
    z-index: 20;
}

.ban_title {
    background-color: rgba(106, 180, 62, .65);
    color: #fff;
    font-style: italic;
    padding: 10px 20px;
    font-size: 33px;
    display: inline-block;
}

/* --- */
.g_topw {
    width: 1200px;
    margin: 0 auto;
    font-size: 0;
}

.g_top {
    width: 100%;
    min-width: 1200px;
    border-bottom: 1px solid rgb(237, 237, 237);
    margin-bottom: 50px;
    text-align: center;
}

.g_th {
    display: inline-block;
    margin-bottom: -4px;
}

.g_th li {
    float: left;
}

.g_th li a {
    display: inline-block;
    color: #434343;
    font-size: 14px;
    padding: 20px 40px;
    background-image: url('../images/point2.png');
    background-repeat: no-repeat;
    background-position: center -10px;
}

.g_th .g_active a {
    background-image: url('../images/point1.png');
    color: #6aa84f;
}

.g_th li a:hover {
    background-image: url('../images/point1.png');
    color: #6aa84f;
}

.zy_cont {
    width: 1200px;
    margin: 0 auto 50px;
}

.fl_cont {}

.fl_cont li {
    width: 372px;
    margin-right: 20px;
    margin-bottom: 30px;
    float: left;
}

.fl_cont li:nth-child(3n) {
    margin-right: 0px;
}

.fl_cont li a {
    width: 100%;
    display: inline-block;
    padding: 15px;
    box-sizing: border-box;
    border: 1px solid rgb(238, 238, 238);
}

.fl_cont li a img {
    margin-bottom: 10px;
    width: 100%;
}

.fl_cont li a p {
    color: #333;
    font-size: 15px;
    text-align: center;
}

.fl_cont li a:hover {
    border: 1px solid #6aa84f;
}

.fl_cont li a:hover p {
    color: #6aa84f;
}

.pages {
    text-align: center;
    padding: 30px 0;
}

.pages a {
    border: 1px solid #F3F3F3;
    padding: 2px 5px;
    color: #CCC;
    margin: 0 2px;
    display: inline-block;
}

.pages .p_active {
    border: 1px solid #B2E05D;
    font-weight: bold;
    color: #FFF;
    background-color: #B2E05D;
}

.yj_t1 {
    color: red;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
}

.yj_t2 {
    font-size: 16px;
    color: #5A5A5A;
}

.yj_cont {
    width: 1200px;
    margin: 0 auto 50px;
    background-image: url('../images/bg1.jpg');
    background-repeat: no-repeat;
    min-height: 600px;

}

.n_item {
    width: 100%;
    padding: 20px 0;
    overflow: hidden;
    border-bottom: 1px dotted #dbd4cd;
    display: inline-block;
}

.n_il {
    width: 60px;
    float: left;
    background: #819f6d;
    text-align: center;
    padding: 2px;
    box-sizing: border-box;
}

.n_il span {
    color: #fff;
    font-size: 25px;
}

.n_il p {
    color: #fff;
    font-size: 13px;
}

.n_ir {
    width: calc(100% - 80px);
    float: right;
}

.n_t1 {
    font-size: 16px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.n_t2 {
    font-size: 14px;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.n_item:hover .n_t1 {
    color: #6aa84f;
}

.lx_l {
    width: 36%;
    float: left;
}

.lx_r {
    width: 60%;
    float: right;
}


.lx_title {
    font-size: 24px;
    color: #5a5a5a;
    border-bottom: 1px dashed rgb(178, 178, 178);
    padding: 10px 0;
    position: relative;
    margin-bottom: 20px;
}

.lx_title span {
    background-color: rgb(106, 180, 62);
    width: 90px;
    height: 2px;
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.lx_litem img {
    width: 30px;
    margin-right: 15px;
}


.lx_litem {
    font-size: 16px;
    color: #5a5a5a;
    padding-bottom: 10px;
}

.map {
    width: 100%;
    margin-top: 20px;
}

.map img {
    width: 100%;
}

.lx_rly {}

.lx_rly input {
    border: 1px solid #d0e0e3;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
    margin-bottom: 20px;
}

.lx_rly textarea {
    border: 1px solid #d0e0e3;
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
    margin-bottom: 20px;
}

.lx_tj {
    width: 180px;
    font-size: 15px;
    margin-top: 9px;
    height: 42px;
    line-height: 42px;
    background-color: #6ab43e;
    color: #fff;
}

.zy_cont {}

.de_t1 {
    font-size: 21px;
    color: #000;
    text-align: center;
    padding: 10px 0;
}

.zy_zz {
    text-align: center;
}

.zy_zz span {
    font-size: 12px;
    color: #666;
    margin: 0 10px;
}

.zy_top {
    border: 1px solid #E5E5E5;
    font-size: 12px;
    color: #868686;
    line-height: 14px;
    background: #F5F5F5;
    padding: 6px;
    margin: 20px 0;
}

.de_cont {
    margin: 20px 0;
}

.pages2 a {
    display: block;
    font-size: 14px;
    color: #434343;
    padding-bottom: 10px;
}

.de_t3 {
    font-size: 22px;
    color: #6ab43e;
    text-align: center;
}

.de_img {
    display: block;
    margin: 0 auto;
}

/* --- */

.det_img {
    padding: 4% 0;
    width: 350px;
    margin: 0 auto;
}

.det_mbimg {
    width: 100%;
    display: none;
    padding: 20px;
    box-sizing: border-box;
}

.det_mbimg img{
    width: 100%;
}

/* ---- 图片放大 ---- */
.jqzoom {
    float: left;
    border: none;
    position: relative;
    padding: 0px;
    cursor: pointer;
    margin: 0px;
    display: block;
}


.zoomdiv {
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 350px;
    height: 350px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
}

.jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    border: 1px solid #aaa;
    background: #ffffff;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
}

/*图片小图预览列表*/
.spec-preview {
    width: 350px;
    height: 350px;
    border: 1px solid #DFDFDF;
}

.spec-scroll {
    clear: both;
    margin-top: 5px;
    width: 352px;
}

.spec-scroll .prev {
    float: left;
    margin-right: 4px;
}

.spec-scroll .next {
    float: right;
}

.spec-scroll .prev,
.spec-scroll .next {
    display: block;
    font-family: "宋体";
    text-align: center;
    width: 10px;
    height: 54px;
    line-height: 54px;
    border: 1px solid #CCC;
    background: #EBEBEB;
    cursor: pointer;
    text-decoration: none;
}

.spec-scroll .items {
    float: left;
    position: relative;
    width: 322px;
    height: 56px;
    overflow: hidden;
}

.spec-scroll .items ul {
    position: absolute;
    width: 999999px;
    height: 56px;
}

.spec-scroll .items ul li {
    float: left;
    width: 64px;
    text-align: center;
}

.spec-scroll .items ul li img {
    border: 1px solid #CCC;
    padding: 2px;
    width: 50px;
    height: 50px;
}

.spec-scroll .items ul li img:hover {
    border: 2px solid #FF6600;
    padding: 1px;
}



.jqzoom img {
    width: 100%;
}



@media screen and (min-width: 200px) and (max-width:800px) {
    .container {
        width: 100%;
    }

    .open_mnav {
        display: block;
    }

    .mfoot {
        display: flex;
    }

    body {
        padding-bottom: 56px;
    }

    .h_nav {
        width: 100%;
    }

    .h_topw {
        width: 100%;
    }

    .h_tr {
        display: none;
    }

    .nav {
        display: none;
    }

    .h_top {
        min-width: auto;
    }

    footer {
        min-width: auto;
    }

    .f_top {
        width: 100%;
        padding: 20px 0;
    }

    .f_tl {
        width: 90%;
        margin: 0 5%;
    }

    .f_tm,
    .f_tr {
        display: none;
    }

    .f_bottomw {
        width: 100%;
        padding: 10px;
        box-sizing: border-box;
    }

    .f_br {
        display: none;
    }

    /* content */
    .s_banner {
        width: 100%;
        min-width: auto;
    }

    .i_fwys {
        width: 100%;
        padding: 20px 0;
    }

    .i_title1 {
        font-size: 24px;
        padding-bottom: 10px;
    }

    .i_title1 span {
        font-size: 24px;
    }

    .i_title2 {
        font-size: 14px;
        padding-bottom: 20px;
    }

    .i_fwcont ul li {
        width: 96%;
        margin: 2% 2% 20px;
    }

    .i_t1 {
        font-size: 16px;
        padding: 10px 0;
    }

    .i_fwcont ul li img {
        width: 100%;
    }

    .i_about {
        width: 96%;
        min-width: auto;
        margin: 2% auto;
        background-image: none;
    }

    .i_t4 {
        width: 100%;
    }

    .i_t5 {
        margin-left: 0;
        background-color: rgba(0, 0, 0, .5);
        color: #fff;
        font-size: 24px;
        margin: 10px 0;
        padding: 4px;
    }

    .i_btn1 {
        margin: 0px 0 20px;
    }

    .i_fwxm {
        width: 100%;
        padding: 20px 0;
    }

    .s_zxdt {
        width: 100%;
    }

    .i_bottomdh {
        background-image: url(../images/img04.jpg);
        padding: 20px;
        min-width: auto;
    }

    .i_t6 {
        font-size: 24px;
    }

    .i_t8 {
        font-size: 24px;
        color: rgb(106, 168, 79);
        font-weight: bold;
    }

    .banner2 {
        height: auto;
        min-width: auto;
    }

    .ban_title {
        font-size: 14px;
    }

    .g_top {
        min-width: auto;
        margin-bottom: 20px;
    }

    .g_topw {
        width: 100%;
    }

    .g_th li a {
        padding: 22px 6px;
        font-size: 12px;
    }

    .zy_cont {
        width: 100%;
        margin: 0 auto 20px;
    }

    .fl_cont li {
        width: 100%;
        margin-right: 0;
    }

    .lx_l {
        width: 96%;
        margin: 2%;
    }

    .lx_r {
        width: 96%;
        margin: 2%;
    }

    .yj_cont {
        width: 100%;
        margin: 0 auto 20px;
        min-height: auto;
    }

    .banner_word {
        display: none;
    }

    .det_img {
        display: none;
    }

    .det_mbimg {
        display: block;
    }

}