/* gg */
.n-title{width: 100%;display: flex;align-items: center;padding: 35px 0;border-bottom: 1px solid rgba(0,0,0,.1);}
.n-title h3{font-size: 40px;color: rgba(18,100,54,1);font-weight: 600;position: relative;line-height: 1;}
.n-title h3::after{content: '';display: inline-block;position: absolute;left: calc(100% + 3px);top: 3px;width: 7px;height: 7px;background-color: rgba(251,76,11,.7);}
.n-title p{color: rgba(0,0,0,.5);font-size: 15px;margin-left: auto;}



/*nbanner */
.nbanner{height: 350px;background-image: url(../images/nbanner.jpg);background-size: cover;background-repeat: no-repeat;margin-top: 184px;background-position: left bottom;}
.nbanner.tr{margin-top: 59px;}
.nbanner .area{position: relative;height: 100%;}
.nbanner .crumbs{position: absolute;right: 15px;bottom: 0;color: #fff;font-size: 16px;display: flex;align-items: center;}
.nbanner .crumbs a{color: #fff;font-size: 16px;line-height: 3;}
.nbanner .crumbs i{font-size: 26px;margin-right: 3px;line-height: 1;}

/* left-cate */
.left-cate{width: 275px;padding: 20px 30px;display: flex;flex-wrap: wrap;align-content: start;background-color: rgba(18,100,54,1);transform: translateY(-80px);position: relative;z-index: 9;}
.left-cate h2{width: 100%;font-size: 30px;line-height: 2.3;border-bottom: 1px solid rgba(255,255,255,.2);color: #fff;font-weight: 600;}
.left-cate .ul{width: 100%;display: flex;flex-wrap: wrap;margin-bottom: 60px;}
.left-cate .ul a{width: 100%;padding: 30px 0;font-size: 20px;display: flex;align-content: center;border-bottom: 1px solid rgba(255,255,255,.2);color: #fff;}
.left-cate .ul a i{width: 23px;height: 23px;background-image: url(../images/cate-ico.png);background-size: contain;margin-right: 10px;}
.n-right{padding: 30px 0 70px 50px;width: calc(100% - 275px);}
.left-cate span{position: absolute;background-color: rgba(18,100,54,1);color: #fff;width: 20px;padding: 5px 0;text-align: center;font-size: 14px;left: 100%;top: 50%;display: none;cursor: pointer;}

.left-cate.active{transform: translate(0%, -50%);}


/*无数据提示*/
.no-goods {padding: 10px 0;overflow: hidden;text-align: center;}
.no-goods p {color: #7d7979;font-size: 15px;line-height: 35px;}


/* 关于我们 */
.about{position: relative;}
.about .area{flex-wrap: wrap;align-items: start;padding: 0 25px;}
.about .content{width: 100%;font-size: 15px;line-height: 3;margin-top: 40px;}
.about .content .strong{font-size: 19px;}

/* 单页 */
.single{position: relative;padding: 50px 0;}
.single .tit{font-size: 32px;text-align: center;line-height: 1.5;margin-bottom: 30px;display: inline-block;width: 100%;}
.single .content{font-size: 16px;line-height: 2;}

.content img{max-width: 100%;display: block;margin: 5px auto;}

/* 产品 */
.product{position: relative;padding: 50px 0;}
.product .area{display: block;}
.product a .img{position: relative;padding-top: 90%;background-color: #f8f8f8;}
.product a .img img{position: absolute;width: 80%;height: 80%;object-fit: contain;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.product a .text{background-color: #fbfbfb;line-height: 3;font-size: 17px;text-align: center;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin-bottom: 20px;}
.product a:hover .img img{width: 90%;height: 90%;}
.product a:hover .text{background-color: rgba(18,100,54,1);color: #fff;}


/* 产品内页 */
.p-info{position: relative;padding: 50px 0;}
.p-info .area{display: block;}
.p-info .area .swiper{width: 100%;}
.p-info .area .swiper .img{width: 100%;position: relative;padding-top: 90%;background-color: #f8f8f8;}
.p-info .area .swiper .img img{position: absolute;width: 80%;height: 80%;object-fit: contain;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.p-info .area #proSwiper{margin-bottom: 20px;}
.p-info .area #thumbsSwiper .img{border: 1px solid rgba(0,0,0,.1);}
.p-info .area #thumbsSwiper .swiper-slide-active .img{border: 1px solid rgba(18,100,54,1);}
.p-info .area .info{padding-left: 5%;}
.p-info .area .info h2{font-size: 32px;font-weight: 600;line-height: 1;position: relative;padding: 30px 0;margin-bottom: 30px;}
.p-info .area .info h2::after{content: '';display: inline-block;position: absolute;left: 0;top: 100%;width: 50px;height: 5px;background-color: rgba(18,100,54,1);}
.p-info .area .info>p{font-size: 16px;line-height: 2;color: rgba(0,0,0,.6);margin-bottom: 15px;}
.p-info .area .info a{width: 40%;margin-right: 10%;max-width: 180px;color: #fff;background-color: rgba(18,100,54,1);border-radius: 5px;font-size: 16px;line-height: 3;display: inline-block;text-align: center;}
.p-info .area .info a:last-child{margin-right: 0;}
.p-info .area .param{display: flex;flex-wrap: wrap;width: 100%;margin-bottom: 15px;}
.p-info .area .param p{width: 100%;line-height: 2.5;}
.p-info .area .param p b{color: rgba(18,100,54,1);font-weight: 600;font-size: 17px;}

.p-info .content{margin-top: 30px;width: 100%;border-top: 1px solid rgba(0,0,0,.1);padding-top: 30px;}
.p-info .content h2{font-size: 24px;display: inline-block;width: 33.333333%;max-width: 180px;line-height: 2.5;font-weight: 600;}
.p-info .content .details{font-size: 16px;line-height: 2;width: 100%;color: rgba(0,0,0,.7);padding: 15px 0;}


/* 图品列表 */
.article{position: relative;}
.article .area{flex-wrap: wrap;align-items: start;}
.article .row{margin-top: 35px;}
.article .row .img{position: relative;padding-top: 75%;overflow: hidden;background-color: #e9edf0;}
.article .row .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);object-fit: cover;width: 80%;height: 80%;}
.article .row .text{display: flex;flex-wrap: wrap;background-color: #fff;justify-content: center;margin-bottom: 20px;}
.article .row .text p{font-size: 18px;width: calc(100%);overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;line-height: 3.2;text-align: center;}

.article .row a:hover .img{border-color: rgba(18,100,54,1);}
.article .row a:hover .img img{width: 100%;height: 100%;}
.article .row a:hover .text p{color: #fff;background-color: rgba(18,100,54,1);}


/* 文章列表 */
.news{position: relative;}
.news .area{flex-wrap: wrap;align-items: start;padding: 0 25px;}
.news .left{width: 265px;display: flex;flex-wrap: wrap;align-content: start;}
.news .left img{width: 100%;height: 100%;object-fit: cover;}
.news .n-right .ul{width: 100%;display: flex;flex-wrap: wrap;align-items: start;}
.news .n-right .ul a{display: flex;flex-wrap: wrap;width: 100%;margin-top: 40px;align-items: stretch;align-content: start;}
.news .right{width: calc(100% - 295px);border-bottom: 1px solid rgba(0,0,0,.1);margin-left: 30px;padding-bottom: 20px;}
.news .right h3{font-size: 22px;line-height: 2;margin-bottom: 10px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: 600;}
.news .right h3::before{content: '';display: inline-block;width: 7px;height: 7px;background-color: #126436;margin-right: 10px;margin-bottom: 4px;}
.news .right p{line-height: 2;font-size: 15px;color: rgba(0,0,0,0.6);overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 20px;}
.news .right span{font-size: 15px;color: rgba(0,0,0,.3);display: flex;align-items: center;font-weight: 400;}
.news .right span i{font-size: 18px;margin-right: 10px;transition: all 0s;}
.news .n-right .ul a:hover h3{color: rgba(18,100,54,1);}



/* 文章内页 */
.n-info{position: relative;padding: 50px 0;}
.n-info .area{display: flex;flex-wrap: wrap;align-items: start;}
.n-info .left{width: calc(100% - 380px);max-width: 1200px;padding-right: 30px;}
.n-info .tit{font-size: 28px;text-align: center;line-height: 1.5;margin-bottom: 30px;display: inline-block;width: 100%;}
.n-info .time{display: flex;justify-content: center;width: 100%;background-color: rgba(0,0,0,.05);color: rgba(0,0,0,.5);font-size: 15px;line-height: 2.5;margin-bottom: 30px;}
.n-info .img{margin: 0 auto;max-width: 200px;width: 100%;margin-bottom: 30px;border: 5px solid rgba(0, 0, 0, .1);font-size: 0;}
.n-info .img img{width: 100%;}
.n-info .content{font-size: 16px;line-height: 2;}
.n-info .content strong{font-size: 19px;font-weight: 600;}
.n-info .switch{display: flex;width: 100%;margin-top: 30px;padding-top: 15px;border-top: 1px solid rgba(0,0,0,.1);}
.n-info .switch>div{width: 50%;line-height: 1.5;}

.n-info .right{width: 380px;padding-left: 30px;border-left: 1px solid rgba(0,0,0,.1);}
.n-info .right a{display: block;width: 100%;margin-bottom: 30px;background-color: rgba(0,0,0,.05);padding: 25px 30px;}
.n-info .right a:last-child{margin-bottom: 0;}
.n-info .right a h2{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-size: 18px;font-weight: 600;line-height: 2;margin-bottom: 10px;}
.n-info .right a p{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 16px;line-height: 2;color: rgba(0,0,0,.5);margin-bottom: 30px;}
.n-info .right a span{font-size: 16px;font-weight: 600;line-height: 2;}

.n-info .switch>div:hover,.n-info .switch>div:hover a{color: rgba(18,100,54,1);}

.n-info .right a:hover{background-color: rgba(18,100,54,1);}
.n-info .right a:hover h2,.n-info .right a:hover p,.n-info .right a:hover span{color: #fff;}


/* team */
.team{position: relative;padding: 15px 0 30px;}
.team .area{flex-wrap: wrap;align-items: start;}
.team .row a{display: flex;flex-wrap: wrap;width: 100%;align-items: stretch;align-content: start;margin-top: 35px;border: 1px solid rgba(0,0,0,.1);padding: 25px 20px;background-image: url(../images/team-li-bg.jpg);background-size: cover;background-position: right top;}
.team .row a .img{width: 200px;position: relative;height: 300px;}
.team .row a .img img{height: 100%;width: 100%;object-fit: cover;object-position: center top;}
.team .row a .txt{width: calc(100% - 200px);padding-left: 5%;}
.team .row a .txt .tit{display: flex;width: 100%;padding-bottom: 20px;align-items: stretch;margin-bottom: 20px;border-bottom: 1px solid rgba(0,0,0,.1);}
.team .row a .txt .tit h3{font-size: 24px;line-height: 1;font-weight: 600;}
.team .row a .txt .tit h3 b{font-size: 15px;}
.team .row a .txt .tit h3 span{display: block;width: 100%;line-height: 1.2;margin-top: 10px;font-size: 15px;color: rgba(18,100,54,.7);}
.team .row a .txt .tit h4{display: flex;padding: 0 15px;border: 1px solid rgba(18,100,54,1);background-color: rgba(18,100,54,.1);color: rgba(18,100,54,1);align-items: center;margin-left: auto;line-height: 3;white-space: nowrap;}
.team .row a .txt p{font-size: 16px;color: rgba(0,0,0,.5);line-height: 2;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}



/* 联系我们 */
.contact{position: relative;padding: 15px 0 30px;}
.contact .title{margin-bottom: 45px;}
.contact .area{flex-wrap: wrap;}
.contact .info{display: flex;flex-wrap: wrap;width: 100%;align-items: start;align-content: center;margin-bottom: 5px;}
.contact .info .li{width: calc(33.333333% - 10px);line-height: 2;font-size: 16px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;background-color: rgba(0,0,0,.02);height: 200px;justify-content: center;align-items: center;padding: 0 5%;margin: 40px 15px 40px 0;}
.contact .info .li:last-child{margin-right: 0;}
.contact .info .li i{font-size: 32px;color: rgba(18,100,54,1);margin-right: 20px;}
.contact .info .li h3{width: calc(100% - 55px);font-size: 20px;font-weight: 500;padding: 20px 0;text-align: center;position: relative;margin-bottom: 15px;display: flex;flex-wrap: wrap;}
.contact .info .li h3 span{width: calc(100%);font-size: 16px;text-align-last: left;}



/*在线留言*/
.message{position: relative;padding: 15px 0 40px;}
.message .area{flex-wrap: wrap;}
.message form{background-color: #f8f9fa;display: flex;flex-wrap: wrap;width: 100%;padding: 50px 30px;align-items: center;margin: 30px 0;}
.message form .form-input{width: calc(50% - 15px);margin-right: 30px;padding: 15px 30px;margin-bottom: 20px;display: flex;flex-wrap: wrap;background-color: #fff;}
.message form .form-input:nth-child(2n){margin-right: 0;}
.message form .form-input.textarea{width:100%;margin-right: 0;}
.message form .form-input .code{display: flex;width: 100%;align-items: center;}
.message form .form-input .code input{width: calc(100% - 100px);}
.message form .form-input .code img{width: 100px;}
.message form .form-input input,.message form .form-input textarea{width: 100%;line-height: 2;}
.message form .form-input input::placeholder,.message form .form-input textarea::placeholder{font-size: 16px;color: rgba(0,0,0,.5);}
.message form .form-input.captcha{margin-bottom: 0;max-width: 500px;}

.message form a{background-color: rgba(18,100,54,1);color: #fff;font-size: 15px;text-align: center;padding: 20px 0;width: 30%;max-width: 300px;margin-left: auto;border-radius: 5px;}


/*分页*/
.de-page-mian {overflow: hidden;text-align: center;font-size: 0;background: #f3f3f3;padding: 0;width: 100%;margin-top: 20px;}
.de-page-mian .page-inner {display: inline-block;overflow: hidden;padding: 10px 0;}
.de-page-mian .page-inner a {display: block;float: left;min-width: 26px;padding: 0 5px;height: 36px;border: 1px solid #dddddd;background: #fff;text-align: center;line-height: 36px;font-size: 14px;color: #333;margin-right: -1px;overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {color: #fff;border-color: rgba(18,100,54,1);background: rgba(18,100,54,1);}
.de-page-mian .page-inner a.prev {margin-right: 10px;background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on {background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover {background-color: #fff;border-color: #dddddd;}
.de-page-mian .page-inner a.next {margin-left: 10px;margin-right: 15px;background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on {background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover {background-color: #fff;border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn {font-size: 12px;margin-right: 0;width: 63px;margin-left: 10px;}
.de-page-mian .page-inner span {display: block;font-size: 12px;color: #333;float: left;line-height: 38px;}
.de-page-mian .page-inner input {display: block;float: left;height: 36px;width: 36px;border: 1px solid #dddddd;text-align: center;line-height: 36px;font-size: 14px;color: #333;margin: 0 5px;}


@media (max-width:1400px){

}
@media (max-width:1200px){
  .nbanner{margin-top: 180px;}
  .nbanner.tr{margin-top: 55px;}

  .n-title{padding: 30px 0;}
  .n-title h3{font-size: 36px;}

  .about .content{margin-top: 30px;}

  .news .right{margin-left: 20px;width: calc(100% - 285px);}
  .news .right h3{font-size: 21px;}
  .news .n-right .ul a{margin-top: 35px;}

  .p-info .area .info{padding-left: 0;}
  .p-info .area .info h2{font-size: 28px;padding-top: 10px;padding-bottom: 25px;margin-bottom: 20px;}

  .n-info .tit{font-size: 28px;}

  
}
@media (max-width:1024px){
  .p-info .area .info>p{margin-bottom: 20px;}
  .p-info .area .content h2{font-size: 20px;max-width: 160px;}
  .p-info .area .info p{font-size: 15px;line-height: 2.2;}

  .n-info .left{width: 100%;padding-right: 0;}
  .n-info .right{width: 100%;padding-left: 0;border-left-width: 0;display: flex;flex-wrap: wrap;margin-top: 30px;}
  .n-info .right a{width: calc(50% - 15px);margin-right: 30px;}
  .n-info .right a:nth-child(2n){margin-right: 0;}
}
@media (max-width:992px){
  .nbanner{background-position: left -340px bottom;}

  .n-title h3{font-size: 32px;}

  .left-cate{width: 260px;}
  .left-cate .ul a{font-size: 18px;padding: 25px 0;}

  .n-right{padding: 15px 0 50px 35px;width: calc(100% - 260px);}

  .article .row{margin-top: 30px;}
  .article .row .text p{font-size: 16px;}

  .news .left{width: 200px;}
  .news .right{width: calc(100% - 220px);}

  .team .row a{margin-top: 30px;}

  .product,.p-info{padding: 50px 0;}
  .product .right,.p-info .area{width: 100%;}

  .contact .info{padding: 15px 0;}
  .contact .info .li{width: 100%;margin: 10px 0;height: auto;}
}
@media (max-width:768px){
  .nbanner{margin-top: 105px;}
  .nbanner.tr{margin-top: 105px;}

  .left-cate{position: fixed;left: 0px;top: 50%;transform: translate(-100%,-50%);}
  .left-cate span{display: block;}

  .n-right{width: 100%;padding-left: 0;}

  .news .left{width: 30%;}
  .news .right{width: calc(70% - 20px);}
  .news .n-right .ul a{margin-top: 30px;}

  .product a .text{font-size: 16px;}

  .p-info .area .info h2{padding-top: 20px;font-size: 24px;}

  .n-info .right a{width: 100%;margin-right: 0;margin-bottom: 15px;}

}
@media (max-width:767px){
  .n-title{flex-wrap: wrap;}
  .n-title h3{font-size: 28px;}

  .message form{padding: 30px;}

  .team .row a .img{width: 30%;}
  .team .row a .txt{width: 70%;}
  .team .row a .txt .tit h3{font-size: 22px;}
  .team .row a .txt .tit h3 b{display: none;}
}
@media (max-width:440px){
  .nbanner{margin-top: 95px;background-position: left -180px bottom;height: 210px;}
  .nbanner.tr{margin-top: 95px;}
  
  .n-title{padding: 15px 0;}
  .n-title h3{font-size: 24px;}
  .n-title p{margin-top: 15px;width: 100%;text-align: right;}

  .left-cate h2{font-size: 26px;}
  .left-cate .ul a{padding: 20px 0;font-size: 17px;}
  .left-cate .ul{margin-bottom: 40px;}

  .n-right{padding-bottom: 30px;}
  
  .about .content .strong,.n-info .content .strong{font-size: 17px;}

  .article .row .text p{font-size: 15px;}

  .news .left{display: none;}
  .news .right{width: 100%;padding-left: 0;margin-left: 0;}
  .news .right h3{font-size: 18px;}
  .news .n-right .ul a{margin-top: 25px;}

  .article .row{margin-top: 25px;}

  .team .row a{margin-top: 25px;}
  .team .row a .img{width: 100%;height: auto;}
  .team .row a .txt{padding-left: 0;width: 100%;margin-top: 15px;}
  .team .row a .txt p{font-size: 15px;}
  .team .row a .txt .tit{padding-bottom: 15px;margin-bottom: 10px;}

  .message form{padding: 25px;margin-bottom: 0;}
  .message form .form-input{width: 100%;margin-right: 0;margin-bottom: 15px;padding: 10px 15px;}
  .message form a{margin-top: 15px;padding: 10px;}

  .product,.p-info,.n-info{padding: 30px 0;}
  .product a .text{font-size: 15px;}

  .p-info .content{padding-top: 10px;margin-top: 20px;}
  .p-info .content h2{font-size: 20px;}
  .p-info .area .info a{font-size: 15px;}


  .n-info .tit{font-size: 22px;margin-bottom: 15px;}
  .n-info .time{margin-bottom: 20px;}
  .n-info .content{font-size: 15px;}
  .n-info .switch{margin-top: 20px;}
  .n-info .switch>div{font-size: 15px;}
  .n-info .right a{padding: 20px 25px;}
  .n-info .right a h2{font-size: 17px;}
  .n-info .right a p{font-size: 15px;}
  .n-info .right a span{font-size: 15px;}

  .contact .info .li{margin: 5px 0;}
  .contact .info .li h3{font-size: 18px;padding: 15px 0;}

}
@media screen and (min-width: 0px) and (max-width:375px){
  .nbanner{margin-top: 85px;}
  .nbanner.tr{margin-top: 85px;}

}