@charset "utf-8";

.con_1{}
.con_1 dl{ border:1px solid #e4e4e4;text-align: center; width: 380px;float: left;margin-right: 30px;box-sizing: border-box; padding-bottom: 20px;cursor: pointer;}
.con_1 dl:nth-child(3n+0){margin-right: 0}
.con_1 dl img{ width:100% }
.con_1 dl dt{font-size: 1.8rem;line-height: 3rem;position: relative;padding-top:1rem}
.con_1 dl dt:after{content:''; width: 40px; background: #3e3e3e;height: 3px;position: absolute;left: 50%;margin-left: -20px;bottom: -1rem}
.con_1 dl dd{font-size: 1.2rem;line-height: 200%;padding: 1rem;font-weight: bold;}

.con_1 dl:hover{background: #029d42; color: #fff;border: 1px solid #029d42}
.con_1 dl:hover dt:after{content:''; width: 40px; background: #fff;height: 3px;position: absolute;left: 50%;margin-left: -20px;bottom: 0}

/*产品分类*/

.jhr_product {
    margin: 1rem auto;
    position: relative;
}

.jhr_product_con {}

.jhr_product_con .right {
    width: 100%;
    position: relative;
}

.jhr_product_con .right .tit{font-size: 20px; border: 1px solid #e4e4e4;position: relative; width: 100%}
.jhr_product_con .right .tit span{background: #029d42; color: #fff;display: inline-block;padding: 10px 20px; box-sizing: border-box;}
.jhr_product_con .right .tit a{position: absolute; right: 10px; top: 15px;font-size: 16px;color: #666}
.jhr_product_con .right .width100{box-sizing: border-box;}
.jhr_product_con .right dl{ width: 48%; float: left;margin-right: 2.333333333333%;margin-bottom: 1rem}
.jhr_product_con .right dl:nth-child(2n+0){margin-right: 0}
.jhr_product_con .right dl dt{width: 100%}
.jhr_product_con .right dl dt img{width: 100%; height: 10rem}
.jhr_product_con .right dl dt a{font-size: 0;line-height: 0}
.jhr_product_con .right dl dd{ background: #a9a9a9;text-align: center;}
.jhr_product_con .right dl dd a{font-size: 1.4rem; line-height: 200%; color: #fff;display: block;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.jhr_product_con .right dl:hover dd{background: #029d42; color: #fff;display: block;}

/*理由*/

.jhr_ly { background: url(../images/c_04.jpg) center no-repeat;  padding: 1rem 0;box-sizing: border-box;}
.jhr_ly img,.jhr_ly_01 img{ width: 100% }
.jhr_ly_01 { padding: 1rem 0;box-sizing: border-box;}
.jhr_ly .fl,.jhr_ly .fr,.jhr_ly_01 .fl,.jhr_ly_01 .fr{width: 100%}
.jhr_ly_01 dl,.jhr_ly dl{padding: 0 0; box-sizing: border-box; }
.jhr_ly_01 dl dt,.jhr_ly dl dt{font-size: 1.6rem;color: #333;position: relative;padding-left: 6rem;font-weight: bold;box-sizing: border-box;padding-top: 0.5rem}
.jhr_ly_01 dl dt span,.jhr_ly dl dt span{font-size:20px;color: #444;display: block;font-weight: 100;}
.jhr_ly_01 dl dt em,.jhr_ly dl dt em{background: #029d42; color: #fff; width: 5rem; height: 5rem;text-align: center; line-height: 5rem;border-radius: 10px;font-style: inherit; font-size:3rem; position: absolute;left: 0;top: 0 }
.jhr_ly_01 dl dd,.jhr_ly dl dd{background: url(../images/c_09.png) no-repeat 6rem 1rem;font-size: 1.2rem; line-height: 3rem;padding-left: 7.5rem;box-sizing: border-box;}


/*anli */
.jhr_cases{background: url(../images/c_10.jpg) center; height: 1121px; width: 100%;padding-top: 70px;box-sizing: border-box;}
.jhr_cases_con{width: 1280px; margin: 0 auto;background: #fff; padding: 40px;box-sizing: border-box; height: 750px;}
.jhr_cases_con .hd{ height:30px; line-height:30px; background:#edeef0; position:relative; width: 185px;box-sizing: border-box; float: left}
.jhr_cases_con .hd ul{}
.jhr_cases_con .hd ul li{ float:left; font-size:16px;cursor:pointer; width:100%; height: 110px;text-align: center;border-bottom: 3px solid #d8dad5;box-sizing: border-box;background: #edeef0}
.jhr_cases_con .hd ul .list_01{background: url(../images/c_11.png) no-repeat 62.5px 10px; height: 50px;margin: 5px auto}
.jhr_cases_con .hd ul .list_02{background: url(../images/c_12.png) no-repeat 62.5px 10px; height: 50px;margin: 5px auto}
.jhr_cases_con .hd ul .list_03{background: url(../images/c_13.png) no-repeat 62.5px 10px; height: 50px;margin: 5px auto}
.jhr_cases_con .hd ul .list_04{background: url(../images/c_14.png) no-repeat 62.5px 10px; height: 50px;margin: 5px auto}
.jhr_cases_con .hd ul .list_05{background: url(../images/c_15.png) no-repeat 62.5px 10px; height: 50px;margin: 5px auto}
.jhr_cases_con .hd ul .list_06{background: url(../images/c_16.png) no-repeat 62.5px 10px; height: 50px;margin: 5px auto}

.jhr_cases_con .hd ul li.on .list_01{background: url(../images/c_11_h.png) no-repeat 62.5px 10px;}
.jhr_cases_con .hd ul li.on .list_02{background: url(../images/c_12_h.png) no-repeat 62.5px 10px;}
.jhr_cases_con .hd ul li.on .list_03{background: url(../images/c_13_h.png) no-repeat 62.5px 10px;}
.jhr_cases_con .hd ul li.on .list_04{background: url(../images/c_14_h.png) no-repeat 62.5px 10px;}
.jhr_cases_con .hd ul li.on .list_05{background: url(../images/c_15_h.png) no-repeat 62.5px 10px;}
.jhr_cases_con .hd ul li.on .list_06{background: url(../images/c_16_h.png) no-repeat 62.5px 10px;}

.jhr_cases_con .hd ul li.on{ background:#029d42; color: #fff}

.jhr_cases_con .bd { width: 975px;float: right; }
.jhr_cases_con .bd ul{ zoom:1;  }

.jhr_cases_con .bd ul dl{}
.jhr_cases_con .bd ul dl dt{font-size: 24px; color: #333; font-weight: bold; line-height: 60px}
.jhr_cases_con .bd ul dl dd{font-size: 16px;line-height: 200%}
.jhr_cases_con .bd ul dl .fl{ width: 726px; }

.jhr_cases_con .bd ul dl .fr{ width: 181px }



/*jhr_ser*/
.jhr_ser{display: flex;flex-direction: row; margin: 1rem auto; flex-wrap: wrap;}
.jhr_ser dl{ width: 50%;text-align: center;cursor: pointer; }
.jhr_ser dl:last-child{border:none;}
.jhr_ser dl .pic{background: #01b34d;width: 138px; height: 138px;border-radius: 50%;display: flex;justify-content: center; align-items:center;margin: 0 auto}
.jhr_ser dl:nth-child(2n+0) .pic{background: #1170d3}
.jhr_ser dl dt{font-size: 1.8rem; color: #333;text-align: center;padding: 20px 0 0 0;box-sizing: border-box;font-weight: bold;}
.jhr_ser dl dd{font-size: 1.4rem; line-height: 160%;padding: 10px 0;box-sizing: border-box; height: 100px}
.jhr_ser dl a{display: inline-block;padding: 5px 30px 5px 20px;background: #a5a5a5;color: #fff;position: relative;}
.jhr_ser dl a:after{content: '';position: absolute;width: 0;height: 0;border: 5px solid transparent;border-left-color: #fff ; right: 5px;top: 11px}
.jhr_ser dl:hover a{background: #01b34d}


/*公司简介*/
.jhr_about {
    margin: 1rem auto;
    position: relative;
    width: 100%;
    padding: 1rem 0 0;
    background: url(../images/c_22.jpg) no-repeat;
}


.jhr_about .right {
    width:100%;
    padding: 1rem 0 ;
    float:left;
}

.jhr_about .right h2 {
    font-size: 2rem;
    color: #029d42;
    line-height: 4rem;
    position: relative;
}

.jhr_about .right h2:before{content: '';height: 4px; background: #a8a8a8; position: absolute;bottom: -1px; width:30%;left: 0}
.jhr_about .right h2:after{content: '';height: 1px; background: #a8a8a8; position: absolute;bottom: 0; width: 100%;left: 0}

.jhr_about .right h3 {
    color: #cccccc;
    font-size: 1.6rem;
    text-transform: uppercase;
    font-family: 'Arial';
    font-weight: 100
}

.jhr_about p {
    font-size:1.2rem;
    line-height: 2rem;
    text-indent: 30px;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}


.jhr_about a {
    color: #00923f;
    font-weight: bold;
}

.jhr_about b {
    font-size: 30px;
    font-family: 'Impact';
    color: #00923f
}



/*新闻资讯*/
.jhr_news {
    padding: 1rem 0;
    box-sizing: border-box;
}

.jhr_news_con {
    display: flex;
    flex-direction: column;
    position: relative;
    flex-wrap: wrap;
}


.jhr_news_con {
    width: 100%;

}

.jhr_news_con ul {
    width: 100%;
    padding: 0 0;
    box-sizing: border-box;
}

.jhr_news_con .left {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    float: left;
    padding-bottom: 1rem;
    border-bottom: 1px solid #efefef;
}

.jhr_news_con .left img {
    width: 100%;
    z-index: 1;
    position: relative;
    display: block;
    margin: 0 0 1rem 0
}

.jhr_news_con .left .fl {
    border-right: 1px solid #ccc;
    width: 20%;
    font-size: 1.6rem;
    text-align: right;
    box-sizing: border-box;
    padding-right: 1rem;
    height: auto;
    color: #666
}

.jhr_news_con .left .fl b {
    font-size: 1.4rem;
    display: block;
}

.jhr_news_con .left .fr {
    width: 80%;
    padding: 0 0 0 20px;
    box-sizing: border-box;
}

.jhr_news_con .left .fr .t {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 180%;
    color: #00923f;
    display: block;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jhr_news_con .left .fr .t:before {
    content: '';
    width: 1px;
    height: 40px;
    background: #00923f;
    position: absolute;
    display: inline-block;
    left: -21px
}

.jhr_news_con .left .fr .t:hover {
    color: #00923f
}

.jhr_news_con .left .fr p {
    line-height: 180%;
    font-size: 1.2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    color: #999
}



.jhr_news_con .right {
    width: 100%;
    margin: 0 0 0 0;
    float: right;
    text-align: left;
    box-sizing: border-box;
}



.jhr_news_con .right li {
    width: 100%;
    padding: 1rem 0;
    border-bottom: 1px solid #efefef;
    position: relative;
}

.jhr_news_con .right .fl {
    border-right: 1px solid #ccc;
    width: 20%;
    font-size: 1.6rem;
    text-align: right;
    padding: 0 1rem 0 0;
    box-sizing: border-box;
    float: none;
    display: inline-block;
    position: relative;top: 0
}

.jhr_news_con .right .fl b {
    font-size: 1.4rem;
    display: block;
}

.jhr_news_con .right .fr {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    float: none;

    display: inline-block;
}

.jhr_news_con .right .fr .t {
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 180%;
    color: #00923f;
    display: block;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jhr_news_con .right .fr .t:before {
    content: '';
    width: 1px;
    height: 40px;
    background: #00923f;
    position: absolute;
    display: inline-block;
    left: -24px
}
.jhr_news_con .right .fr span{color: #999;font-size: 0.875rem; line-height: 2rem}


.jhr_news_con .right .fr p {
    line-height: 180%;
    font-size: 1.2rem;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
        color: #999
}