@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; background: #e5e5e5;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: 26px;line-height: 70px;position: relative;padding-top:20px}
.con_1 dl dt:after{content:''; width: 40px; background: #3e3e3e;height: 3px;position: absolute;left: 50%;margin-left: -20px;bottom: 0}
.con_1 dl dd{font-size: 16px;line-height: 200%;padding: 10px;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: 30px auto;
    position: relative;
}

.jhr_product_con {}

.jhr_product_con .left {
    width: 315px;background: #fafafa
}
.jhr_product_con .left .top{

    height: 115px; background: #029d42;
    text-align: center;
    color: #fff;padding: 20px;box-sizing: border-box;   
}
.jhr_product_con .left .top b{display: block;font-size:30px;font-weight: 100}
.jhr_product_con .left .top span{border: 1px solid #fff;padding: 0px;display: inline-block;margin: 5px auto;position: relative;}
.jhr_product_con .left .top span:before{content: ''; width: 20px; height: 1px; background: #fff; position: absolute; left: -20px;top: 10px}
.jhr_product_con .left .top span:after{content: ''; width: 20px; height: 1px; background: #fff; position: absolute; right: -20px;top: 10px}


.jhr_product_con .left ul {
    box-sizing: border-box;
    width: 90%;
    margin: 0 auto;
    padding: 20px 0
}


.jhr_product_con .left ul li a {
    display: block;
    line-height: 40px;
    font-size: 16px;
    text-indent: 10px;
    position: relative;
    width: 100%;
    background: #029d42;
    color: #fff;
    margin-bottom: 10px;
}
.jhr_product_con .left ul li .cur {background:#e5c52c; color: #fff
}

.jhr_product_con .left ul li a:before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 45%;
    margin-top: -2px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);

    right: 15px;
}

.jhr_product_con .right {
    width: 860px;
    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{padding: 20px 0 ;box-sizing: border-box;}
.jhr_product_con .right dl{ width: 31.778%; float: left;margin-right: 2.333333333333%;margin-bottom: 20px}
.jhr_product_con .right dl:nth-child(3n+0){margin-right: 0}
.jhr_product_con .right dl dt{width: 100%}
.jhr_product_con .right dl dt img{width: 100%}
.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: 16px; line-height: 50px; color: #fff;display: block;}
.jhr_product_con .right dl:hover dd{background: #029d42; color: #fff;display: block;}


.jhr_product_1{}
.jhr_product_1 ul{display: flex; justify-content:space-around ; flex-direction: row;margin-bottom: 30px}
.jhr_product_1 li{ flex:1; }
.jhr_product_1 li a {border: 1px solid #e4e4e4; padding: 15px;display: block;width: 95%; box-sizing: border-box;text-align: center;margin: 0 auto;font-size: 18px;border-radius: 10px}
.jhr_product_1 li a:hover{background: #029d42; color: #fff;border: 1px solid #029d42}
.jhr_product_1 dl{ width: 31.778%; float: left;margin-right: 2.333333333333%;margin-bottom: 30px;box-sizing: border-box; border: 1px solid #029d42}
.jhr_product_1 dl:nth-child(3n+0){margin-right: 0}
.jhr_product_1 dl dt{width: 100%}
.jhr_product_1 dl dt img{width: 100%}
.jhr_product_1 dl dt a{font-size: 0;line-height: 0}
.jhr_product_1 dl dd{ background: #029d42;text-align: center;}
.jhr_product_1 dl dd a{font-size: 16px; line-height: 50px; color: #fff;display: block;}
.jhr_product_1 dl:hover dd{background: #029d42; color: #fff;display: block;}

.ad{}

/*理由*/

.jhr_ly { background: url(../images/c_04.jpg) center no-repeat; height: 543px; padding: 30px 0;box-sizing: border-box;}
.jhr_ly_01 {height: 543px; padding: 30px 0;box-sizing: border-box;}
.jhr_ly .fl,.jhr_ly .fr,.jhr_ly_01 .fl,.jhr_ly_01 .fr{width: 50%}
.jhr_ly_01 dl,.jhr_ly dl{padding: 50px 0; box-sizing: border-box; }
.jhr_ly_01 dl dt,.jhr_ly dl dt{font-size: 30px;color: #333;position: relative;padding-left: 100px;font-weight: bold;box-sizing: border-box;height: 100px;padding-top: 10px}
.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: 80px; height: 80px;text-align: center; line-height: 80px;border-radius: 10px;font-style: inherit;,font-size:36px; position: absolute;left: 0;top: 0 }
.jhr_ly_01 dl dd,.jhr_ly dl dd{background: url(../images/c_09.png) no-repeat 100px 18px;font-size: 18px; line-height: 50px;padding-left: 120px;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: 30px auto;}
.jhr_ser dl{ width: 20%;text-align: center;border-right: 1px solid #e6e6e6;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: 20px; color: #333;text-align: center;padding: 20px 0 0 0;box-sizing: border-box;font-weight: bold;}
.jhr_ser dl dd{font-size: 16px; 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 {
    height: 635px;
    margin: 30px auto;
    position: relative;
    width: 100%;
    padding: 30px 0 0;
    background: url(../images/c_22.jpg) no-repeat;
}

.jhr_about .left {
    height: 495px;
    width: 588px;
    float: right;
    text-align: left;padding-top: 60px; box-sizing: border-box;
}
.jhr_about .left  img{border:5px solid #fff;}

.jhr_about .right {
    width:525px;
    padding: 50px 0 0 0;
    float:left;
}

.jhr_about .right h2 {
    font-size: 36px;
    color: #029d42;
    line-height: 80px;
    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: 30px;
    text-transform: uppercase;
    font-family: 'Arial';
    font-weight: 100
}

.jhr_about p {
    font-size: 0.875rem;
    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: #005ca1;
    font-weight: bold;
}

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



/*新闻资讯*/
.jhr_news { padding: 0 0 ;box-sizing: border-box; }
.jhr_news .hd{  position:relative; }
.jhr_news .hd ul{ display: flex; justify-content: center; align-items: center;  }
.jhr_news .hd ul li{ float:left;cursor:pointer; padding: 15px 40px; background: #e9e9e9;margin-right: 5px;font-size: 20px}
.jhr_news .hd ul li.on{ background: #029d42;color: #fff}
.jhr_news .hd ul li.on a{color: #fff}
.jhr_news .bd {padding: 30px 0}
.jhr_news .bd ul{ width: 100%}
.jhr_news .bd ul .left{ width: 60% }
.jhr_news .bd ul .left dl { background: #f5f5f5;padding: 20px; box-sizing: border-box;margin-bottom: 20px }
.jhr_news .bd ul .left dl img{width: 270px; height: 180px;}
.jhr_news .bd ul .left dl .fl{ width: 270px;  }
.jhr_news .bd ul .left dl .fr{ width:390px;}
.jhr_news .bd ul .left dl dt{color: #029d42;font-weight: bold;font-size: 18px;}
.jhr_news .bd ul .left dl dd{display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;font-size: 15px; line-height: 200%}
.jhr_news .bd ul .left dl a{font-size: 16px;line-height: 200%}

.jhr_news .bd ul .right{ width: 38% }
.jhr_news .bd ul .right li{line-height: 56px; border-bottom: 1px dashed #cecece;font-size: 16px;position: relative;text-indent: 20px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.jhr_news .bd ul .right li:before{content: ''; border:1px solid #cecece; width: 8px; height: 8px;position: absolute; display: inline-block;border-radius: 50%;left: 0;top: 23px}