.nav_boul1 li:hover a span {
    color: #00864B;
}

.jianbian {
    margin-top: 80px;
    background: linear-gradient(0deg, #CCCCCC, #FFFFFF);
}

.xm-xian {
    width: 90%;
    margin: 0 auto;
    height: 1px;
    background: #000000;
    opacity: 0.1;
}

.disfl {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tab-con {
    width: 50%;
}

.fenye {
    padding: 50px 0 50px 0;
}

.fenye ul {
    text-align: center;
}

.fenye ul li.active a {
    color: #fff;
    background-color: #00864B;
}

.fenye ul li {
    display: inline-block;
    margin-left: 16px;
    margin-bottom: 5px;
}

.fenye ul li a {
    display: block;
    border: 1px solid #00864B;
    padding: 10px 15px 10px 15px;
    font-size: 16px;
    color: #00864B;
}

.fenye ul li a:hover {
    color: #fff;
    background-color: #00864B;
}

.en-title {
    margin-top: 65px;
    font-size: 80px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #00864b;
    opacity: 0.08;
}

.cn-title {
    font-size: 36px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #1a1a1a;
    margin-top: -50px;
}

.title-box {
    display: flex;
    justify-content: space-between;
}

.title-more {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1a1a1a;
    opacity: 0.5;
    margin-top: 147px;
}

.title-more:hover {
    color: #000;
    opacity: 1;
}

.jiantou {
    margin: 32px 16px 56px 0;
}

.news-box {
    display: flex;
    justify-content: space-between;
}

.newsboxn {
    box-sizing: border-box;
    padding: 58px 29px 39px 29px;
    width: 25%;
    background: #ffffff;
    border: 1px solid #e6e6e6;
    position: relative;
}

.newsboxn .data {
    font-size: 44px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #1a1a1a;
}

.yuan {
    width: 56px;
    height: 56px;
    background: #00864b;
    opacity: 0.1;
    border-radius: 50%;
    position: absolute;
    top: 75px;
    left: 51px;
}

.riqi {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1a1a1a;
    opacity: 0.5;
    margin: 67px 0 27px 0;
}

.news-title {
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #1a1a1a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-tp {
    width: 100%;
    height: 160px;
    margin: 20px 0 30px 0;
}

.news-tp img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-text {
    text-align: justify;
    font-size: 14px;
    height: 72px;
    color: #1a1a1a;
    line-height: 24px;
    opacity: 0.5;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.news-jiantou {
    width: 24px;
    height: 19px;
    background-image: url(../images/newsjiantoul.png);
    margin-top: 28px;
}

.newsboxn:hover {
    background-color: #00864b;
    transition-property: all;
    transition-duration: 0.5s;
}

.newsboxn:hover .data {
    color: #ffffff;
    transition-property: all;
    transition-duration: 0.5s;
}

.newsboxn:hover .riqi {
    color: #ffffff;
    transition-property: all;
    transition-duration: 0.5s;
}

.newsboxn:hover .news-title {
    color: #ffffff;
    transition-property: all;
    transition-duration: 0.5s;
}

.newsboxn:hover .news-text {
    color: #ffffff;
    transition-property: all;
    transition-duration: 0.5s;
}

.newsboxn:hover .yuan {
    background-color: #fff;
    transition-property: all;
    transition-duration: 0.5s;
}

.newsboxn:hover .news-jiantou {
    background-image: url(../images/newsjiantoub.png);
    transition-property: all;
    transition-duration: 0.5s;
}

.newsbox {
    padding-bottom: 80px;
}

.about-box {
    background-image: url(../images/about-bgi.png);
    background-repeat: no-repeat;
    padding-top: 80px;
    padding-bottom: 80px;
}

.about {
    display: flex;
    justify-content: space-between;
    background: #ffffff;
    box-shadow: 0px 5px 20px 0px rgba(128, 128, 128, 0.2);
}

.abouttextl {
    width: 73.09%;
    padding: 63px 67px 60px 57px;
}

.abouttextr {
    width: 26.91%;
    background-color: #00864b;
    padding: 63px 33px 28px 33px;
}

.aboutus {
    font-size: 36px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #1a1a1a;
}

.aboutusen {
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1a1a1a;
    line-height: 51px;
    opacity: 0.5;
}

.about-text {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #8d8d8d;
    line-height: 24px;
}

.aboutbtn {
    width: 12.5%;
    border: 1px solid #00864b;
    text-align: center;
    padding: 10px 15px 10px 15px;
    margin-top: 40px;
}

.aboutbtn:hover {
    background-color: #00864b;
}

.aboutbtn:hover p {
    color: #fff;
}

.aboutbtn p {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #00864b;
}

.aboutr {
    color: #ffffff;
}

.abouxian {
    width: 30px;
    height: 3px;
    background: #ffffff;
    margin-top: 31px;
}

.joblogo {
    width: 10.5%;
    margin-top: 175px;
}

.joblogo img {
    width: 100%;
}

.jobmore {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
    opacity: 0.5;
    margin-top: 175px;
}

.jobmore:hover {
    opacity: 1;
}

.chanpin {
    display: flex;
    justify-content: space-between;
}

.yingjian-box {
    box-sizing: border-box;
    background-image: url(../images/yingjiant1.png);
    width: 25%;
    padding: 47px 0 50px 40px;
}

.shebei-box {
    box-sizing: border-box;
    width: 25%;
    padding: 47px 0 50px 40px;
    background-image: url(../images/shebeit1.png);
}

.chanpin-box {
    box-sizing: border-box;
    width: 25%;
    background-image: url(../images/chanpint1.png);
    padding: 47px 0 50px 40px;
}

.chanpin {
    margin-top: 57px;
}

.chanpintitle {
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #ffffff;
    display: inline;
}

.chanpintext {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
    line-height: 24px;
    margin-top: 20px;
    opacity: 0.5;
}

.chanpin-jiantl {
    background-image: url(../images/cpl.png);
    margin-right: 16px;
    width: 40px;
    height: 40px;
    margin-top: 70px;
}

.chanpin-jiantr {
    background-image: url(../images/cpr.png);
    width: 40px;
    height: 40px;
    margin-top: 70px;
}

.chanpin-nbox {
    box-sizing: border-box;
    padding: 30px;
    width: 25%;
}

.chanpin-nboxerji {
    box-sizing: border-box;
    padding: 10px;
    width: 33.33%;
}

.chanpint img {
    width: 100%;
}

.chanpint {
    width: 100%;
}

.chanpintitle2 {
    width: 100%;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #1a1a1a;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chanpintext2 {
    width: 100%;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1a1a1a;
    opacity: 0.5;
    margin-top: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chanpin-nbox:hover .chanpintitle2 {
    color: #078a54;
}

.chanpin-nboxerji:hover .chanpintitle2 {
    color: #078a54;
}

.biankuang {
    border-right: #e6e6e6 1px solid;
}

.xiangmbox {
    margin-bottom: 162px;
}

.xiangmu {
    display: flex;
    justify-content: space-between;
}

.xiangmu-box {
    width: 24.16%;
    text-align: center;
    margin-top: 56px;
    position: relative;
    margin-right: 10px;
    margin-bottom: 50px;
}

.xiangmu-title {
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #1a1a1a;
}

.xiangmu-text {
    margin-top: 8px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1a1a1a;
    opacity: 0.5;
}

.xiangmut {
    width: 100%;
}

.xiangmut img {
    width: 100%;
}

.xiangmutext {
    width: 100%;
    padding: 20px 0 20px 0;
    position: absolute;
    bottom: -85px;
    transition-property: all;
    transition-duration: 0.5s;
}

.xiangmu-box:hover .xiangmutext {
    background-color: #00864b;
    bottom: -67px;
    transition-property: all;
    transition-duration: 0.5s;
}

.xiangmu-box:hover .xiangmutext p {
    color: #fff;
    transition-property: all;
    transition-duration: 0.5s;
}

.xiangmu-boxerji {
    box-sizing: border-box;
    width: 33%;
    text-align: center;
    position: relative;
    padding: 10px;
}

.xiangmutexterji {
    width: 100%;
    transition-property: all;
    transition-duration: 0.5s;
}

.xiangmu-boxerji:hover .xiangmutexterji p {
    color: #078a54;
}


/* liste-news */

.w {
    width: 62.5%;
    margin: 0 auto;
}

.news-banner {
    width: 100%;
}

.news-banner img {
    display: block;
    width: 100%;
}

.news-nav {
    background-color: #078a54;
    padding: 24px 0 24px 0;
    margin-bottom: 80px;
}

.homelogo {
    width: 26px;
    height: 24px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 16px;
}

.newsnav-text {
    display: inline-block;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
}

.newsnav-text span {
    margin-left: 48px;
}

.newsnav-text a {
    color: #ffffff;
}

.po {
    padding-bottom: 0;
}

.mo {
    margin-bottom: 0;
}


/* view-news */

.pro-banner {
    width: 100%;
    position: relative;
}

.newsbannertitle {
    position: absolute;
    left: 15.75%;
    top: 100px;
    font-size: 36px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #1A1A1A;
}

.newsbannertxt {
    position: absolute;
    left: 15.75%;
    top: 175px;
    width: 31.71%;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1A1A1A;
    opacity: 0.5;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.bannerbtn {
    position: absolute;
    left: 15.75%;
    top: 300px;
    width: 200px;
    height: 50px;
    border: 1px solid #00864B;
    border-radius: 25px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #00864B;
    text-align: center;
    line-height: 50px;
}

.bannerbtn:hover {
    color: #ffffff;
    background-color: #00864B;
}

.pro-banner img {
    display: block;
    width: 100%;
}

.view-news {
    background: linear-gradient(0deg, #cccccc, #ffffff);
}

.view-news-text {
    background-color: #fff;
    padding: 55px 0 80px 0;
}

.view-newstitle {
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #1a1a1a;
    line-height: 50px;
    text-align: center;
}

.view-newstitle2box {
    text-align: center;
}

.view-newstitle2 {
    font-size: 14px;
    color: #1a1a1a;
    opacity: 0.5;
    display: inline-block;
    margin-right: 20px;
    margin-top: 31px;
}

.view-newstext {
    padding: 64px 50px 40px 50px;
}

.news-textt {
    width: 66.66%;
    margin: 0 auto;
}

.news-textt img {
    width: 100%;
}

.backbox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 64px 50px 0 50px;
}

.backbtn {
    background: #ffffff;
    border: 1px solid #078a54;
    font-size: 16px;
    color: #078a54;
    text-align: center;
    padding: 10px;
}

.back {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    opacity: 0.5;
    line-height: 45px;
}

.backabtn {
    display: block;
    width: 15%;
}

.back:hover {
    color: #078a54;
}

.backbtn:hover {
    color: #ffffff;
    background-color: #078a54;
}

.upd {
    width: 40%;
}

.upd:hover p {
    color: #078a54;
}


/* 产品服务 */

.lists-produte {
    background-color: #f5f5f5;
}

.produte-txt {
    background-color: #fff;
    padding: 56px 0 56px 0;
}

.produte-txtl {
    width: 17%;
    padding-left: 32px;
}

.produte-txtr {
    display: flex;
    justify-content: space-between;
    width: 77.17%;
    padding-right: 32px;
}

.produte-txterji {
    width: 77.17%;
    padding-right: 32px;
}

.produtetitle {
    font-size: 26px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #1a1a1a;
    margin-bottom: 39px;
}

.produtemore {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1a1a1a;
    opacity: 0.5;
}

.produtemore:hover {
    color: #078a54;
    opacity: 1;
}

.poq {
    padding: 0;
    width: 31.99%;
}

.produtemore-btn {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1a1a1a;
    margin-top: 20px;
}

.chanpin-nboxerji:hover .produtemore-btn {
    color: #078a54;
}


/* 产品详情 */

.viewpro-title {
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #1A1A1A;
    margin: 80px 0 40px 0;
}

.gaishutext {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1A1A1A;
    line-height: 36px;
    opacity: 0.5;
    margin-bottom: 57px;
}

.lunbo {
    width: 100%;
    margin: 0 auto;
}

.lunbo .swiper-container {
    width: 100%;
    height: 100%;
}

.lunbo .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
}

.lunbo .swiper-slide a {
    width: 539px;
    height: 344px;
}

.lunbo .swiper-slide a img {
    width: 100%;
    height: 100%;
}

.lunbo .swiper-slide-active,
.lunbo .swiper-slide-duplicate-active {
    transform: scale(1);
    z-index: 2;
}

.lunbo .swiper-slide-next {
    z-index: 1;
}


/* 产品优势 */

.porboxb {
    margin: 157px 0 110px 0;
}

.chanpinyoushi {
    display: flex;
    justify-content: space-between;
}

.porbox {
    width: 25%;
}

.porlogo {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.portit {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #1A1A1A;
    text-align: center;
    margin: 32px 0 31px 0;
}

.portxt {
    width: 50%;
    margin: 0 auto;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1A1A1A;
    line-height: 21px;
    opacity: 0.5;
    text-align: center;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


/* 项目案例 */

.viewpro-titlexiangmu {
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #1A1A1A;
}

.viewpro-titlexiangmumore {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1A1A1A;
    opacity: 0.5;
}

.viewpor-down {
    background-image: url(../images/porbgi.png);
    background-repeat: no-repeat;
    padding: 130px 0 52px 0;
}

.downl {
    margin-right: 500px;
}

.downl dt {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #1A1A1A;
    line-height: 60px;
}

.downl dd a {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1A1A1A;
    line-height: 35px;
    opacity: 0.5;
}

.downl dd a:hover {
    color: #00864B;
}

.downr dt {
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #1A1A1A;
    line-height: 60px;
}

.downr .hp {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1A1A1A;
    line-height: 40px;
}

.hp1 a {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1A1A1A;
    line-height: 40px;
    opacity: 0.5;
}


/* 联系我们 */

.lianxius {
    margin-bottom: 36px;
}

.lianxi-boxz {
    width: 13%;
}

.lianxi-boxz .active {
    background: #00864B;
}

.lianxi-boxz .active a p {
    color: #fff;
}

.lianxi-box {
    background: #FFFFFF;
    border: 1px solid #00864B;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #00864B;
    line-height: 24px;
    text-align: center;
    padding: 5px 10px 5px 10px;
    margin-bottom: 40px;
}

.lianxi-box:hover {
    color: #ffffff;
    background-color: #00864B;
    transition-property: all;
    transition-duration: 0.5s;
}

.lxyuan {
    width: 12px;
    height: 12px;
    background: #FFFFFF;
    border: 1px solid #00864B;
    border-radius: 50%;
}

.lianxi-logo {
    display: inline-block;
    margin-right: 10px;
}

.lianxixinxi {
    margin-left: 80px;
    width: 72%;
}

.lianxixinxi ul li {
    margin-bottom: 50px;
}

.lianxixinxi span {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1A1A1A;
    line-height: 27px;
}

.lianxi-logo img {
    vertical-align: middle;
}

.lianxirt {
    width: 36.75%;
    margin-top: 5%;
}

.lianxirt img {
    width: 100%;
}

.map {
    width: 100%;
}

.map img {
    width: 100%;
    display: block;
}

.w20 {
    width: 15%;
}

.w82 {
    width: 82%;
}

.w60 {
    width: 60%;
}

.dis1 {
    display: flex;
}

.dis2 {
    display: flex;
    justify-content: flex-end;
}

.lianxixinxi ul li {
    display: flex;
}

.s1 {
    width: 11%;
}

.s2 {
    width: 85%;
}


/* job */

#customers {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#customers td,
#customers th {
    border: 1px solid #ddd;
    padding: 8px;
}

#customers tr th {
    height: 53px;
}

#customers tr td {
    height: 65px;
}

#customers tr:nth-child(even) {
    background-color: #f2f2f2;
}

#customers tr:hover {
    background-color: #ddd;
}

#customers tr:hover td:nth-child(2) {
    color: #00864B;
}

