.ispc{ display: block}
.isphone{ display: none}
.index-tit{
    text-align: center;
    background: url("../images/tit_arr.png") no-repeat center bottom;
    padding-bottom:30px;
    margin-bottom: 25px;
}
.index-tit1{
    text-align: center;
    background: url("../images/tit_arr.png") no-repeat center bottom;
    padding-bottom:30px;
    margin-bottom: 25px;
}
.index_about_box{
    width: 1028px!important; padding-top:50px; padding-bottom: 80px;
}
.index_about{ width: 257px; height: 232px; text-align: center;  padding-left: 0px!important; padding-right: 0px!important;}
.index_about_txt{ width: 257px; height: 232px; text-align: center; background: #ffffff; padding-left: 0px!important; padding-right: 0px!important;}
.index_about_txt:hover{ width: 257px; height: 232px; text-align: center; background: #008d44; color: #fff; padding-left: 0px!important; padding-right: 0px!important;}
.index_about img{ width: 257px; height: 232px;}
.index_about_txt h3{
    font-size: 25px; padding-top:26%
}
.index_about_txt:hover .green{ color: #fff;}
.index_about_txt:hover .light-green{ color: #fff;}
.index_about_txt:hover .red{ color: #fff;}
.index_about_txt:hover .orange{ color: #fff;}
.index_about_txt p{font-size:18px;line-height: 20px;}
.green{ color: #008d44}
.light-green{ color: #92c03a}
.red{ color: #ec2d34}
.orange{ color: #e88726}
.index-product{
    width: 1028px!important; padding-top:50px; padding-bottom: 80px;
}
.index-product-list{
    position: relative;
    padding-left: 0px!important;
    padding-right: 0px!important;
    width: 251px;
    height: 419px;
    overflow: hidden;
}
.index-product-list .img{
    width: 251px;
    height: 419px;
}
.index-product-list .txt{
    position: absolute;
    top:0px;
    width: 100% !important;
    height: 419px;
    text-align: center;
    color: #ffffff;
}
.index-product-list h3{
    font-size: 25px;
    padding-top:55%;

}
.index-product-list p{font-size:18px;line-height: 20px;}

.tm-green{
    background-color: rgba(0, 138, 70, 0.6);
}
.tm-green:hover{
    background-color: rgba(0, 138, 70, 0.1); font-size: 28px;padding-top:10%;
}
.tm-light-green{
    background-color: rgba(204, 255, 51, 0.6);
}
.tm-light-green:hover{
    background-color: rgba(204, 255, 51, 0.1); font-size: 28px;padding-top:10%;
}
.tm-orange{
    background-color: rgba(255, 153, 102, 0.6);
}
.tm-orange:hover{
    background-color: rgba(255, 153, 102, 0.1); font-size: 28px;padding-top:10%;
}
.tm-red{
    background-color: rgba(204, 51, 51, 0.6);
}
.tm-red:hover{
    background-color: rgba(204, 51, 51, 0.1); font-size: 28px;padding-top:10%;
}

.index-news{
    width: 1090px!important; padding-top:50px; padding-bottom: 50px;
}

.index-news-list{
    margin-bottom: 30px;
}
.index-news-list ul {
    background: #8fc42e;
    color: #ffffff;
    height: 103px;
    width: 100%;
}

.index-news-list .title{ width: 407px; padding: 35px 10px 10px 10px; font-size:18px; line-height: 22px; overflow: hidden}
.index-news-list .title a{ color: #fff; text-decoration: none;}
.index-news-list .title a:hover{ color: #fff000; text-decoration: none;}
.index-news-list .left_date{
    font-size:16px; background: url("../images/news_date_left.jpg") no-repeat; width: 103px; height: 103px; line-height: 103px; text-align: center;
}
.index-news-list .right_date{
    font-size:16px; background: url("../images/news_date_right.jpg") no-repeat; width: 103px; height: 103px; line-height: 103px; text-align: center;
}
.height85{ height: 85px; width: 100%; margin: 0px auto}
.page_banner{width:1260px; margin: 0px auto; text-align: center; position: relative}
.page_banner img{ width: 100%; height: auto}
.page_path {
    color: #ffffff;
    position: absolute;
    bottom: 30px;
    right: 60px;
    width: 250px;
    height: 130px;
    background-color: rgba(0, 138, 70, 0.6);
    text-align: left;
    padding-left: 30px;
    padding-top: 10px;
}
.page_path a{color: #fff; text-decoration: none;}
.page_path a:hover{color: #fff; text-decoration: none;}

.page_path h3{ padding-bottom: 15px; border-bottom: 1px solid #ffffff}
.page_path h3 span{ font-size:14px; padding-left:10px;}
.pro_sort{
    background: #008a46;
    color: #ffffff;
    padding-bottom: 15px;
}
.pro_box{ padding-left:0px!important; padding-right:0px!important; margin-top:15px}
.pro_tit{}
.pro_tit .tit{ font-size:24px; color: #008a46}
.pro_tit .icon .iconfont{ font-size:24px; color: #999}
.pro_sort h2{ padding-top:35px; padding-bottom: 15px; font-size:24px; text-align: center;}
.pro_sort ul{ padding-top:10px; padding-bottom:10px; background: #fff; width: 80%; margin: 10px auto 15px auto; }
.pro_sort a{ color: #666; font-size:16px; text-decoration: none;}
.pro_sort a:hover{ color: #cc3333; font-size:16px; text-decoration: none;}
.pro_sort li{
    text-indent:15px;height: 35px; line-height: 35px; margin-top:10px;
}
.pro_list_tit{
    border-bottom: 1px solid #ddd; line-height: 40px; color: #008a46; font-size:20px;margin-bottom:25px;
}
.pro_list{ width: 100%; }
.pro_list a{ font-size:16px; color: #333; text-decoration: none;}
.pro_list a:hover{ font-size:16px; color: #008a46; text-decoration: none;}
.pro_list .img{ width: 100%; height: 200px; border: 2px solid #ddd;display: flex; justify-content: center;align-items: center;}
.pro_list .img img{ width: 100%; max-width: 100%; max-height: 100%!important; width: auto; height: auto}
.pro_list .tit{ text-align: center; line-height: 45px; font-size:18px; padding-bottom: 10px;}
.pro_list .img:hover{
    border:2px solid #008a46
}

.company_menu{ height: 70px; line-height: 70px;}
.company_menu .com_menu{
    text-align: center; font-size:20px; color: #333;
}
.company_menu .com_menu{
    text-align: center; font-size:20px; color: #333;
}
.company_menu a{
    text-decoration:none; color: #333;
}
.company_menu a:hover{
    text-decoration:none; color: #ffffff;
}
.company_menu .com_menu:hover{
    background: #008a46; color: #ffffff;
}
.company_menu .com_menu:hover a{
    background: #008a46; color: #ffffff;
}
.company_menu .com_menu:hover a:hover{
    background: #008a46; color: #ffffff;
}
.company_menu .active{
    background: #008a46; color: #ffffff;
}
.company_menu .active a{
    background: #008a46; color: #ffffff;
}
.company_menu .active a:hover{
    background: #008a46; color: #ffffff;
}

.com_tit1{
    margin-top: 35px;
    background: url("../images/com_tit_bg1.png") #f7f7f7 no-repeat center;
    background-size: 80% auto;
    height: 150px;
    line-height: 150px;
    font-size:45px;
    text-align: center;
    font-weight: bold;
}
.com_tit2{
    margin-top: 35px;
    background: url("../images/com_tit_bg2.png") #f7f7f7 no-repeat center;
    background-size: 80% auto;
    height: 150px;
    line-height: 150px;
    font-size:45px;
    text-align: center;
    font-weight: bold;
}
.com_tit3{
    margin-top: 35px;
    background: url("../images/com_tit_bg3.png") #f7f7f7 no-repeat center;
    background-size: 80% auto;
    height: 150px;
    line-height: 150px;
    font-size:45px;
    text-align: center;
    font-weight: bold;
}
.com_tit4{
    margin-top: 35px;
    background: url("../images/com_tit_bg4.png") #f7f7f7 no-repeat center;
    background-size: 80% auto;
    height: 150px;
    line-height: 150px;
    font-size:45px;
    text-align: center;
    font-weight: bold;
}
.com_tit5{
    margin-top: 35px;
    background: url("../images/com_tit_bg5.png") #f7f7f7 no-repeat center;
    background-size: 80% auto;
    height: 150px;
    line-height: 150px;
    font-size:45px;
    text-align: center;
    font-weight: bold;
}
.com_tit6{
    margin-top: 35px;
    background: url("../images/com_tit_bg6.png") #f7f7f7 no-repeat center;
    background-size: 60% auto;
    height: 150px;
    line-height: 150px;
    font-size:45px;
    text-align: center;
    font-weight: bold;
}
.com_img{ text-align: center; padding-top:50px; padding-bottom: 50px;}
.com_content{
    background: #f1f1f1;
    font-size:16px; line-height: 30px;
    padding: 60px;
}
.com_content .com_txt{
     padding: 20px;
     background: #ffffff;
}
.com_content .com_txt img{
    max-width: 100%;
    width: auto;
    height: auto;
}
.com_list{margin-top:35px;}
.com_img_list{ width: 100%; }
.com_img_list a{ font-size:16px; color: #333; text-decoration: none;}
.com_img_list a:hover{ font-size:16px; color: #008a46; text-decoration: none;}
.com_img_list .img{ width: 100%; height: 200px; border: 2px solid #ddd;display: flex; justify-content: center;align-items: center;}
.com_img_list .img img{ width: 100%; max-width: 100%; max-height: 100%!important; width: auto; height: auto}
.com_img_list .tit{ text-align: center; height: 45px; overflow: hidden; line-height: 45px; font-size:18px; padding-bottom: 10px;}
.com_img_list .img:hover{
    border:2px solid #008a46
}
.com_timeline_box{
    margin-top:50px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    background: url("../images/history_bg.jpg") #ffffff no-repeat center;
    background-size: 100% auto;

}
.com_timeline{ padding-top: 100px; padding-bottom: 100px; margin-left:100px; margin-right: 100px; }
.com_art_box{
    width: 930px!important; padding-top:50px; padding-bottom: 80px;
}
.com_art{ width: 465px; height:285px; text-align: center;  padding-left: 0px!important; padding-right: 0px!important;}
.com_art_txt{ width: 465px; height: 285px; text-align: center; background: #f7f7f7; padding-left: 0px!important; padding-right: 0px!important;}
.com_art img{ width: 465px; height: 285px;}
.com_art_txt h3{
    font-size: 25px; padding-top:18%;
    color:#008d44 ;
}
.com_art_txt:hover{ width: 465px; height: 285px; text-align: center; background: #008d44; color: #fff; padding-left: 0px!important; padding-right: 0px!important;}
.com_art_txt:hover h3{  color:#ffffff!important;}
.com_art_txt:hover .green{ color: #fff;}
.com_art_txt:hover .light-green{ color: #fff;}
.com_art_txt:hover .red{ color: #fff;}
.com_art_txt:hover .orange{ color: #fff;}
.com_art_txt p{font-size:18px;line-height: 20px;}

.news_sort{
    margin-top:20px; border-top:3px solid #008d44;
}
.news_sort li{ position: relative; line-height: 45px; border-bottom: 1px solid #ddd;}
.news_sort a{ color: #d42931; font-size:16px; text-decoration: none}
.news_sort a:hover{ color: #d42931; font-size:16px; text-decoration: none}
.news_sort li div{ position: absolute; top:5px; right: 0px;color: #d42931;}
.news_sort li div .iconfont{ font-size:20px!important;}
@media (max-width: 767px) {
    .page_banner{width:100%; margin: 54px auto; text-align: center;}

    .ispc{ display: none}
    .isphone{ display: block}
    .index-tit{
        text-align: center;
        background: url("../images/tit_arr.png") no-repeat center bottom;
        padding-bottom:30px;
        margin-bottom: 25px;
        width: 100%;
    }
    .index-tit1{
        text-align: center;
        background: url("../images/tit_arr.png") no-repeat center bottom;
        padding-bottom:30px;
        margin-bottom: 25px;
        width: 100%;
    }
    .index-tit img{ width: 60%;}
    .index-tit1 img{ width: 100%;}
    .index_about_box{
        width: 100%!important; padding-top:30px; padding-bottom: 40px;
    }
    .index_about{ width: 100%; height: 175px; text-align: center;  padding-left: 0px!important; padding-right: 0px!important;}
    .index_about_txt{ width: 100%; height:175px; text-align: center; background: #ffffff; padding-left: 0px!important; padding-right: 0px!important;}
    .index_about_txt:hover{ background: #008d44; color: #fff;  width: 50%; height:175px;}
    .index_about img{ width: 100%; height: 175px;}
    .index_about_txt h3{
        font-size: 25px; padding-top:20%
    }
    .index_about_txt:hover .green{ color: #fff;}
    .index_about_txt:hover .light-green{ color: #fff;}
    .index_about_txt:hover .red{ color: #fff;}
    .index_about_txt:hover .orange{ color: #fff;}
    .index_about_txt p{font-size:14px;line-height: 20px; padding-right: 10px; padding-left:10px;}
    .green{ color: #008d44}
    .light-green{ color: #92c03a}
    .red{ color: #ec2d34}
    .orange{ color: #e88726}
    .index-product{
        width: 100%!important; padding-top:30px; padding-bottom: 40px;
    }
    .index-product-list{
        position: relative;
        padding-left: 0px!important;
        padding-right: 0px!important;
        width: 50%;
        height: 100%!important;
        overflow: hidden;
    }
    .index-product-list .img{
        width: 100%!important;
        height: 100%!important;
    }
    .index-product-list .img img{
        width: 100%!important;
        height: 100%!important;
    }
    .index-product-list .txt{
        position: absolute;
        top:0px;
        width: 100% !important;
        height: 100%!important;
        text-align: center;
        color: #ffffff;
    }
    .index-product-list h3{
        font-size: 25px;
        padding-top:55%;

    }
    .index-product-list p{font-size:18px;line-height: 20px;}

    .tm-green{
        background-color: rgba(0, 138, 70, 0.6);
    }
    .tm-green:hover{
        background-color: rgba(0, 138, 70, 0.1); font-size: 28px;padding-top:10%;
    }
    .tm-light-green{
        background-color: rgba(204, 255, 51, 0.6);
    }
    .tm-light-green:hover{
        background-color: rgba(204, 255, 51, 0.1); font-size: 28px;padding-top:10%;
    }
    .tm-orange{
        background-color: rgba(255, 153, 102, 0.6);
    }
    .tm-orange:hover{
        background-color: rgba(255, 153, 102, 0.1); font-size: 28px;padding-top:10%;
    }
    .tm-red{
        background-color: rgba(204, 51, 51, 0.6);
    }
    .tm-red:hover{
        background-color: rgba(204, 51, 51, 0.1); font-size: 28px;padding-top:10%;
    }

    .index-news{
        width: 100%!important; padding-top:30px; padding-bottom: 20px;
    }

    .index-news-list{
        margin-bottom: 15px;
    }
    .index-news-list ul {
        background: #8fc42e;
        color: #ffffff;
        height: 103px;
        width: 100%;
    }

    .index-news-list .title{ width: 60%; padding: 15px 10px 10px 10px; font-size:18px; line-height: 22px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:4;-webkit-box-orient: vertical}
    .index-news-list .title a{ color: #fff; text-decoration: none;}
    .index-news-list .title a:hover{ color: #fff000; text-decoration: none;}
    .index-news-list .left_date{
        font-size:16px; background: url("../images/news_date_left.jpg") no-repeat; width: 103px; height: 103px; line-height: 103px; text-align: center;
    }
    .index-news-list .right_date{
        font-size:16px; background: url("../images/news_date_right.jpg") no-repeat; width: 103px; height: 103px; line-height: 103px; text-align: center;
    }
    .qrcode img{
        width: 120px; height: 120px;
    }
    .height85{ height: 55px; width: 100%; margin: 0px auto}
    .page_banner{width:100%; margin: 0px auto; text-align: center; position: relative}
    .page_banner img{ width: 100%; height: auto}
    .page_path {
        color: #ffffff;
        position: absolute;
        bottom: 10px;
        right: 10px;
        width: 200px;
        height: 70px;
        background-color: rgba(0, 138, 70, 0.6);
        text-align: left;
        padding-left: 10px;
        padding-top: 0px!important;
    }
    .page_path a{color: #fff; text-decoration: none;}
    .page_path a:hover{color: #fff; text-decoration: none;}

    .page_path h3{ padding-bottom: 5px; margin-top:10px; font-size:18px!important; border-bottom: 1px solid #ffffff}
    .page_path h3 span{ font-size:12px; padding-left:5px;}
    .page_path p{ font-size:12px;}
    .pro_sort{
        background: #008a46;
        color: #ffffff;
        padding-bottom: 15px;
    }
    .pro_box{ padding-left:15px!important; padding-right:15px!important; margin-top:15px}
    .pro_tit{}
    .pro_tit .tit{ font-size:24px; color: #008a46}
    .pro_tit .icon .iconfont{ font-size:24px; color: #999}
    .pro_sort h2{ padding-top:35px; padding-bottom: 15px; font-size:24px; text-align: center;}
    .pro_sort ul{ padding-top:10px; padding-bottom:10px; background: #fff; width: 80%; margin: 10px auto 15px auto; }
    .pro_sort a{ color: #666; font-size:16px; text-decoration: none;}
    .pro_sort a:hover{ color: #cc3333; font-size:16px; text-decoration: none;}
    .pro_sort li{
        text-indent:15px;height: 35px; line-height: 35px; margin-top:10px;
    }
    .pro_list_tit{
        border-bottom: 1px solid #ddd; line-height: 40px; color: #008a46; font-size:20px;margin-bottom:25px;
    }
    .pro_list{ width: 100%; }
    .pro_list a{ font-size:16px; color: #333; text-decoration: none;}
    .pro_list a:hover{ font-size:16px; color: #008a46; text-decoration: none;}
    .pro_list .img{ width: 100%; height: 200px; border: 2px solid #ddd;display: flex; justify-content: center;align-items: center;}
    .pro_list .img img{ width: 100%; max-width: 100%; max-height: 100%!important; width: auto; height: auto}
    .pro_list .tit{ text-align: center; line-height: 45px; font-size:18px; padding-bottom: 10px;}
    .pro_list .img:hover{
        border:2px solid #008a46
    }

    .company_menu{ border-left:1px solid #ddd; border-top:1px solid #ddd; height: 70px;line-height: 70px;}
    .company_menu .com_menu{
        text-align: center; font-size:20px; color: #333;
        border-right:1px solid #ddd; border-bottom: 1px solid #ddd;
    }
    .company_menu .com_menu{
        text-align: center; font-size:20px; color: #333;
    }
    .company_menu a{
        text-decoration:none; color: #333;
    }
    .company_menu a:hover{
        text-decoration:none; color: #ffffff;
    }
    .company_menu .com_menu:hover{
        background: #008a46; color: #ffffff;
    }
    .company_menu .com_menu:hover a{
        background: #008a46; color: #ffffff;
    }
    .company_menu .com_menu:hover a:hover{
        background: #008a46; color: #ffffff;
    }
    .company_menu .active{
        background: #008a46; color: #ffffff;
    }
    .company_menu .active a{
        background: #008a46; color: #ffffff;
    }
    .company_menu .active a:hover{
        background: #008a46; color: #ffffff;
    }

    .com_tit1{
        margin-top: 35px;
        background: url("../images/com_tit_bg1.png") #f7f7f7 no-repeat center;
        background-size: 90% auto;
        height: 100px;
        line-height: 100px;
        font-size:45px;
        text-align: center;
        font-weight: bold;
    }
    .com_tit2{
        margin-top: 35px;
        background: url("../images/com_tit_bg2.png") #f7f7f7 no-repeat center;
        background-size: 90% auto;
        height: 100px;
        line-height: 100px;
        font-size:45px;
        text-align: center;
        font-weight: bold;
    }
    .com_tit3{
        margin-top: 35px;
        background: url("../images/com_tit_bg3.png") #f7f7f7 no-repeat center;
        background-size: 90% auto;
        height: 100px;
        line-height: 100px;
        font-size:45px;
        text-align: center;
        font-weight: bold;
    }
    .com_tit4{
        margin-top: 35px;
        background: url("../images/com_tit_bg4.png") #f7f7f7 no-repeat center;
        background-size: 90% auto;
        height: 100px;
        line-height: 100px;
        font-size:45px;
        text-align: center;
        font-weight: bold;
    }
    .com_tit5{
        margin-top: 85px;
        background: url("../images/com_tit_bg5.png") #f7f7f7 no-repeat center;
        background-size: 90% auto;
        height: 100px;
        line-height: 100px;
        font-size:45px;
        text-align: center;
        font-weight: bold;
    }
    .com_tit6{
        margin-top: 35px;
        background: url("../images/com_tit_bg6.png") #f7f7f7 no-repeat center;
        background-size: 90% auto;
        height: 100px;
        line-height: 100px;
        font-size:45px;
        text-align: center;
        font-weight: bold;
    }
    .com_img{ text-align: center; padding-top:30px; padding-bottom: 30px;}
    .com_img img{  width: 100%}
    .com_content{
        background: #f1f1f1;
        font-size:16px; line-height: 30px;
        padding: 20px;
    }
    .com_content .com_txt{
        padding: 10px;
        background: #ffffff;
    }
    .com_content .com_txt img{
        max-width: 100%;
        width: auto;
        height: auto;
    }
    .com_list{margin-top:35px;}
    .com_img_list{ width: 100%; }
    .com_img_list a{ font-size:16px; color: #333; text-decoration: none;}
    .com_img_list a:hover{ font-size:16px; color: #008a46; text-decoration: none;}
    .com_img_list .img{ width: 100%; height: 125px; border: 2px solid #ddd;display: flex; justify-content: center;align-items: center;}
    .com_img_list .img img{ width: 100%; max-width: 100%; max-height: 100%!important; width: auto; height: auto}
    .com_img_list .tit{ text-align: center; height: 45px; overflow: hidden; line-height: 45px; font-size:14px; padding-bottom: 10px;}
    .com_img_list .img:hover{
        border:2px solid #008a46
    }
    .com_timeline_box{
        margin-top:5px;
        margin-bottom: 5px;
        width: 100%;
        background: none;

    }
    .com_timeline{ padding-top: 10px; padding-bottom: 10px; margin-left:10px; margin-right: 10px; }
    .com_art_box{
        width: 100%!important; padding-top:15px; padding-bottom: 25px;
    }
    .com_art{ width: 100%; height:130px; text-align: center;  padding-left: 0px!important; padding-right: 0px!important;}
    .com_art_txt{ width: 100%; height: 130px; text-align: center; background: #f7f7f7; padding-left: 0px!important; padding-right: 0px!important;}
    .com_art img{ width: 100%; height: 130px;}
    .com_art_txt h3{
        font-size: 20px; padding-top:10%;
        color:#008d44 ;
    }
    .com_art_txt:hover{ width: 50%; height: 130px; text-align: center; background: #008d44; color: #fff; padding-left: 0px!important; padding-right: 0px!important;}
    .com_art_txt:hover h3{  color:#ffffff!important;}
    .com_art_txt:hover .green{ color: #fff;}
    .com_art_txt:hover .light-green{ color: #fff;}
    .com_art_txt:hover .red{ color: #fff;}
    .com_art_txt:hover .orange{ color: #fff;}
    .com_art_txt p{font-size:12px;line-height: 18px; padding-left:10px; padding-right:5px;}
}
@media (min-width: 280px) and (max-width: 300px) {
    .index_about{ width: 100%; height: 125px; text-align: center;  padding-left: 0px!important; padding-right: 0px!important;}
    .index_about_txt{ width: 100%; height:125px; text-align: center; background: #ffffff; padding-left: 0px!important; padding-right: 0px!important;}
    .index_about_txt:hover{ background: #008d44; color: #fff;  width: 50%; height:125px;}
    .index_about img{ width: 100%; height: 125px;}
    .index_about_txt h3{
        font-size: 25px; padding-top:5%
    }
    .index-news-list .title{ width: 58%; padding: 12px 10px 12px 10px; font-size:14px; line-height: 20px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:4;-webkit-box-orient:vertical;}
    .foot_about{
        width: 100%!important;
    }
    .qrcode{
        width: 100%!important;
    }
    .qrcode img{
        width: 80px!important; height: 80px!important;
    }
}
@media (min-width: 301px) and (max-width: 300px) {
    .index_about{ width: 100%; height: 125px; text-align: center;  padding-left: 0px!important; padding-right: 0px!important;}
    .index_about_txt{ width: 100%; height:125px; text-align: center; background: #ffffff; padding-left: 0px!important; padding-right: 0px!important;}
    .index_about_txt:hover{ background: #008d44; color: #fff;  width: 50%; height:125px;}
    .index_about img{ width: 100%; height: 125px;}
    .index_about_txt h3{
        font-size: 25px; padding-top:5%
    }
    .index-news-list .title{ width: 58%; padding: 12px 10px 12px 10px; font-size:14px; line-height: 20px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:4;-webkit-box-orient:vertical;}
    .foot_about{
        width: 100%!important;
    }
    .qrcode{
        width: 100%!important;
    }
    .qrcode img{
        width: 80px!important; height: 80px!important;
    }
}
@media (min-width: 654px) and (max-width: 767px) {
}
@media (min-width: 768px) and (max-width: 991px) {
    .ispc{ display: block}
    .isphone{ display: none}
    .hidden-xs{ display: none}
    .index-tit{
        text-align: center;
        background: url("../images/tit_arr.png") no-repeat center bottom;
        padding-bottom:30px;
        margin-bottom: 25px;
        width: 100%;
    }
    .index-tit1{
        text-align: center;
        background: url("../images/tit_arr.png") no-repeat center bottom;
        padding-bottom:30px;
        margin-bottom: 25px;
        width: 100%;
    }
    .index-tit img{ width: 60%;}
    .index-tit1 img{ width: 100%;}
    .index_about_box{
        width: 100%!important; padding-top:30px; padding-bottom: 40px;
    }
    .index_about{ width: 100%; height: 175px; text-align: center;  padding-left: 0px!important; padding-right: 0px!important;}
    .index_about_txt{ width: 100%; height:175px; text-align: center; background: #ffffff; padding-left: 0px!important; padding-right: 0px!important;}
    .index_about_txt:hover{ background: #008d44; color: #fff;  width: 25%; height:175px;}
    .index_about img{ width: 100%; height: 175px;}
    .index_about_txt h3{
        font-size: 25px; padding-top:20%
    }
    .index_about_txt:hover .green{ color: #fff;}
    .index_about_txt:hover .light-green{ color: #fff;}
    .index_about_txt:hover .red{ color: #fff;}
    .index_about_txt:hover .orange{ color: #fff;}
    .index_about_txt p{font-size:14px;line-height: 20px; padding-right: 10px; padding-left:10px;}
    .green{ color: #008d44}
    .light-green{ color: #92c03a}
    .red{ color: #ec2d34}
    .orange{ color: #e88726}
    .index-product{
        width: 100%!important; padding-top:30px; padding-bottom: 40px;
    }
    .index-product-list{
        position: relative;
        padding-left: 0px!important;
        padding-right: 0px!important;
        width: 50%;
        height: 100%!important;
        overflow: hidden;
    }
    .index-product-list .img{
        width: 100%!important;
        height: 100%!important;
    }
    .index-product-list .img img{
        width: 100%!important;
        height: 100%!important;
    }
    .index-product-list .txt{
        position: absolute;
        top:0px;
        width: 100% !important;
        height: 100%!important;
        text-align: center;
        color: #ffffff;
    }
    .index-product-list h3{
        font-size: 25px;
        padding-top:55%;

    }
    .index-product-list p{font-size:18px;line-height: 20px;}

    .tm-green{
        background-color: rgba(0, 138, 70, 0.6);
    }
    .tm-green:hover{
        background-color: rgba(0, 138, 70, 0.1); font-size: 28px;padding-top:10%;
    }
    .tm-light-green{
        background-color: rgba(204, 255, 51, 0.6);
    }
    .tm-light-green:hover{
        background-color: rgba(204, 255, 51, 0.1); font-size: 28px;padding-top:10%;
    }
    .tm-orange{
        background-color: rgba(255, 153, 102, 0.6);
    }
    .tm-orange:hover{
        background-color: rgba(255, 153, 102, 0.1); font-size: 28px;padding-top:10%;
    }
    .tm-red{
        background-color: rgba(204, 51, 51, 0.6);
    }
    .tm-red:hover{
        background-color: rgba(204, 51, 51, 0.1); font-size: 28px;padding-top:10%;
    }

    .index-news{
        width: 100%!important; padding-top:30px; padding-bottom: 20px;
    }

    .index-news-list{
        margin-bottom: 15px;
    }
    .index-news-list ul {
        background: #8fc42e;
        color: #ffffff;
        height: 103px;
        width: 100%;
    }

    .index-news-list .title{ width: 65%; padding: 15px 10px 15px 10px; font-size:18px; line-height: 22px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-line-clamp:4;-webkit-box-orient:vertical;}
    .index-news-list .title a{ color: #fff; text-decoration: none;}
    .index-news-list .title a:hover{ color: #fff000; text-decoration: none;}
    .index-news-list .left_date{
        font-size:16px; background: url("../images/news_date_left.jpg") no-repeat; width: 103px; height: 103px; line-height: 103px; text-align: center;
    }
    .index-news-list .right_date{
        font-size:16px; background: url("../images/news_date_right.jpg") no-repeat; width: 103px; height: 103px; line-height: 103px; text-align: center;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .ispc{ display: block}
    .isphone{ display: none}
    .hidden-xs{ display: none}
    .index-tit{
        text-align: center;
        background: url("../images/tit_arr.png") no-repeat center bottom;
        padding-bottom:30px;
        margin-bottom: 25px;
        width: 100%;
    }
    .index-tit1{
        text-align: center;
        background: url("../images/tit_arr.png") no-repeat center bottom;
        padding-bottom:30px;
        margin-bottom: 25px;
        width: 100%;
    }
    .index-tit img{ width: 60%;}
    .index-tit1 img{ width: 100%;}
    .index_about_box{
        width: 100%!important; padding-top:30px; padding-bottom: 40px;
    }
    .index_about{ width: 100%; height: 175px; text-align: center;  padding-left: 0px!important; padding-right: 0px!important;}
    .index_about_txt{ width: 100%; height:175px; text-align: center; background: #ffffff; padding-left: 0px!important; padding-right: 0px!important;}
    .index_about_txt:hover{ background: #008d44; color: #fff;  width: 25%; height:175px;}
    .index_about img{ width: 100%; height: 175px;}
    .index_about_txt h3{
        font-size: 25px; padding-top:20%
    }
    .index_about_txt:hover .green{ color: #fff;}
    .index_about_txt:hover .light-green{ color: #fff;}
    .index_about_txt:hover .red{ color: #fff;}
    .index_about_txt:hover .orange{ color: #fff;}
    .index_about_txt p{font-size:14px;line-height: 20px; padding-right: 10px; padding-left:10px;}
    .green{ color: #008d44}
    .light-green{ color: #92c03a}
    .red{ color: #ec2d34}
    .orange{ color: #e88726}
    .index-product{
        width: 100%!important; padding-top:30px; padding-bottom: 40px;
    }
    .index-product-list{
        position: relative;
        padding-left: 0px!important;
        padding-right: 0px!important;
        width: 50%;
        height: 100%!important;
        overflow: hidden;
    }
    .index-product-list .img{
        width: 100%!important;
        height: 100%!important;
    }
    .index-product-list .img img{
        width: 100%!important;
        height: 100%!important;
    }
    .index-product-list .txt{
        position: absolute;
        top:0px;
        width: 100% !important;
        height: 100%!important;
        text-align: center;
        color: #ffffff;
    }
    .index-product-list h3{
        font-size: 25px;
        padding-top:55%;

    }
    .index-product-list p{font-size:18px;line-height: 20px;}

    .tm-green{
        background-color: rgba(0, 138, 70, 0.6);
    }
    .tm-green:hover{
        background-color: rgba(0, 138, 70, 0.1); font-size: 28px;padding-top:10%;
    }
    .tm-light-green{
        background-color: rgba(204, 255, 51, 0.6);
    }
    .tm-light-green:hover{
        background-color: rgba(204, 255, 51, 0.1); font-size: 28px;padding-top:10%;
    }
    .tm-orange{
        background-color: rgba(255, 153, 102, 0.6);
    }
    .tm-orange:hover{
        background-color: rgba(255, 153, 102, 0.1); font-size: 28px;padding-top:10%;
    }
    .tm-red{
        background-color: rgba(204, 51, 51, 0.6);
    }
    .tm-red:hover{
        background-color: rgba(204, 51, 51, 0.1); font-size: 28px;padding-top:10%;
    }

    .index-news{
        width: 100%!important; padding-top:30px; padding-bottom: 20px;
    }

    .index-news-list{
        margin-bottom: 15px;
    }
    .index-news-list ul {
        background: #8fc42e;
        color: #ffffff;
        height: 103px;
        width: 100%;
    }

    .index-news-list .title{ width: 60%; padding: 15px 10px 10px 10px; font-size:18px; line-height: 22px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
    .index-news-list .title a{ color: #fff; text-decoration: none;}
    .index-news-list .title a:hover{ color: #fff000; text-decoration: none;}
    .index-news-list .left_date{
        font-size:16px; background: url("../images/news_date_left.jpg") no-repeat; width: 103px; height: 103px; line-height: 103px; text-align: center;
    }
    .index-news-list .right_date{
        font-size:16px; background: url("../images/news_date_right.jpg") no-repeat; width: 103px; height: 103px; line-height: 103px; text-align: center;
    }
    .foot_about{
        width: 50%!important;
    }
    .qrcode{
        width: 50%!important;
    }
}