﻿@charset "utf-8";
.kshhjz_item{box-shadow: 0 0 5px #efefef;background: #fff;display: flex; flex-wrap: wrap;justify-content: space-between;text-align: center;padding:  40px 0 ; position: absolute;bottom:1px;z-index: 4;border-radius: 135px;box-sizing: border-box;left: 50%;transform: translateX(-50%);}
.kshhjz_item dl{width: 22%;border-right: 1px dashed #efefef;box-sizing: border-box;text-align: left;padding-left: 60px;box-sizing: border-box;margin-left: 3%;}
.kshhjz_item dl:last-child{border-right: 0 }
.kshhjz_item dl:nth-child(1){background: url(../images/i_01.png) no-repeat 0 0;}
.kshhjz_item dl:nth-child(2){background: url(../images/i_02.png) no-repeat 0 0;}
.kshhjz_item dl:nth-child(3){background: url(../images/i_03.png) no-repeat 0 0;}
.kshhjz_item dl:nth-child(4){background: url(../images/i_04.png) no-repeat 0 0;}
.kshhjz_item dl dt{font-size: 24px;position: relative;color: #00ab84;}
.kshhjz_item dl dd{color:#999;font-size: 15px;line-height: 200%}

/* more */
.more {display: inline-block;padding: 10px 30px;background: transparent;color: #00ab84;font-size: 16px; border: 1px solid #00ab84; border-radius: 30px;}
.more:hover{color: #fff;font-size: 16px; background: #00ab84;}
/* kshhjz_product */
.kshhjz_product {box-sizing: border-box;z-index: 2;position: relative;margin-bottom: 20px;}
.kshhjz_product_con {padding: 0 0;}
.kshhjz_product_con .hd ul{display: flex;flex-wrap: wrap;justify-content: center;}
.kshhjz_product_con .hd ul li{margin: 0 10px;}
.kshhjz_product_con .hd ul li a{border: 1px solid #eaeaea;box-sizing: border-box;text-align: center;line-height: 30px;font-size: 16px;display: block;border-radius: 50px;padding: 0 25px;}
.kshhjz_product_con .hd ul li:hover a{color: #fff; background: #00ab84;border: 1px solid #00ab84;;}
.kshhjz_product_con .hd ul li.on a{color: #fff; background: #00ab84;border: 1px solid #00ab84;;}
.kshhjz_product_con .bd .content{padding:50px 0 0 0;box-sizing: border-box;}
.kshhjz_product_con .bd .fl{width: 620px;}
.kshhjz_product_con .bd .fr{width: 540px;text-align: center;box-sizing: border-box;padding-top: 10px;position: relative; height: 410px;}
.kshhjz_product_con .bd .fr h2{padding-top: 65px;border-bottom: 1px solid #efefef;margin-bottom: 15px;font-size: 30px;color: #00ab84;line-height: 2; font-weight: normal; letter-spacing: 2px;}
.kshhjz_product_con .bd ul:nth-child(1) .fr h2{background: url(../images/p_01.png) no-repeat center 0;}
.kshhjz_product_con .bd ul:nth-child(2) .fr h2{background: url(../images/p_02.png) no-repeat center 0;}
.kshhjz_product_con .bd ul:nth-child(3) .fr h2{background: url(../images/p_03.png) no-repeat center 0;}
.kshhjz_product_con .bd ul:nth-child(4) .fr h2{background: url(../images/p_04.png) no-repeat center 0;}
.kshhjz_product_con .bd ul:nth-child(5) .fr h2{background: url(../images/p_05.png) no-repeat center 0;}
.kshhjz_product_con .bd ul:nth-child(6) .fr h2{background: url(../images/p_06.png) no-repeat center 0;}
.kshhjz_product_con .bd ul:nth-child(7) .fr h2{background: url(../images/p_07.png) no-repeat center 0;}
.kshhjz_product_con .bd .fr h2 a{color: #00ab84;line-height: 2;}
.kshhjz_product_con .bd .fr p{font-size: 15px;color: #666;line-height: 2;padding: 0 20px; box-sizing: border-box;}
.kshhjz_product_con .bd .fr .tel{background: url(../images/puone_01.png) no-repeat 20px 15px #00ab84; height: 61px;border-radius: 50px;display: inline-block;text-align: left;font-size: 16px;font-weight: bold;position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);width: 280px;padding: 10px 0;padding-left: 80px; color: #fff;}
.kshhjz_product_con .bd .fr .tel strong{display: block;color: #fff;font-size: 30px;}

/* kshhjz_adv */
.kshhjz_adv{background: url(../images/adv_bg.jpg) center; height: 738px; width: 100%;}
.kshhjz_adv .fl{width: 870px; box-sizing: border-box;padding: 40px 0 0 0;font-size: 36px;color: #fff;}
.kshhjz_adv .fl strong{display: block;font-size: 48px;position: relative;}
.kshhjz_adv .fl strong:after{content: ''; width: 62%; height: 1px; background: #fff;position: absolute;right: 20px;top: 50%;}
.kshhjz_adv .fl em{display: block;font-size: 24px;color: #fff;line-height: 2;}
.kshhjz_adv .fr{width: 327px;text-align: center;font-size: 36px;color: #00ab84;font-weight: bold;padding-left:60px;box-sizing: border-box;}
.kshhjz_adv .fr span{display: block; font-size: 24px; font-weight: normal;color: #4c4c4c;margin: 20px auto 0;}
.kshhjz_adv .adv_c{background: #fff; height: 385px;margin-top: 35px;padding: 20px 20px 0;box-sizing: border-box;}
.kshhjz_adv .adv_c{display: flex;flex-wrap: wrap;justify-content: space-between;}
.kshhjz_adv .adv_c dl{width: 32%;border: 1px solid #efefef;padding: 20px 15px; box-sizing: border-box; height: 160px;padding-left: 120px;position: relative; cursor: pointer;}
.kshhjz_adv .adv_c dl dt{font-size: 24px;color: #00ab84;font-weight: bold;line-height: 2;}
.kshhjz_adv .adv_c dl dd{padding: 0 15px 0 0;font-size: 14px;color: #666666;line-height: 1.5;}
.kshhjz_adv .adv_c dl em{display: inline-block;background: #00ab84;color: #fff;width: 80px;height: 80px;position: absolute;left: 20px;top: 45%;transform: translateY(-45%);border-radius: 50%;text-align: center;line-height: 80px;font-size: 50px;font-weight: lighter;}

/* kshhjz_team */
.kshhjz_team{text-align: center;margin-bottom: 30px;}
.kshhjz_team_c{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 20px;}
.kshhjz_team_c dl{float: left;margin: 20px;width: 550px;position: relative;height: 280px;background: #f9f9f9;border-radius: 10px;text-align: left; }
.kshhjz_team_c dl .pic{float: left;width: 230px;height: 280px;overflow: hidden;border-radius: 10px 0px 0px 10px;}
.kshhjz_team_c dl .pic img{ width:100%;}
.kshhjz_team_c dl .info{float: right;width: 290px;padding: 15px;}
.kshhjz_team_c dl .info .tit{font-size: 26px;color: #333333;line-height: 46px;}
.kshhjz_team_c dl .info .ico{line-height: 50px;border-bottom: 1px #c6c6c6 dashed;font-size: 15px;color: #666666;}
.kshhjz_team_c dl .info .ico span i{ width:19px; height:19px;    display: table-caption;    padding-right: 4px;}
.kshhjz_team_c dl .info .ico .s1 i{ background:url(../images/ico1.png) no-repeat;}
.kshhjz_team_c dl .info .ico .s2{    margin: 0px 16px;}
.kshhjz_team_c dl .info .ico .s2 i{ background:url(../images/ico2.png) no-repeat;}
.kshhjz_team_c dl .info .ico .s3 i{background:url(../images/ico3.png) no-repeat;}
.kshhjz_team_c dl .info .com{margin: 24px 0px;font-size: 15px;line-height: 28px;}
.kshhjz_team_c dl .info .com span{color: #00ab84;font-size: 16px;}
.kshhjz_team_c dl .info .btm{ position: relative;margin-top: 20px;}
.kshhjz_team_c dl .info .btm .a1{border: 1px solid;color: #00ab84;border-radius: 30px;padding: 7px 36px;float: left;}
.kshhjz_team_c dl .info .btm .a2{color: #fff;border-radius: 30px;padding: 7px 36px;background: #00ab84;display: block;text-align: center;float: right;}
.kshhjz_team_c dl .info .btm .a3{display:none;position: absolute;width:120px;height:120px; top: -130px;left: 165px;transition: 1s ease;}
.kshhjz_team_c dl .info .btm .a2:hover .a3{ display:block;}
.kshhjz_team_c dl .info .btm .a2:hover{ background:#078663;}


/* kshhjz_cases */
.kshhjz_cases {position: relative;background: url(../images/cases_bg.jpg) no-repeat center #f1f3f2;box-sizing: border-box;text-align: center;overflow:hidden; }
.kshhjz_cases .t{margin-bottom: 0;}
.kshhjz_cases .more{position: absolute;left: 50%; bottom: 40px;transform: translateX(-50%);}
.use{padding: 20px 0 120px;  overflow:hidden;}
.usecon *{ box-sizing:border-box;}
.usecon .swiper-slide{ margin-bottom:60px; border:6px solid transparent; margin-top:50px;}
.usecon{width:90%; margin:0 auto 0 auto; position:relative; overflow:hidden;}
.usecon .swiper-slide a{ display:block;}
.usecon .swiper-slide a img{width:100%;height:auto; opacity:.9;}
.usecon .swiper-slide.swiper-slide-active{ border-color:#ffffff; opacity:1;}
.usecon .swiper-slide a p{ position:absolute; width:100%; top:130%; text-align:center; font-size:24px; color:#078663; opacity:0; transition:all .3s ease;}
.usecon .swiper-slide a p:before{ display:block; content:''; width:1px; height:50px; background:#dadede; margin:0 auto 20px auto;}
.usecon .swiper-slide.swiper-slide-active a img{ opacity:1;}
.usecon .swiper-slide.swiper-slide-active p{ top:95%; opacity:1;}
.use .usejt{ position:relative; text-align:center;}
.usejt>div+div{ margin-left:450px;}
.usejt>div{ position:relative; display:inline-block; vertical-align:top; background:#fff; width:64px;height:56px; top:inherit;left:inherit; right:inherit;}
.usejt>div:hover{ background: #078663; color: #fff;}
.usejt>div .l{position: absolute;left: 0; top: 0; opacity: 1;}
.usejt>div .h{position: absolute;left: 0; top: 0; opacity: 0;}
.usejt>div:hover .l{position: absolute;left: 0; top: 0; opacity: 0;}
.usejt>div:hover .h{position: absolute;left: 0; top: 0; opacity: 1;}


/* kshhjz_about */
.kshhjz_about{background: url(../images/about_bg.jpg) no-repeat center; height: 860px; box-sizing: border-box;padding:100px 0;}
.kshhjz_about .content{border: 1px solid #efefef; box-sizing: border-box;padding: 30px; background: #fff;}
.kshhjz_about .left{width: 560px;}
.kshhjz_about .left p{line-height: 2.5;font-size: 15px;color: #666;margin-top: 20px;}
.kshhjz_about_l{display: flex; flex-wrap: wrap;justify-content: space-between;text-align: center;padding: 40px 0 0;  width: 1200px;margin: 0 auto;}
.kshhjz_about_l dl{width: 25%;border-right: 1px dashed #efefef;box-sizing: border-box;padding: 20px 0;}
.kshhjz_about_l dl:last-child{border-right: 0 }
.kshhjz_about_l dl dt{font-size: 50px;font-family: 'Impact';position: relative;color: #078663}
.kshhjz_about_l dl dt span{width: 25px; height: 25px;background: #fff;color: #078663;border-radius: 50%;position: absolute;display: inline-block; font-family:"Microsoft Yahei";font-size: 18px;line-height: 25px;margin-left: 10px;}
.kshhjz_about_l dl dd{color:#fff;font-size: 16px;line-height: 240%}
.kshhjz_about_l dl dt em{font-style: normal;color: #fff;font-size: 50px;font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}

/* kshhjz_news */
.kshhjz_news {box-sizing: border-box;padding: 0 0 30px;}
.nb_tab{font-size:0;text-align: center; width: 100%;margin-bottom: 30px;}
.nb_tab a{background:#fff;display:inline-block;vertical-align:top;color:#757171; border-radius: 30px; font-size:16px; line-height:30px;padding: 5px 30px; box-sizing: border-box;border: 1px solid #d0d0d0;}
.nb_tab a+a{margin-left:35px;}
.nb_tab a.on{background:linear-gradient(to bottom, #078663, #06ab6f); color: #fff; border: none;}

.nbcl_le{width:614px;}
.nbcl_le .news_div_item{width:294px; height:436px;display: inline-block;vertical-align:top;box-shadow:0 0 5px #eee;}
.nbcl_le .news_div_item+.news_div_item{margin-left:26px;}
.nbcl_le .news_div_item:hover .news_div_item_title a{ color:#078663;}
.nbcl_le .news_div_item_pic img{width:294px; height:auto; border:1px solid #f6f6f6;}
.news_div_item_title a{font-size:18px; color:#373b3b; font-weight:lighter;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_div_item_title a:hover{color: #078663;}
.nbcl_le .news_div_item_content{margin-top:25px; padding:0 15px;}
.nbcl_le .news_div_item_body{margin-top:14px;line-height:26px;color:#919898; font-weight: lighter;}
.nbcl_le .news_div_item_date,.new_more{display:inline-block;vertical-align:top;font-size:0;margin-top:25px;}
.nbcl_le .news_div_item_date>div{display:inline-block;vertical-align:top;color:#68686a;}
.new_more{width:24px;height:24px;background:url(../images/n_m.png) no-repeat right center;float: right;margin:17px 30px 0 0;}
.nbcr_ri{width:560px;}
.nbcr_ri .news_div_item_pic{display: none;}
.nbcr_ri .news_div_item{font-size:0;border:1px solid #f6f6f6;padding:35px 0;position:relative;transition:300ms;}
.nbcr_ri .news_div_item:hover{z-index:1;transition:300ms;}
.nbcr_ri .news_div_item_date,.nbcr_ri .news_div_item_content{display:inline-block;vertical-align:top;}
.nbcr_ri .news_div_item_date{width:115px;text-align: center;font-size:0; box-sizing:border-box; padding-top:50px; position:relative;}
.nbcr_ri .news_div_item_content{width:418px;padding-left:20px;border-left:1px solid #f3f3f3; font-weight: 100;}
.nbcr_ri .news_div_item_date>div{font-family:Arial;}
.nbcr_ri .news_div_item_year,.nbcr_ri .news_div_item_month{display:inline-block;vertical-align:top;color:#797676;  font-size: 12px;}
.nbcr_ri .news_div_item_day{font-size:48px;font-weight: bold; color:#303030; position:absolute; width:100%; top:0; left:0;   line-height: 55px;}
.nbcr_ri .news_div_item_body{margin-top:5px;line-height:22px;color:#919898;padding-right:20px;font-size:14px;}