#customers th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #00864B;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
}

#customers td {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1A1A1A;
}

#customers tr td:nth-child(2) {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #1A1A1A;
}

.fuli {
    box-sizing: border-box;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    padding: 31px 0 31px 31px;
    margin-top: 25px;
}

.fuli .first {
    margin-bottom: 60px;
}

.fuli ol li,
.fuli p {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1A1A1A;
    line-height: 30px;
}


/* 资料下载 */

#download {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 56px;
}

#download td,
#download th {
    border: 1px solid #ddd;
    padding: 8px;
}

#download tr th {
    height: 53px;
}

#download tr td {
    height: 65px;
}

#download tr:nth-child(even) {
    background-color: #f2f2f2;
}

#download tr:hover {
    background-color: #ddd;
}

#download tr:hover a {
    color: #00864B;
}

#download th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #00864B;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
}

#download td,
#download td a {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #1A1A1A;
}

#download tr td a {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #1A1A1A;
}

.select {
    margin: 32px 0 32px 0;
    text-align: right;
}

.select input {
    width: 25%;
    height: 30px;
    background: #FFFFFF;
    border: 1px solid #00864B;
    border-radius: 4px;
    margin-right: 5px;
    margin-left: 5px;
}

.select input:focus {
    outline: none;
    border: 1px solid #00864B;
}

.selectbtn {
    display: inline-block;
    width: 80px;
    height: 30px;
    border: 1px solid #00864B;
    background: #ffffff;
    border-radius: 4px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #00864B;
}

.selectbtn:hover {
    background: #00864B;
    color: #FFFFFF;
}

.downloadt img {
    width: 100%;
}

.downloadt {
    width: 20px;
    height: 20px;
}

.lianxi-box a {
    color: #00864B;
}

.lianxi-box:hover a {
    color: #fff;
}

.yc {
    display: none;
}





.chanpinyoushi{
    justify-content: start;
}
@media screen and (max-width: 1600px) {
    .portxt {
      width: 90%;
    }
}
.portxt {
    opacity: 1;
    font-size: 16px;
    -webkit-line-clamp: inherit;
    word-wrap:break-word;
}
.porlogo{
    width: 150px;
    height: 150px;
}
.porlogo img{
   width: 100%;
   height: 100%;
}