@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.75 "Microsoft YaHei", arial,sans-serif; overflow-x: hidden; min-width: 1300px;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
img { image-rendering: -webkit-optimize-contrast;}
.container{width:1300px; margin:0 auto}
.container12{width:1200px; margin:0 auto}
.container16{width:1600px; margin:0 auto}
.containers{width:96%; margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}
.clearfix:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
.clearfix{ zoom:1;}
/* 下滑头部 */
.navfixed {position: fixed; top: 0; width: 100%; z-index: 99999; transition: .5s;}
/* 多行省略 */
.omit {display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; }

/* 绝对定位居中 */
.jddwjz { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}

::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*/ height: 4px;scrollbar-arrow-color:red;}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);scrollbar-arrow-color:red;}
::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1);}

/* 图标变黑色 */
.icon-black {  filter: brightness(0);}
/* 图标变白色 */
.icon-white {filter: brightness(100);}
/* 图标变灰色色 */
.icon-gray {filter: grayscale(100%);}

/*字体引入*/
@font-face {
  font-family: "futura";
  src: url("../font/Futura\ Md\ BT\ Bold.ttf");
}



/* ============================================  CSS Document ==============================================*/
.headerBox { position: fixed;z-index: 11;  width: 100%;transition:.5s; top: 0;}
.headerBox .box {display: flex; justify-content: space-between; align-items: center;    height: 110px;}
.headerBox .topLe .logo img {display: block;}
.headerBox .topLe {display: flex; align-items: center;}
.headerBox .leTitle h3 {font-size: 30px;font-weight: 700;color: #333333;line-height: 48px;}
.headerBox .leTitle span {font-size: 15px; color: #b8b8b8;font-family: Arial, Arial-Regular;}
.headerBox .topRe {display: flex; align-items: center;}
.headerBox .topRe input {outline: none; border: none; }
.headerBox .topRe form {width: 314px;height: 50px;border: 1px solid #dddddd;border-radius: 26px; position: relative; display: flex;background: #fff;}
.headerBox .topRe .inputCon {width: 80%;  margin-left: 20px; font-size: 16px; color: #333;}
.headerBox .topRe .inputCon::placeholder {font-size: 14px;color: #999999;}
.headerBox .topRe .sub {width: 22px; cursor: pointer; background: url(../images/srarchIcon.png) no-repeat center; background-size: 100%;}
.headerBox .topRe .tleLogo {margin-left: 40px; position: relative;}
.headerBox .topRe .tleLogo em {position: absolute; top: -5px; right: -8px; width: 16px; height: 16px;background: #ffa200; border-radius: 50%; text-align: center; line-height: 16px; color: #fff; font-size: 12px; font-family: Arial, Arial-Bold; font-weight: 700; font-style: italic; animation: scolltops 2.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;}
@keyframes scolltops {
    0%,75%{
        transform: translateY(0);
    }
    100%{
        transform: translateY(-10px);
  }
}    



.telbox {box-shadow: 1px 1px 10px rgb(0 0 0 / 10%); padding: 0px 0; border-radius: 12px; position: absolute;bottom: -100px; z-index: 11;transition: .5s; visibility: hidden;   left: -252%; opacity: 0;}
.telbox:after{ content:""; width:0; height:0; border-top:8px solid transparent;  border-bottom: 8px solid transparent; border-left: 9px solid #fff; position:absolute;right:0;left:0;top: -5%; margin: -8px auto; transform: rotate(-90deg);}
.telbox span{ display: block; padding: 0 0 0 25px; margin: 15px 0; background: #fff; color: #509942; font-size: 16px; font-weight: bold; line-height: 16px; white-space: nowrap; padding-right: 12px; position: relative; border-radius: 12px;}
.telbox span:before{ content: ""; width: 5px; height: 16px; background: #509942; position: absolute; left: 13px; top: 50%; margin-top: -8px;}
.tleLogo:hover .telbox{opacity: 1;visibility: visible; bottom: -88px; }


nav {position: fixed; width: 100%;left: 0;z-index: 2; top: 110px; transition: .5s;}
nav ul {display: flex;  transition: .5s;}
nav li { text-align: center; margin-right: 1%; position: relative; padding: 10px 0;}
nav li a {font-size: 18px;font-weight: 700; transition: .5s; color: #333333; display: block;  border-radius: 20px; padding: 5px 35px; box-sizing: border-box;}
nav li a:hover {color: #fff; background: #509942;}
nav li.on > a {color: #fff; background: #509942;}
nav li dl {display: none;  position: absolute; left: -15%;top: 59px;  width: 115%; background: rgb(255, 255, 255);box-shadow: rgb(0 0 0 / 10%) 1px 1px 10px;border-radius: 15px; padding: 10px;}
nav li dl dd a {padding: 5px 15px; font-size: 16px; font-weight: 500;}
nav ul li:nth-child(3) dl {left: -58%; width: 200%;}

/* 搜索页面 */
.search-page .box {margin-top: 20vh;}
.search-page form {width: 60%;margin: auto; margin-bottom: 100px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex;     align-items: center; justify-content: space-between; }
.search-page form .search-text {padding: 5px 0; width: 95%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 23px;  height: 23px; display: block; cursor: pointer; background: url(../images/srarchIcon.png) no-repeat center; outline: none; border: none; background-size: 100%; }
/* .search-page form .sub:hover {filter: none;} */
.search-page ul {width: 100%;}
.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}
.search-page li span {background: #509942; color: #fff; font-size: 12px; padding: 2px 5px; }
.search-page li h3 {font-size: 18px; margin: 10px 0; color: #000000; font-weight: 700;}
.search-page li p {font-size: 16px; color: #666; line-height: 20px;}
.search-page li .le {width: 95%;}
.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}
.search-page li img {transition: .5s; margin-right: 20px;}
.search-page li:hover img {transform: translateX(20px);}
.fy { padding: 60px 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap; gap: 1rem;}
.fy a { background: #E6E6E6; display: flex; align-items: center; justify-content: center; color: #707070; font-size: 14px; transition: .4s;  padding: 5px 15px;}
.fy a:hover {color: #fff; background: #509942;}
.fy .layui-laypage-curr {color: #fff; background: #509942; font-size: 14px;  margin: 0 5px; padding: 5px 15px;}


.headerBom { top: -200px;}
.headerTop { top: 0;}
.headerBom nav {top: 0;     box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);background: #fff;}
.headerBom nav ul {justify-content: center;}

/* banner  */
.bannrSwiper {position: relative; overflow: hidden;}
.bannrSwiper .swiper-slide img {display: block; width: 100%;}
.bannrSwiper .swiper-pagination {bottom: 5%;}
.bannrSwiper .swiper-pagination-bullet {width: 16px;height: 16px; margin: 0 10px !important; opacity: 0.4; background: #ffffff; box-sizing: border-box;}
.bannrSwiper .swiper-pagination-bullet-active {opacity: 1;}

/* 首页公用标题 */
.indexTle {padding: 70px 0; text-align: center;}
.indexTle h3 {font-size: 40px;color: #000000; line-height: 45px;}
.indexTle small {display: block;font-size: 18px;font-family: Arial, Arial-Bold;font-weight: 700;color: #93c24a; margin-bottom: 10px;}
.indexTle p {font-size: 18px;color: #333333; width: 70%; margin: auto; text-indent: 110px;line-height: 33px; padding-top: 30px;} 

/* 生态循环材料 */
.indexTwo {padding-bottom: 100px;}
.indexTwo .box {width: 1121px;height: 341px;  border: 3px dashed rgba(80, 153, 66,.39);border-radius: 174px; margin: auto;margin-top: 50px; position: relative;}
.indexTwo .imgTle { position: absolute; left: 50%; top: 55%; transform: translate(-50%, -50%)}
.indexTwo .box ul li {position: absolute;}
.indexTwo .box ul li .imgBox {width: 147px; height: 147px; border-radius: 50%; overflow: hidden; border: 3px solid #8fc043; box-sizing: border-box;}
.indexTwo .box ul li .imgBox img {display: block; width: 100%;}
.indexTwo .box ul li h5 {font-size: 18px;font-weight: 700;color: #333333; text-align: center; margin-top: 15px;}
.indexTwo .box ul li:nth-child(1) {top: -22%; left: 13%;}
.indexTwo .box ul li:nth-child(2) {top: -22%; left: 45%;}
.indexTwo .box ul li:nth-child(3) {top: -22%; left: 78%;}
.indexTwo .box ul li:nth-child(4) {top: 78%; left: 78%;}
.indexTwo .box ul li:nth-child(5) {top: 78%; left: 45%;}
.indexTwo .box ul li:nth-child(6) {top: 78%; left: 13%;}
.indexTwo .box dl dd {text-align: center; position: absolute;}
.indexTwo .box dl dd span {display: block; font-size: 16px;color: #333333;}
.indexTwo .box dl dd:nth-child(1) { left: 33%; top: -3.7%;}
.indexTwo .box dl dd:nth-child(2) { left: 62%; top: -3.7%;}
.indexTwo .box dl dd:nth-child(3) { left: 95%;top: 48%; display: flex; align-items: center;}
.indexTwo .box dl dd:nth-child(3) img { transform: rotate(90deg);}
.indexTwo .box dl dd:nth-child(3) span {white-space: nowrap; order: -1; margin-right: 10px;}
.indexTwo .box dl dd:nth-child(4) {left: 65%; top: 86%; display: flex; flex-direction: column;align-items: center;}
.indexTwo .box dl dd:nth-child(4) img {transform: rotate(180deg);}
.indexTwo .box dl dd:nth-child(4) span {order: -1; margin-bottom: 10px;}
.indexTwo .box dl dd:nth-child(5) {left: 32%; top: 86%; display: flex; flex-direction: column;align-items: center;}
.indexTwo .box dl dd:nth-child(5) img {transform: rotate(180deg);}
.indexTwo .box dl dd:nth-child(5) span {order: -1; margin-bottom: 10px;}
.indexTwo .box dl dd:nth-child(6) {display: flex;top: 45%;left: -1.5%;}
.indexTwo .box dl dd:nth-child(6) img { transform: rotate(-90deg);}
.indexTwo .box dl dd:nth-child(6) span {margin-left: 10px;}
.indexTwo .con {text-align: center;margin-top: 200px;}
.indexTwo .con span { width: 461px;height: 65px; line-height: 65px; font-size: 26px; font-weight: 700; border-radius: 33px; color: #ffffff; box-sizing: border-box; background-image: linear-gradient(to right, #89b665, #5d9d4c);display: inline-block;}

/* 水泥木质混凝土性能 */
.indexThree {background-image: linear-gradient(to right, #89b665, #5d9d4c); padding-bottom: 125px;}
.indexThree .indexTle h3 {color: #fff;}
.indexThree .indexTle small {color: #fff;}
.indexThree .indexTle img {filter: brightness(100);}
.indexThree ul {display: flex; justify-content: space-between;     align-items: flex-end; position: relative;}
.indexThree ul li {text-align: center; width: calc(100%/9);}
.indexThree ul li span {display: block; margin-top: 40px; font-size: 22px;color: #ffffff; position: relative;}
.indexThree ul li span::after {content: ""; position: absolute; right: 0; top: -70px; width: 1px;height: 81px;opacity: 0.12; background: #ffffff;}
.indexThree ul li:last-child span::after {display: none;}

/* 我们的产品 */
.indexFour {background: url(../images/indexFour-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 50px;}
.indexFour .indexTle {padding-bottom: 0;}
.indexFour .container {width: 1500px;}
.indexFour .swiperBox {position: relative;}
.inFoSwiper {overflow: hidden; padding: 0 20px; padding-bottom: 20px; width: 1300px; margin: auto;}
.inFoSwiper .swiper-slide {height: auto;}
.inFoSwiper .swiper-slide a {display: block; height: 100%;}
.inFoSwiper .swiper-slide .imgBox {width: 180px; height: 180px; border-radius: 50%; overflow: hidden; margin: auto; position: absolute; z-index: 1; left: 50%; transform: translate(-50%, -50%)}
.inFoSwiper .swiper-slide .imgBox img {display: block;}
.inFoSwiper .swiper-slide {text-align: center; padding-top: 180px;}
.inFoSwiper .swiper-slide .con {background: #e8eee6; padding: 110px 35px 50px 35px; box-sizing: border-box; border-radius: 0px 0px 131px 131px;
box-shadow: 0px 0px 15px 10px rgba(204,204,204,0.32); transition: .5s;position: relative; box-sizing: border-box; overflow: hidden; height: 100%;}
.inFoSwiper .swiper-slide h5 {font-size: 22px;font-weight: 700;color: #333333; transition: .6s; position: relative; z-index: 1; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.inFoSwiper .swiper-slide span {font-size: 14px;font-family: Arial, Arial-Regular;color: #999999; transition: .6s; position: relative; z-index: 1;}
.inFoSwiper .swiper-slide p {font-size: 14px;color: #666666; margin-top: 30px; transition: .6s; position: relative; z-index: 1;}
.inFoSwiper .swiper-slide .con::after {content: "";     top: -100%; position: absolute; border-radius: 0px 0px 131px 131px;
  left: 0; width: 100%; height: 100%; background-image: linear-gradient(to top, #89b665, #5d9d4c); transition: .5s;}
.inFoSwiper .swiper-slide:hover .con::after {top: 0;}
.inFoSwiper .swiper-slide:hover h5 , .inFoSwiper .swiper-slide:hover span , .inFoSwiper .swiper-slide:hover p {color: #fff;}
.inFoSwiper .swiper-button-prev ,.inFoSwiper .swiper-button-next {width: 56px; height: 56px; background: #fff; border-radius: 50%; }
.inFoSwiper .swiper-button-prev img ,.inFoSwiper .swiper-button-next img {filter: grayscale(100%);}
.inFoSwiper .swiper-button-next img {transform: rotate(180deg);}
.inFoSwiper .swiper-button-prev:hover img ,.inFoSwiper .swiper-button-next:hover img {filter: none;}
.indexFour .more {text-align: right;  width: 1310px; margin: auto;margin-top: 40px;}
.indexFour .more a {font-size: 18px;color: #70a653;font-weight: 700;position: relative;}
.indexFour .more a::after {content: ""; position: absolute; left: 0; bottom: -5px; width: 0;height: 2px; background: #40a654; transition: .5s;}
.indexFour .more a:hover::after {width: 100%;}


/* 关于香叶 */
.indexFive {margin-bottom: 100px;}
.indexFive .container {width: 1500px;}
.indexFive .indexTle {padding-bottom: 40px;}
.indexFive .indexTle p {text-indent: 0; width: 85%; color: #666;}
.indexFive .indexTle p a {color: #77AA58;}
.inFislideBox .hd ul {display: flex; justify-content: center;}
.inFislideBox .hd ul li {width: 150px;height: 47px;background: #f3f3f3; border-radius: 24px; text-align: center; line-height: 47px; margin-left: 20px;}
.inFislideBox .hd ul li:first-child{margin-left: 0;}
.inFislideBox .hd ul li {font-size: 16px;color: #333333;font-weight: 700; position: relative;  z-index: 1; overflow: hidden; cursor: pointer;}
.inFislideBox .hd ul li::after {content: ""; position: absolute; left: -100%; transition: .5s; border-radius: 24px; z-index: -1; width: 100%; height: 100%; background-image: linear-gradient(to right, #89b665, #5d9d4c);}
.inFislideBox .hd ul li.on::after {left: 0;}
.inFislideBox .hd ul li.on {color: #fff;}
.inFislideBox .bd {position: relative;}
.inFiSwiper {overflow: hidden;  width: 1300px; margin: auto;margin-top: 50px;}
.inFiSwiper .swiper-slide .imgBox { height: 209px;background: #ffffff;border: 10px solid #939498; display: flex; justify-content: center; align-items: center; overflow:hidden;}
.inFiSwiper .swiper-slide .imgBox img {display: block;}
.inFiSwiper .swiper-button-prev ,.inFiSwiper .swiper-button-next {width: 56px; height: 56px; background: #fff; border-radius: 50%; }
.inFiSwiper .swiper-button-prev img ,.inFiSwiper .swiper-button-next img {filter: grayscale(100%);}
.inFiSwiper .swiper-button-next img {transform: rotate(180deg);}
.inFiSwiper .swiper-button-prev:hover img ,.inFiSwiper .swiper-button-next:hover img {filter: none;}

/* 底部 */
footer {background: #f6f6f6;}
.footerBox {display: flex; justify-content: space-between; align-items: center; padding: 45px 0;}
.footerBox > div {width: 33%; position: relative;}
.footerBox > div::after {content: ""; position: absolute; width: 1px;height: 299px;background: #ffffff; top: 0; right: -1px;}
.footerBox > div::before {content: ""; position: absolute; width: 1px;height: 299px;background: #DDDDDD; top: 0; right: 0px;}
.footerBox > div:last-child::after , .footerBox > div:last-child::before{display: none;}
.footerOne .code {display: flex; margin-top: 12px;}
.footerOne .code > div {margin-right: 18px;}
.footerOne .code span {display: block; text-align: center; font-size: 16px;color: #333333;}
.footerTwo {padding: 0 90px; padding-right: 0;}
.footerTwo h4 {font-size: 18px;font-weight: 700;color: #333333; position: relative; display: inline-block;}
.footerTwo h4::after {content: ""; position: absolute; width: 100%; height: 1px; background: #cccccc; bottom: -2px; left: 0;}
.footerTwo dl {margin-top: 30px;}
.footerTwo dl dt {display: flex; align-items: center; font-size: 16px;color: rgba(51, 51, 51,.68);}
.footerTwo dl dt img {margin-right: 10px;}
.footerTwo dl dd {font-size: 16px;color: #333333;}
.footerThree {padding: 0 90px; padding-right: 0;}
.footerThree h4 {font-size: 18px;font-weight: 700;color: #333333; position: relative; display: inline-block;}
.footerThree h4::after {content: ""; position: absolute; width: 100%; height: 1px; background: #cccccc; bottom: -2px; left: 0;}
.footerThree ul {margin-top: 1rem;}
.footerThree ul li {position: relative;}
.footerThree ul li::before {content: ""; width: 7px;height: 100%; position: absolute; right: 10px; background: url(../images/more-jt.png) no-repeat right; filter: grayscale(100%);}
.footerThree ul li::after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: rgba(209, 209, 209,.5);}
.footerThree ul li a {font-size: 16px;color: #666666;display: block; padding: 6px 0;padding-right: 25px; }
.footerThree ul li a::after {content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #5d9d4c; transition: .5s;}
.footerThree ul li:hover a {color: #5d9d4c;}
.footerThree ul li:hover a::after {width: 100%;}
.footerThree ul li:hover::before {filter: none;} 
footer .copy {height: 60px; line-height: 60px; text-align: center;position: relative;}
footer .copy::after {content: ""; position: absolute; width: 100%;height: 1px;background: #ffffff; top: -1px; left: 0;}
footer .copy::before {content: ""; position: absolute; width: 100%;height: 1px;background: #DDDDDD; top: 0;left: 0;}
footer .copy p ,footer .copy p a {font-size: 14px;color: #a6a6a6;}
footer .copy p a:hover {color: #5d9d4c;}

/* =======================================================内页====================================================== */
.ny-banner {height: 650px;}
.ny-banner .bannrSwiper {height: 100%;}
.ny-main {padding: 50px 0;}


/* 二级导航 */
.ny-nav2 {border-bottom: 1px solid #f0f0f0;border-top: 1px solid transparent;background-color: #fff;width: 100%;}
.ny-nav2 ul {display: flex; align-items: center;height: 82px;}
.ny-nav2 ul li {padding: 0 20px; height: 100%; text-align: center; line-height: 82px;}
.ny-nav2 ul li:first-child {padding-left: 0;}
.ny-nav2 ul li a {font-size: 16px; color: #333; position: relative;     display: inline-block;}
.ny-nav2 ul li a::after {content: ""; width: 0; height: 2px; background-color: #5d9d4c; position: absolute; bottom: 0; transition: .5s; left: 50%;}
.ny-nav2 ul li:hover a::after {width: 100%; left: 0;}
.ny-nav2 ul li:hover a {color: #5d9d4c;}
.ny-nav2 ul li.on a::after {width: 100%; left: 0;}
.ny-nav2 ul li.on a {color: #5d9d4c;}

/* 三级导航 */
.ny-nav3 {margin: 30px 0;}
.nav3-box {padding: 20px 30px; box-sizing: border-box; border: 1px solid #eee; background: #f5f5f5;}
.nav3-box li .tit { font-size: 16px;  line-height: 30px;  float: left;}
.nav3-box li .item {  float: right;  width: 92%;  font-size: 0;}
.nav3-box li .item a {display: inline-block;  zoom: 1;  font-size: 14px;  line-height: 30px;  padding-left: 15px;  margin-right: 20px;  color: #333;  position: relative;  vertical-align: middle;  transition: all .2s;}
.nav3-box li .item a:before {  content: "";  position: absolute;  left: 0;  top: 50%;  width: 5px;  height: 5px;  background-color: #5d9d4c;  border-radius: 100%;  transform: translateY(-50%);  opacity: 0;  filter: alpha(opacity=0);  transition: all .2s;}
.nav3-box li a:hover:before { opacity: 1; filter: alpha(opacity=100);}
.nav3-box li a.on:before {opacity: 1; filter: alpha(opacity=100);}
.nav3-box li a.on{color: #5d9d4c;}
.nav3-box li a:hover {color: #5d9d4c;}

.f-cb {  zoom: 1;}
.f-cb:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden;content: ".";}

/*产品列表 */
.ny-product {margin-bottom: 50px;}
.show-list ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.show-list ul::after {width: 31%; content: "";}
.show-list li {width: 31%;  border: 1px solid #eee; position:relative; transition: .5s;bottom: 0; margin-top: 40px;}
.show-list li img {width: 100%; height: 100%;}
.show-list li .list-img {height: 300px;}
.show-list .list-text {padding: 15px 30px; box-sizing: border-box;}
.show-list li h6 {color: #999;color: 12px;}
.show-list li h3 {color: #333;  font-size: 18px; padding-bottom: 10px; border-bottom: 1px solid #eee; }
.show-list li .more {padding: 10px 0; display: flex; justify-content: space-between; align-items: center;}
.show-list li i {display: block; width: 10px; height: 2px; background-color: #5d9d4c;}
.show-list li::after {position: absolute; bottom: 0; content: ""; width: 0; height: 2px; background-color: #5d9d4c; transition: .5s;}
.show-list li:hover { transition: .5s;     transform: translateY(-10px);}
.show-list li:hover::after {width: 100%;}

/* 分页 */
.pagelist {padding: 10px 0;margin-top: 15px;overflow: hidden;border-top: 0px solid #eee;text-align: center;}
.pagelist a, .pagelist span {border: 1px solid #ccc;display: inline-block;padding: 5px 8px; margin-right: 5px;}


/* ==========产品详情==========*/
.news-details {background: url(../images/news-details-banner.jpg) no-repeat center; background-size: cover; height: 266px;}
.news-details .about-ban {border-top: none;}
.ny-news-xq {padding-top:100px;padding-bottom: 100px; background-color: #fff;}
.ny-news-xq .box-left {background-color: #fff; width: 68%; padding: 60px; box-sizing: border-box;}
.page-fy{border-top:1px solid #ddd;padding-top: 30px;}
.ny-news-xq .news-title{ border-bottom:1px solid rgba(245, 245, 245, .7);position: relative; text-align: left; padding: 0; display: flex; align-items: center; justify-content: space-between; padding-bottom:38px;}
.ny-news-xq .news-title h2{font-size:28px;line-height: 40px;margin-bottom:26px;color:#333;font-weight:bold;text-align: left;}
.ny-news-xq .news-title span{display: block;font-size:18px;color:#666;text-align: left;}
.ny-news-xq .news-title .fra {height:48px;line-height: 48px;border-radius:26px;color:#fff;background: url(../images/news-de-jt.png) no-repeat center left 20px  #5d9d4c;padding:0 20px;display: block;text-indent: 30px;font-size:16px;}
.ny-news-xq .news-title .fra a {color: #fff; display: block;}
.ny-news-xq .news-title .title {width: 75%;}
.nr-content p img{margin:0 auto;display:inline;}
.nr-content p {line-height:27px !important ;font-size:16px;color:#333;margin-bottom:10px;}
.nr-content table{width:100%  !important}
.nr-content table td{font-size:16px}
.nr-content .bottom-back {display: none;}
.ny-news-xq .ny-xq-con {margin: 3rem 0;}
.ny-news-xq .box-right {background-color: #fff;padding: 40px; box-sizing: border-box; width: 30%;}
.ny-news-xq .box-right h3 {font-size: 23px;color: #333333; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.ny-news-xq .box-right li {margin-top: 20px; }
.ny-news-xq .box-right li a {display: flex; align-items: center;}
.ny-news-xq .box-right li i {width: 8px; height: 8px;background: #eeeeee; margin-right: 15px; border-radius: 50%; flex-shrink: 0;}
.ny-news-xq .box-right li p {color: #666666;font-size: 16px; display: -webkit-box;overflow: hidden;   -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.ny-news-xq .box-right li:hover p {color: #5d9d4c;}
.ny-news-xq .box-right li:hover i {background: #5d9d4c;}

/* 案例详情 */
.case-xq {padding-top: 30px;}


/* ==========新闻中心2==========*/
/* .all-news-list {margin: 100px 0;} */
.all-news-list ul li {width: 100%; position: relative; overflow: hidden; padding: 0; border-bottom: 1px solid #eeeeee;}
.all-news-list ul li a {padding: 25px 0; display: block;}
.all-news-list ul li .box-right {width: 60%; display: flex; align-items: center;}
.all-news-list li .companyNews-box { display: flex; }
.all-news-list li .companyNews-box em {font-size: 1rem;color: #9f9f9f; position: relative; z-index: 2; margin-right: 20px;}
.all-news-list li .companyNews-box h3 {font-size: 1.1rem;color: #333333; line-height: 24px; margin: 0;  position: relative; z-index: 2;  display: -webkit-box;overflow: hidden;   -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.all-news-list li .companyNews-box .box-img {width: 100%;position: relative; z-index: 2; overflow: hidden;}
.all-news-list li .companyNews-box .box-img img {width: 100%; display: block; transition: .5s;}
.all-news-list li .companyNews-box span {background: url(../images/company-news-jt.png) no-repeat center; transition: .5s; width: 74px; height: 12px; display: block; margin-top: 0; right: 0; position: absolute; z-index: 2;}
.all-news-list li p {font-size: 0.9rem; color: #555555; margin: 0; line-height: 25px;  position: relative;z-index: 2;  display: -webkit-box;overflow: hidden;   -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.all-news-list li .bj-img { position: absolute; bottom: 0; width: 100%;  bottom: -100%; transition: .5s;}
.all-news-list li .bj-img img {width: 100%; display: block; }
.all-news-list li:hover h3 {color: #5d9d4c;}
.all-news-list li:hover span {background: url(../images/company-news-jt2.png) no-repeat center; }
.all-news-list li:hover .box-img img {transform: scale(1.05);}
.all-news-list li:hover .bj-img {bottom: 0;}
.all-news-list li .companyNews-box .box-left { width: 30%;margin-right: 110px; position: relative; width: 0; margin: 0;}
.all-news-list li .companyNews-box .box-img h4 {  position: absolute;  top: 0;  left: 0;  width: 30%;  display: block;  text-align: center;  padding: 13px 10px;  font-size: 1rem;  color: #ffffff;  background: #bca065;  border-radius: 0px 0px 20px 0px;}



/* ==========新闻详情==========*/
/* .news-details {background: url(../images/news-details-banner.jpg) no-repeat center; background-size: cover; height: 266px;} */
.news-details .about-ban {border-top: none;}
.ny-news-xq {padding-top:100px;padding-bottom: 100px; background-color: #f5f5f5;}
.ny-news-xq .box-left {background-color: #fff; width: 100%; padding: 60px; box-sizing: border-box;}
.page-fy{border-top:1px solid #ddd;padding-top: 30px;}
.ny-news-xq .news-title{ border-bottom:1px solid rgba(245, 245, 245, .7);position: relative; text-align: left; padding: 0; display: flex; align-items: center; justify-content: space-between; padding-bottom:38px;}
.ny-news-xq .news-title h2{font-size:28px;line-height: 40px;margin-bottom:26px;color:#333;font-weight:bold;text-align: left;}
.ny-news-xq .news-title span{display: block;font-size:18px;color:#666;text-align: left;}
.ny-news-xq .news-title .fra {height:48px;line-height: 48px;border-radius:26px;color:#fff;background: url(../images/news-de-jt.png) no-repeat center left 20px  #5d9d4c;padding:0 20px;display: block;text-indent: 30px;font-size:16px;}
.ny-news-xq .news-title .fra a {color: #fff; display: block;}
.ny-news-xq .news-title .title {width: 75%;}
.nr-content p img{margin:0 auto;display:inline;}
.nr-content p {line-height:27px !important ;font-size:16px;color:#333;margin-bottom:10px;}
.nr-content table{width:100%  !important}
.nr-content table td{font-size:16px}
.nr-content .bottom-back {display: none;}
.ny-news-xq .ny-xq-con {margin: 3rem 0;}
.ny-news-xq .ny-xq-con img {max-width: 100%;}
.ny-news-xq .box-right {background-color: #fff;padding: 40px; box-sizing: border-box; width: 30%;}
.ny-news-xq .box-right h3 {font-size: 23px;color: #333333; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.ny-news-xq .box-right li {margin-top: 30px; }
.ny-news-xq .box-right li a {display: flex; align-items: center;}
.ny-news-xq .box-right li i {width: 8px; height: 8px;background: #eeeeee; margin-right: 15px; border-radius: 50%; flex-shrink: 0;}
.ny-news-xq .box-right li p {color: #666666;font-size: 16px; display: -webkit-box;overflow: hidden;   -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.ny-news-xq .box-right li:hover p {color: #5d9d4c;}
.ny-news-xq .box-right li:hover i {background: #5d9d4c;}


.page-fy .prev:hover a {color:#5d9d4c ;}
.page-fy .next:hover a {color:#5d9d4c ;}