@media (max-width: 768px) {
    .click_prs{
        width: 50px;
        left: 4%;
    }
    .click_nes{
        width: 50px;
        right: 4%;
    }

    .logo img{
        height: 50px;
    }
    .bg2{
        background: url("../picture/bg2.png") no-repeat center;
        background-size: cover;
        background: none;
    }
    .about{
        background:#e5e5e5;
        /* overflow: hidden; */
        height: auto;
        position: relative;
    }
    .aboutcon{
        max-width: 1440px;
        margin: 0px auto 27px;
        overflow: hidden;
        width: 90%;
    }
    .aboutL{
        float: left;
        width: 100%;
    }
    .aboutLcon{
        overflow: hidden;
        margin: 30px auto;
        display: flex;
    }
    .aboutLcon a{
        width: 31%;
        float: left;
        background: #fff;
        height: 141px;
        text-align: center;
        margin-right: 10px;
    }
    .aboutLcon a p{
        height: 80px;
        margin-top: 30px;
    }
    .aboutLcon a p img{
        height: 60px;
    }
    .aboutLcon a h3{
        color: #434343;
        font-size: 14px;
    }
    .aboutLcon a h2{
        color: #094209;
        height: 100px;
        line-height: 100px;
    }
    .aboutLcon a h2 span{
        font-size: 40px;
    }
    .aboutR{
        float: right;
        width: 100%;
    }
    .aboutR h2{
        color: #434343;
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .aboutR p{
        color: #434343;
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 20px;
    }
    .aboutR a{

        margin-bottom: 32px;

    }
    .aboutR a img{

    }
    .procon{
        background: url("../images/bgpro.png") no-repeat bottom ;
        background-size: 100% 60%;
    }
    .proone{
        background: url("../picture/bg3.png") no-repeat;
        background-size: cover;
        max-width: 1440px;
        margin: 0 auto;
        /* overflow: hidden; */
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
        flex-wrap: wrap;
    }
    .prooneL{
        width: 100%;
        float: left;
        color: #fff;
        margin: 2%;
    }

    .prooneL h2{

    }
    .prooneL p{

        color: #fff;
    }
    .prooneL a{

    }
    .prooneR{
        float: right;
        width: 100%;
        text-align: left;
        text-align: center;
    }
    .prooneR img{

        width: 60%;

        margin-top: -10%;
    }
    .product{

        max-width: 1467px;

        margin: 0 auto;

        overflow: hidden;

        padding-bottom: 50px;

        background: #eee;

    }
    .product a{

        float: left;

        margin: 1%;

        background: #fff;

        /* height: 400px; */

        width: 48%;

    }
    .productimg {

        height: 150px;

        line-height: 150px;

        display: flex;

        justify-content: center;

        align-items: center;

    }
    .productimg img{

        height: 70px;

        height: 108px;

    }
    .prodes{

        text-align: center;

        margin: 40px 0;
    }
    .prodes h2{

        font-size: 16px;

    }
    .prodes p{

        color: #666;

        font-size: 14px;

    }
    .panshi{
        background: url(../picture/bg4.png) no-repeat center;
        background-size: cover;
    }
    .panshicon{
        width: 100%;
        margin: 0 auto;
        padding: 50px 0;
    }

    .panshitype{
        text-align: center;
        margin-bottom: 50px;
        margin-top: 73px;
    }
    .panshitype a{
        width: 48%;
        height: 60px;
        text-align: center;
        display: inline-block;
        color: #fff;
        line-height: 60px;
        font-size: 20px;
    }
    .panshitype a.active{
        background: rgb(197 192 192 / 50%);
    }
    .panshitypecon{

    }
    .panshitypecon p{
        background: rgb(197 192 192 / 50%);
        padding: 30px;
        color: #fff;
        text-align: left;
        line-height: 26px;
        font-size: 16px;
    }
    .title{

        width: 93%;

        max-width: 1440px;

        margin: 20px auto;

        overflow: hidden;

    }
    .titleL{

        float: left;
    }
    .titleL h2{

    }
    .titleL p{

        color: #999;
    }
    .title a{

        float: right;

        margin-top: 27px;

    }
    .title a img{

    }
    .news{

        overflow: hidden;

        max-width: 1470px;

        margin: 0px auto 60px;

        width: 94%;

    }
    .news a{

        display: block;

        float: left;

        width: 100%;

        margin: 1%;

    }
    .newsimg {
        overflow: hidden;
        margin-bottom: 5px;
    }
    .newsimg img{
        width: 100%;
    }
    .newscon{
        padding: 10px;
        background: #e5e5e5;
    }

    .footer{
        background: url("../picture/footerbg.png") no-repeat;
        background-size: 100% 100%;
        /* overflow: hidden; */
        position: relative;
    }
    .slogo{

        text-align: center;

        margin-top: -59px;

        position: absolute;

        width: 100%;

    }
    .slogo img{

        width: 80px;
    }
    .footercon{

        overflow: hidden;

        max-width: 1440px;

        padding: 60px 0;

        margin: 0 auto;
    }
    .footercon1{
        float: left;
        color: #fff;
        width: 100%;
        text-align: center;
    }

    .footercon1 h2{

        margin: 20px 0;
    }
    .footercon1 p{

    }
    .ewm{
        /* text-align: center; */
        margin-top: 10px;
    }
    .ewmcon{

        display: inline-block;

        text-align: center;

        margin-right: 10px;
    }
    .ewmcon img{

        width: 100px;
    }
    .ewmcon p{

        font-size: 14px;

        margin-top: 9px;
    }
    .footercon2{

        float: left;

        color: #fff;

        width: 48%;

    }
    .footercon2 h2{

        margin: 20px;

        text-align: center;
    }
    .footercon2 a{

        font-size: 14px;

        color: #fff;

        display: block;

        text-align: center;

        margin: 10px auto;
    }

    .footercon3{

        float: left;

        color: #fff;

        width: 48%;

        text-align: center;

    }
    .footercon3 h2{

        margin: 20px;
    }
    .footercon3 a{

        display: block;

        color: #fff;

        text-align: center;

        margin: 10px 0;
    }
    .footercon4{

        float: none;

    }
    .footerlogo {

        text-align: center;

        margin-bottom: 10px;

    }
    .footerlogo img{

        height: 58px;
    }
    .banquan{
        color: #fff;
        text-align: center;
        font-size: 14px;
    }
    .beian{
        text-align: center;
    }
    .beian a{

        color: #fff;
    }
    .cm_tit{
        color: #000;
        text-align: center;
    }
    .cm_tit .dect{
        color: #666;
    }

    /*other*/
    .otherpage{ margin-top:0px;

    }
    .location{

        line-height: 50px;

        border-bottom: 1px solid #ddd;
    }
    .locationCon{

        max-width: 1440px;

        margin: 0 auto;

        font-size: 14px;

        width: 90%;

    }
    .locationCon img{

        height: 20px;

        margin-right: 10px;
    }
    .productnav{

        border: 5px solid #eaf5e1;

        height: 183px;

        line-height: 60px;

        display: flex;

        max-width: 1440px;

        margin: 10px auto 40px;

    }
    .productnavL{

        float: left;

        position: relative;

        display: none;

    }
    .productnavL h2{

        background: #335e11;

        height: 60px;

        line-height: 60px;

        color: #fff;

        text-align: center;

        width: 200px;
    }
    .productnavL ul{

        position: absolute;

        z-index: 10;

        width: 100%;

        background: #fff;
    }
    .productnavL ul li{

        border-bottom: 1px solid #335e11;

        height: 50px;

        line-height: 50px;

        text-align: center;

        font-size: 14px;
    }
    .productnavL ul li a{

    }
    .productnavR{

        float: left;

        width: 74%;

        margin-left: 22px;
    }
    .productnavR a{

        width: 34%;

        float: left;

        background: url("../picture/star1.png") no-repeat 10px center;

        background-size: 20px;

        padding-left: 41px;

    }
    .productnavR a.active{
        background: url("../picture/star2.png") no-repeat 10px center;
        background-size: 20px;
        color: #335e11;
    }
    .main_product{

        overflow: hidden;

        max-width: 1440px;

        margin: 0 auto;
    }
    .main_productTit{

        text-align: center;

        margin-top: 30px;

        margin-bottom: 30px;

    }
    .main_productTit h2{

    }
    .main_productTit h2 span{

        color: #535353;

        border-bottom: 3px solid #335e11;

        padding-bottom: 8px;
    }
    .main_productTit p{

        color: #999;

        font-size: 14px;

        margin-top: 26px;
    }
    .main_productcon{
        overflow: hidden;
        width: 94%;
        margin: 0 auto;
    }

    .main_productcon a{

        float: left;

        width: 48%;

        margin: 1%;

        box-sizing: border-box;

        border: 1px solid #335e11;

    }
    .main_productcon a {}
    .main_productconimg{
        height: 200px;
    }
    .main_productconimg img{

        width: 100%;
    }
    .main_productcon a h2{

        background: #335e11;

        font-size: 14px;

        color: #fff;

        text-align: center;

        line-height: 45px;
    }
    .pages{
        text-align: center;
        margin: 100px auto;
    }
    .pages a{

        display: inline-block;

        width: 30px;

        height: 30px;

        background: #335e11;

        text-align: center;

        color: #fff;

        font-size: 12px;

        line-height: 30px;
    }
    .fya{
        background: #e5e5e5 !important;
        color: #666 !important;
    }

    .pageabout{
        max-width: 1440px;
        margin: 0 auto;
    }

    .pageaboutTit{

        max-width: 1440px;

        margin: 40px auto;

        display: flex;

        justify-content: space-between;
    }
    .pageaboutTitL{

        background: #25410f;

        font-size: 16px;

        color: #fff;

        line-height: 60px;

        width: 147px;

        text-align: center;

        font-size: 18px;

        border-left: 16px solid #e60a19;
    }
    .pageaboutTitR{}

    .pageaboutTitR img{

        width: 62px;
    }
    .pageaboutcon{
        overflow: hidden;
        width: 90%;
        margin: 0 auto;
    }

    .pageaboutconL{
        float: left;
        width: 100%;
    }

    .pageaboutconL h2{

        color: #535353;

        margin-bottom: 10px;
    }
    .pageaboutconL span{

        display: block;

        width: 100px;

        height: 5px;

        background: #555;

        border-radius: 10px;
    }
    .pageaboutconLcon {

        font-size: 16px;

        color: #999;

        line-height: 37px;

        margin-top: 39px;
    }
    .pageaboutconLcon p{

        margin: 20px 0;
    }
    .pageaboutconR{

        float: right;

        width: 100%;

        margin-bottom: 20px;

    }
    .pageaboutconR img{

    }
    .rongyu{

        max-width: 1440px;

        margin: 60px auto;
    }
    .rongyutit{

        text-align: center;

        color: #25410f;

        font-size: 19px;

    }
    .rongyutit p{
        text-align: center;
        height: 10px;
        overflow: hidden;
    }
    .rongyutit p span{
        display: block;
        width: 38px;
        height: 5px;
        background:#25410f;
        margin: 0 auto;
        border-radius: 10px;
    }
    .rongyutype{

        text-align: center;

        margin: 50px auto;
    }
    .rongyutype a{

        background: #eeeeee;

        width: 27%;

        height: 40px;

        line-height: 40px;

        text-align: center;

        color: #666;

        display: inline-block;

    }
    .rongyutype a.active{

        background: #25410f;

        color: #fff;
    }
    .rongyucon{

        display: flex;

        flex-wrap: wrap;

        width: 94%;

        margin: 0 auto;

    }
    .rongyucon a{

        width: 48%;

        margin: 1%;

    }
    .rongyuimg{

        overflow: hidden;
    }
    .rongyuimg img{

        width: 100%;
    }
    .rongyucon a p{

        text-align: center;

        font-size: 14px;
    }

    .fazhan{
        background: url("../picture/fazhanbg.png") no-repeat;
        background-size: 100% 100%;
        padding-bottom: 55px;
        overflow: hidden;
    }
    .fazhancon{
        position: relative;
        color: #fff;
        /*min-height: 400px;*/


    }
    .fazhancon p{
        width: 78%;
        margin: 10px auto;
        font-size: 14px;
    }
    .fazhancon .swiper-button-prev{
        background: url("../picture/left2.png") no-repeat;
        background-size: 100% 100%;
        height: 150px;
    }
    .fazhancon .swiper-button-next{
        background: url("../picture/right2.png") no-repeat;
        background-size: 100% 100%;
        height: 150px;
    }
    .fazhantit{

        text-align: center;

        color: #fff;

        margin: 40px auto;

        font-size: 19px;

    }
    .fazhantit p{

    }
    .fazhantit p span{

        display: block;

        width: 38px;

        height: 5px;

        background: #fff;

        margin: 10px auto;

        border-radius: 10px;
    }
    .fazhan h3{
        text-align: center;
        margin-bottom: 40px;
    }
    .fazhan h3 img{
        height: 80px;
    }
    .year{

        display: flex;

        justify-content: space-between;

        width: 98%;

        margin: 0 auto;
    }
    .year a{

        color: #fff;

        font-size: 12px;

    }
    .fazhan .swiper-pagination{
        border-radius: 20px;
        position: relative;width: 98% !important;margin: 0 auto;display: flex;background: rgba(255,255,255,.5);justify-content: space-between;bottom: 0 !important;overflow: hidden;}
    .fazhan .swiper-pagination span{
        background: #fff;
        border: 3px solid #000;
        width: 10px;
        height: 10px;
        float: left;
        opacity: 1 !important;
    }
    .fazhan .swiper-pagination-bullet-active{
        background: red !important;
    }
    .history{
        /*min-height: 400px;*/
        margin: 100px auto;
    }
    .cm_tit .t1{
        margin-top: 20px;
    }

}