html, body{font-family: Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif; font-size: 16px; overflow-x: hidden; font-weight: normal; margin:0px; padding:0px;}
li {	list-style: none;}
a {	color: #252525; text-decoration:none;}
i, em{ font-style:normal;}
a:hover {	text-decoration: none;}
p, dl, dt, dd,span, ul, h1,h2,h3,h4,h5,h6{ font-weight: normal;	margin: 0px;	padding: 0px;}
.wrap{margin:auto; width:1120px;}
.w1200{ margin:auto; width:1200px;}
.w1360{ margin:auto; width:1400px;}
.w1500{ margin:auto; width:1500px;}
.container {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1660px;
    position: relative;
}
.clear{ clear:both;}
.clearfix:before{ clear: both;}
*{box-sizing: border-box;}


header{z-index: 9; width: 100%; background:#fff;box-shadow: 0px 0px 5px 1px #ccc;}
header.fixed-top{  top:0; z-index: 99; position: fixed;}
header .headerbox{ display: flex; justify-content: space-between; align-items: center;}
.logo{  display: flex; align-items: center;height: 70px;}
.logo img{display:block;height:60px;}
.navbar ul{ display: flex; flex-wrap:wrap ; }
.navbar ul li{ margin: 0px 30px;  position: relative;display:table-cell;}
.navbar ul li a.nav-link {display: block; font-size: 1rem; position: relative; padding:0px 0px; color: #4e4e4e;}
.navbar ul li.active a.nav-link{color: #108c06; }
.navbar ul li a.nav-link::after {
    position: absolute;
    content: "";
    display: block;
    width: calc(100% - 1px);
    height: 2px;
    background-color: #4e4e4e;
    left: 1px;
    bottom: -5px;
    transform: scale(0, 1);
    transform-origin: right top;
    transition: 0.5s transform cubic-bezier(0.52, 0.08, 0.18, 1);
}
/*.navbar ul li.active a.nav-link::after, .navbar ul li:hover a.nav-link::after{transform: scale(1, 1); background-color: #a6a182;  transform-origin: left top;}*/
.navbar ul li .downmune{position: absolute; z-index: 9;
    padding-top: 40px;
    text-align: left;
    width: 250px;
    height: 0;}
.navbar ul li dl{pointer-events: none;
    opacity: 0;
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #343634;
    background-color: #4e4e4e;
    transform-origin: left;
    transform: translateX(-20%);
    transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1);
    overflow: hidden;
    justify-content: space-between;
    padding-right: 0.2rem;}
.navbar ul li dl::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    transition: 0.5s all cubic-bezier(0.52, 0.08, 0.18, 1);
    z-index: 0;
    background-color: #f5f5f5;
}
.navbar ul li dl:hover::before {    transform: translateX(0%);}    
.navbar ul li dl:nth-child(2) {transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.2s;}
.navbar ul li dl:nth-child(3) {transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.3s;}
.navbar ul li dl:nth-child(4) {transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.4s;}
.navbar ul li dl:nth-child(5) {transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.5s;}
.navbar ul li dl:nth-child(6) {transition: 0.75s all cubic-bezier(0.52, 0.08, 0.18, 1) 0.6s;}
    
.navbar ul li dl dt{display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 0px 20px;z-index: 1;}
.navbar ul li dl dt:after{font-family: "FontAwesome"; content: '\f105'; margin-left: 10px; color: #fff; line-height: normal;}
.navbar ul li:hover .downmune{ height: auto;}
.navbar ul li:hover dl{  opacity: 1;   pointer-events: auto;   transform: translateX(0%);}
  
.navbar ul li dl a{ display: block; line-height: 46px; padding: 0px 0px; color: #fff;}
.navbar ul li:hover .downmune{ display: block;-webkit-animation-duration: .3s;
    -webkit-animation-fill-mode: both;  animation-duration: .3s;   animation-fill-mode: both;  -webkit-animation-name: layui-upbit;   animation-name: layui-upbit;}
.navbar ul li dl:hover a{color: #4e4e4e; }
.navbar ul li dl:hover dt:after{color: #4e4e4e; }
.navbar ul li dl a.active{text-decoration: underline;}
@-webkit-keyframes layui-upbit{from{-webkit-transform:translate3d(0,15px,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);opacity:1}}
@keyframes layui-upbit{from{transform:translate3d(0,15px,0);opacity:.3}to{transform:translate3d(0,0,0);opacity:1}}

.navbox{ display: flex;  justify-content: flex-end;   flex: 1;}

.index-banner img{width: 100%;}

.index-about{padding: 100px 0px 100px 0px;}
.about-cont{display: flex;   flex-wrap: wrap; justify-content:space-between;}
.about_left{width:40%;}
.about_left img{ width:100%; border-radius:20px;}

.about_right{width:55%; background:url(../images/aboutbg.png) no-repeat right center; background-size:50%;}
.about_right h2{margin-bottom:60px; font-size: 1.5rem;}

.about_right .text {width:70%;}
.about_right .text p{line-height:40px; font-size:1rem;  color: #333;}
.about_right .text font{color:#108c06; font-weight:bold;}
.about_right a.more{color:#1ea034; border: 1px solid #1ea034;font-size: 1rem; margin-top: 30px; padding:8px 30px;  display: table;  border-radius: 10px;}
.about_right a.more:hover{background:#1ea034;color:#fff;}

.about-mun{margin:60px auto;}
.about-mun ul{display: flex;   flex-wrap: wrap; justify-content:space-between;}
.about-mun ul li span b{color:#108c06; font-size: 4rem; font-family: 'FontAwesome';}
.about-mun ul li span {color:#108c06; font-size: 1.25rem;}
.about-mun ul li p{color:#333; font-size:1rem; }


.index-honor{background:#f8f8f8; padding:100px 0px;}
.index-honor h2{margin-bottom:30px; font-size: 1.5rem;}
.honor-cont li{background:#fff; padding:5px 5px;}
.honor-cont li img{width:100%; height:100%; object-fit:contain;}
.honor-cont .swiper-pagination{position:inherit;width: auto !important;}
.honor-cont .swiper-pagination-bullet{background:#d4d4d4; margin:0px 5px; opacity:1;}
.honor-cont .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#047a1a;}

.honormore{margin-top: 20px;display: flex;  justify-content: space-between;    flex-wrap: wrap;   align-items: center;}
.honormore a.more{color:#1ea034; border: 1px solid #1ea034;font-size: 1rem;  padding:8px 30px;  display: table;  border-radius: 10px;}
.honormore a.more:hover{background:#1ea034;color:#fff;}


.index-productinfo{margin:100px 0px;}
.productinfo-cont .index-tit h2{margin-bottom:80px;  font-size: 1.5rem;}
.productinfo-cont{background:url(../images/productinfo-bg.jpg);padding:70px 40px;background-size: 100% 100%;}
.productinfo-cont .text{background:#fff url(../images/aboutbg.png) no-repeat 90% center; background-size: 40%; width:70%; padding:80px 50px; border-radius:20px;}
.productinfo-cont .text h3{font-size:2rem; color:#108c06;margin-bottom:50px;}
.productinfo-cont .text p{font-size:1rem; color:#333; line-height:40px;width: 70%;}


.index-product .index-tit h2{  font-size: 1.5rem;}
.product-cont{padding:30px 0px;    position: relative;}
.product-cont li{background:url(../images/productlistbg.jpg) no-repeat bottom center;background-size: 100% 100%; border-radius:30px;    margin: 20px 0px 20px 0px; padding:50px 0px 20px 0px;border:1px solid transparent;}
.product-cont li .text{padding:0px 20px 0px 20px;}
.product-cont li .text h3{color:#000; font-size: 1.5rem; margin-bottom:20px; transition: .5s transform;}
.product-cont li .text span{color:#000; font-size: 1.2rem;margin-bottom:10px; display:block; transition: .5s transform;}
.product-cont li .text p{color:#333; font-size: 1rem; transition: .5s transform;}
.product-cont li .img{height:auto; aspect-ratio: 1/1; display: flex;   justify-content: center;}
.product-cont li .img img{height:100%; width: 100%; transition: .5s transform;}

.product-cont li.swiper-slide-active{border:1px solid #108c06;box-shadow: 0px 0px 10px 2px #ccc;}
.product-cont li:hover{border:1px solid #108c06;box-shadow: 0px 0px 10px 2px #ccc;}
.product-cont li:hover .text h3{color:#108c06;}
.product-cont li:hover .text span{color:#108c06; }
.product-cont li:hover .text p{color:#108c06; }
.product-cont li:hover .img img{transform: translateY(-10px);}


.product-cont .swiper-button-prev,.product-cont .swiper-button-next{display: inline-block;position: absolute;width: 45px;height: 45px;z-index: 2; border-radius:50%;background:#e4e4e4;display: flex;  justify-content: center;  align-items: center; }
.product-cont .swiper-button-prev i,.product-cont .swiper-button-next i{font-size:2rem;color: #333; }
.product-cont .swiper-button-prev{left: -80px;top: 50%;}
.product-cont .swiper-button-next{right: -80px;top: 50%;}
.product-cont .swiper-button-prev:after{content:'<'; display:none;}
.product-cont .swiper-button-next:after{content:'>'; display:none;}

.index-advantage{margin:100px 0px 150px 0px;}
.advantage-cont{background:url(../images/advantage-bg.jpg);padding:50px 100px; position: relative;background-size: 100% 100%;}
.advantage-cont .advlistbox{background:rgba(255,255,255,0.5); border-radius:20px; padding:40px 40px;}

.advantage-cont .advlistbox01 h2{font-size:1.5rem; color:#108c06;}
.advantage-cont .advlistbox01 ul{display:flex;flex-wrap: wrap; justify-content:center;}
.advantage-cont .advlistbox01 ul li{width: calc(100%/3 - 90px); margin:10px 45px;}
.advantage-cont .advlistbox01 ul li img{width:100%;border-radius: 10px;box-shadow: 0px 5px 0px 0px rgb(204 204 204 / 80%);}
.advantage-cont .advlistbox01 ul li h3{font-size:1rem; color:#fff; border-radius:20px;  background:#108c06; margin:10px 0px 0px 0px; padding:5px 10px; width:100%; text-align:center;}

.advantage-cont .advlistbox02 h2{font-size:1.5rem; margin-bottom: 30px; color:#108c06;}
.advantage-cont .advlistbox02 ul{display:flex;flex-wrap: wrap; justify-content:space-between;}
.advantage-cont .advlistbox02 ul li{ width: calc(100%/4 - 20px); margin:30px 0px; position:relative;}
.advantage-cont .advlistbox02 ul li img{width:100%; height:125px; object-fit:cover;border-radius: 10px;}
.advantage-cont .advlistbox02 ul li h3{ background:rgba(255,255,255,0.8); font-size:1rem; padding:10px 10px;border-radius:5px; position:absolute; width:90%; left:5%; top:50%;transform: translateY(-50%);color:#108c06; text-align:center;}

.advantage-cont .advlistbox03 h2{font-size:1.5rem; color:#108c06;}
.advantage-cont .advlistbox03 li{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.advantage-cont .advlistbox03 li .img{ width:50%;}
.advantage-cont .advlistbox03 li .text{width:50%;}
.advantage-cont .advlistbox03 li p{font-size:1rem; line-height:30px; color:#108c06;}
.advantage-cont .advlistbox03 li p.p2{line-height:25px;}

.advantage-cont .swiper-pagination{bottom: -100px !important; text-align: center; display: flex; justify-content: center; flex-wrap: wrap; position: inherit;}
.advantage-cont .swiper-pagination-bullet{background:#d4d4d4; margin:0px 5px; opacity:1;}
.advantage-cont .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#047a1a;}

.index-news{margin:0px 0px 100px 0px;}
.index-news .index-tit h2{ font-size: 1.5rem;}
.news-cont{padding:30px 0px;    position: relative;}
.news-cont li{ border-radius:20px;    margin: 20px 0px 20px 0px; padding:30px 20px 20px 20px;border:2px solid #d4d4d4;}
.news-cont li .text{margin-top:20px;}
.news-cont li .text h3{color:#000; font-size: 1.25rem;  margin-bottom: 20px; margin-bottom:20px;}
.news-cont li .text p{color:#333; font-size: 1rem;margin-bottom:10px; display:block;}
.news-cont li .text span{color:#666; font-size: 0.875rem; display:block;}
.news-cont li .img{height:250px;display: flex;    justify-content: center;}
.news-cont li .img img{height:100%; width:100%; object-fit:cover;border-radius:20px;}
.news-cont li:hover{border:2px solid #108c06;box-shadow: 0px 0px 10px 2px #ccc;}


.news-cont .swiper-button-prev,.news-cont .swiper-button-next{display: inline-block;position: absolute;width: 45px;height: 45px;z-index: 2; border-radius:50%;background:#e4e4e4;display: flex;  justify-content: center;  align-items: center; }
.news-cont .swiper-button-prev i,.news-cont .swiper-button-next i{font-size:2rem;color: #333; }
.news-cont .swiper-button-prev{left: -80px;top: 50%;}
.news-cont .swiper-button-next{right: -80px;top: 50%;}
.news-cont .swiper-button-prev:after{content:'<'; display:none;}
.news-cont .swiper-button-next:after{content:'>'; display:none;}

footer{background:#434343;padding:100px 0px;}
.foot-nav { display:flex;}
.foot-nav ul{margin:0px 100px 0px 0px;}
.foot-nav ul h2{margin-bottom:20px;}
.foot-nav ul h2 a{color: #fff; font-size:1.25rem;}
.foot-nav ul li{margin-bottom:20px;}
.foot-nav ul li a{color: #fff; font-size:1rem; color:#ccc;}
.footer-bottom{display:flex; justify-content:space-between;flex-wrap: wrap; margin:100px auto 0px;}
.foot-contact h2 {color: #fff; font-size:1.25rem; font-weight:bold; margin-bottom:20px;}
.foot-contact li { font-size:1.125rem;color:#ccc; margin:10px 0px;}
.foot-contact li i {color: #fff; font-size:1.5rem; margin-right:10px;}

.foot-logo img{filter: brightness(100);}
.copyright{color:#fff; font-size:1rem; text-align:center; margin:60px auto 0px;}
.copyright a{color:#fff;font-size:1rem;}


.productlist-container{ margin:0px 0px 60px 0px;}
.productlist{padding:0px 0px;    position: relative;}
.productlist ul{display: flex;   flex-wrap: wrap;}
.productlist li{background:url(../images/productlistbg.jpg) no-repeat bottom center;background-size: 100% 100%; border-radius:30px;    margin: 20px 30px 20px 30px; padding:50px 0px 20px 0px;border:1px solid transparent; width:calc(100%/3 - 60px);}
.productlist li .text{padding:0px 20px 0px 20px;}
.productlist li .text h3{color:#000; font-size: 1.5rem; margin-bottom:20px;}
.productlist li .text span{color:#000; font-size: 1.2rem;margin-bottom:10px; display:block;}
.productlist li .text p{color:#333; font-size: 1rem;}
.productlist li .img{height:auto; aspect-ratio: 1/1; display: flex;   justify-content: center;}
.productlist li .img img{height:100%; width: 100%; }
.productlist li:hover{border:1px solid #108c06;box-shadow: 0px 0px 10px 2px #ccc;}
.productlist li:hover .text h3{color:#108c06;}
.productlist li:hover .text span{color:#108c06; }
.productlist li:hover .text p{color:#108c06; }

.prolistnav{box-shadow: 0px 0px 5px 1px #ccc; margin: -20px auto 100px; border-radius: 30px; position: relative; padding: 0px 100px;   z-index: 1;   
display: table;   background: #fff;}
.prolistnav ul{display:flex; flex-wrap:wrap; justify-content:center;}
.prolistnav ul li{line-height:50px; margin:0px 30px;padding: 0px 10px;}
.prolistnav ul li.cur{border-bottom: 3px solid #108c06;}
.prolistnav ul li.cur a{color:#108c06; font-size:1rem;}

.view-show {	 width:60%; margin:0 auto;  position:relative; }
.view{ background:#eee; position:relative;border-radius: 30px;}
.view .swiper-slide{	 width:100%; height:540px;}
.view img {width: 100%;	height: 100%; object-fit: contain;}

.preview {	position: relative;	width: 100%; padding: 0px 0px;	 margin-top: 20px;}
.preview .swiper-wrapper{justify-content:center;}
.preview .swiper-slide {height:100%; background:#eee; aspect-ratio: 1/1;	box-sizing: border-box;	overflow: hidden;	cursor: pointer;}
.preview .swiper-slide img {	object-fit: contain;width: 100%; height: 100%;}
.preview .swiper-slide-thumb-active {	border: 2px solid #108c06;}
.view .arrow-left,.view .arrow-right{display: inline-block;position: absolute;width: 45px; height: 45px; display:flex; justify-content: center; align-items: center;   z-index: 2;  border-radius: 50%;   background: #e4e4e4; }
.view .arrow-left:after,.view .arrow-right:after{font-family:"FontAwesome";font-size:2rem;display:block; position: absolute;text-align:center;color: #333;}
.view .arrow-left{left: -120px;top: 50%; margin-top: -25px; }
.view .arrow-right{right: -120px;top: 50%;margin-top: -25px;}
.view .arrow-left:after{content:'\f104';}
.view .arrow-right:after{content:'\f105';}


.pro-canshu{background:#edf4ed; padding:80px 60px; margin:100px 0px;border-radius: 30px;}
.pro-canshu h2{color:#108c06; text-align:center;font-weight: bold; margin:0px 0px 60px 0px;}
.pro-canshu .canshulist{display:flex;flex-wrap:wrap; justify-content:space-between;}
.pro-canshu ul {width:46%;}
.pro-canshu ul li{background:#fff; padding:15px 10px 15px 20px; margin: 10px 0px; border-radius: 30px;display:flex; align-items: center;   flex-wrap: wrap;}
.pro-canshu ul li:nth-child(2n){background:none;}
.pro-canshu ul li span{color:#108c06; font-size:1.25rem;width: 150px;display: block;}
.pro-canshu ul li p{width:calc(100% - 150px); font-size:1rem;color: #999;}

.pro-inner{margin:100px 0px;border-radius: 30px;   overflow: hidden;}
.pro-inner li{display:flex; flex-wrap:wrap;}
.pro-inner li:nth-child(2n){flex-direction: row-reverse;}
.pro-inner li .img{width:50%;}
.pro-inner li .img img{display:block; width:100%;}
.pro-inner li .text{width:50%; background:#f5f5f5; display:flex; justify-content:center; align-items:center;flex-direction: column;}
.pro-inner li .text h3{color: #108c06; font-size:1.25rem; font-weight: bold; margin-bottom:20px;}
.pro-inner li .text p{color: #333; font-size:1.125rem; line-height:40px; text-align:center;}


/*.pro-contrast{padding:100px 80px 200px 80px; position:relative; margin:100px 0px 200px 0px;}
.pro-contrast:before{ content:""; display:block; height:50%; width:100%; position: absolute;
    top: 0;  left: 0;   z-index: -1; background-image: linear-gradient(145deg,#eafbeb 7%,#59d565);}
.pro-contrast:after{ content:""; display:block; height:50%; width:100%; position: absolute;
    bottom: 0;  left: 0;   z-index: -1; background-image: linear-gradient(-258deg,#eafbeb 7%,#eafbeb);}    
.pro-contrast .contrast-list{}
.pro-contrast .contrast-list h2{ color:#057c18;font-size:1.5rem;font-weight:bold;background-image: linear-gradient(-258deg,#f1f8f0 7%,#6ebd6a);padding: 10px 20px; display: table;   margin:0px auto 30px;  border-radius: 30px;}
.pro-contrast .contrast-list ul{width:50%; padding:30px 30px; border-radius:30px; }
.pro-contrast .contrast-list ul.ul1{background-image: linear-gradient(-258deg,#a6cc9d 7%,#5eac32);}
.pro-contrast .contrast-list ul.ul1 li{color:#fff; font-size:1.5rem; padding:20px 0px; border-bottom:1px solid #fff;}
.pro-contrast .contrast-list ul.ul1 li:last-child{border-bottom:none;}
.pro-contrast .contrast-list ul.ul2{background-image: linear-gradient(-258deg,#efefef 7%,#c3c3c3);}
.pro-contrast .contrast-list ul.ul2 h2{color:#404040;background-image: linear-gradient(-258deg,#f1f1f1 7%,#cacaca);}
.pro-contrast .contrast-list ul.ul2 li{color:#7f7f7f; font-size:1.5rem; padding:20px 0px; border-bottom:1px solid #bfbfbf;text-align: right;}
.pro-contrast .contrast-list ul.ul2 li:last-child{border-bottom:none;}

.contrastimg{position: absolute; z-index:1; margin-top: -300px;  display: flex;   justify-content: center;   width: calc(100% - 160px);}*/


.m-pro-contrast .contrast-tit h2{font-size:1.5rem; color:#108c06; text-align:center; margin:0px 0px 40px 0px; font-weight:bold;}
.m-pro-contrast .contrast-tit h2 b{color:#ff0000; margin: 10px 30px;  font-size: 2rem;}
.m-pro-contrast .contrast-tit h2 font{ color:#7f7f7f; font-weight:normal;}

.m-contrast-list{display:flex; flex-wrap:wrap; justify-content:space-between;}
.m-pro-contrast ul{width:32%;}
.m-pro-contrast .ul1 li{text-align:right;}
.m-pro-contrast li{margin:40px 0px 60px 0px;}
.m-pro-contrast li h3{font-size:1.25rem; line-height:30px;margin:0px 0px 10px 0px; color:#108c06; font-weight:bold;}
.m-pro-contrast li h3 font{font-weight:normal;}
.m-pro-contrast li p{font-size:1.125rem; color:#7f7f7f; }
.m-pro-contrast .contrastimg{width:36%;}
.m-pro-contrast .contrastimg img{width:100%;}

.pro-advantage{margin: 100px 0px;}
.pro-advantage ul{justify-content: center;   padding: 2px 0px;/*display:flex;flex-wrap:wrap;*/}
.pro-advantage ul li{border:2px solid #dcdcdc; height:380px !important; width:50%; padding:50px 70px; margin:0px 0px 0px 0px; border-radius: 30px;}
.pro-advantage ul li h3{color: #108c06;   font-size: 1.25rem;}
.pro-advantage ul li h4{color: #108c06;   font-size: 1.25rem;}
.pro-advantage ul li p{color: #666; font-size: 1rem; line-height:30px; margin: 20px 0px;}

.pro-product .index-tit h2{  font-size: 1.5rem;}
.pro-product-cont{padding:30px 0px 30px 20px;    position: relative;}
.pro-product-cont li{background:url(../images/productlistbg.jpg) no-repeat bottom center;background-size: 100% 100%; border-radius:30px;    margin: 20px 0px 20px 0px; padding:50px 0px 20px 0px;border:1px solid transparent;}
.pro-product-cont li .text{padding:0px 20px 0px 20px;}
.pro-product-cont li .text h3{color:#000; font-size: 1.5rem; margin-bottom:20px;}
.pro-product-cont li .text span{color:#000; font-size: 1.2rem;margin-bottom:10px; display:block;}
.pro-product-cont li .text p{color:#333; font-size: 1rem;}
.pro-product-cont li .img{height:auto; aspect-ratio: 1/1; display: flex;   justify-content: center;}
.pro-product-cont li .img img{height:100%; width: 100%; }

.pro-product-cont li.swiper-slide-active{border:1px solid #108c06;box-shadow: 0px 0px 10px 2px #ccc;}
.pro-product-cont li:hover{border:1px solid #108c06;box-shadow: 0px 0px 10px 2px #ccc;}
.pro-product-cont li:hover .text h3{color:#108c06;}
.pro-product-cont li:hover .text span{color:#108c06; }
.pro-product-cont li:hover .text p{color:#108c06; }

.pro-product-cont li.swiper-slide-active .text h3{color:#108c06;}
.pro-product-cont li.swiper-slide-active .text span{color:#108c06;}
.pro-product-cont li.swiper-slide-active .text p{color:#108c06;}

.pro-product-cont .swiper-button-prev,.pro-product-cont .swiper-button-next{display: inline-block;position: absolute;width: 45px;height: 45px;z-index: 2; border-radius:50%;background:#e4e4e4;display: flex;  justify-content: center;  align-items: center; }
.pro-product-cont .swiper-button-prev i,.pro-product-cont .swiper-button-next i{font-size:2rem;color: #333; }
.pro-product-cont .swiper-button-prev{left: -80px;top: 50%;}
.pro-product-cont .swiper-button-next{right: -80px;top: 50%;}
.pro-product-cont .swiper-button-prev:after{content:'<'; display:none;}
.pro-product-cont .swiper-button-next:after{content:'>'; display:none;}



.position{margin-top: 30px;}

.news-main{display: flex; flex-wrap: wrap;justify-content: space-between; margin: 60px auto; }
.news-content{width: calc(100% - 0px);}
.newslist li{   overflow:hidden; background: #fff;  padding: 20px 0px; margin-bottom:20px;border-bottom: 1px solid #ccc; position:relative;/*box-shadow: 0px 0px 5px 0px #ccc;*/}
.newslist li:after{width:0px;border-bottom: 1px solid #108c06; content: ""; display: block; bottom: 0px; position: absolute; transition: 1s;}
.newslist li:hover:after { width: 100%;}

.newslist li a{ display: flex;    flex-wrap: wrap; margin: 0px auto;  justify-content: space-between; }
.newslist li .list_img{ width: 300px; height: 180px; overflow: hidden;}
.newslist li .list_img img{ width: 100%; height: 180px; display: block; object-fit: cover; border-radius: 10px;transition: .5s transform;}
.newslist li time{ background: url(../images/icon_time.png) no-repeat center left; background-size: 20px; color: #999; font-size: 14px; 
padding: 5px 0px 5px 30px;  box-sizing: border-box; display: flex;    align-items: center;} 

.newslist li .list_text{ width: calc(100% - 320px); margin: 0px 0px;padding: 0px 0px; box-sizing: border-box; } 
.newslist li .list_text h3{ margin-top: 10px; color: #252525; line-height: 18px; font-weight: bold; font-size: 1.25rem;}
.newslist li .list_text p{ color:#808080; font-size: 1rem; padding: 15px 0px 25px 0px; line-height: 30px; clear: both;}
.newslist li .list_text .news-base{display: flex; justify-content: space-between;}
.newslist li .list_text span{color: #fff;   position: relative;   font-size: 16px;
      display: inline-flex;   align-items: center;  padding:5px 30px;   background: #3eb0a8;   border-radius: 5px;}

.newslist li:hover .list_text h3{ }
.newslist li:hover img{ transform: scale(1.05, 1.05); }


.newsshow-main{display: flex; flex-wrap: wrap;justify-content: space-between; margin: 60px auto; }
.newsshow{width: calc(100% - 260px); background:#ffff; padding:30px 30px;}
.newsshow h1{color: #252525;  font-weight:bold;font-size:1.25rem; margin-bottom: 20px;      text-align: center;}
.newsshow .news-met{    text-align: center;margin-bottom: 20px; padding-bottom:20px;border-bottom: 1px solid #dee2e6;}
.newsshow .news-met span{padding: 0px 0px 0px 30px; margin: 0px 20px; color:#676767; height: 30px; line-height: 30px; display: inline-block;}
.newsshow .news-met span.time{background: url(../images/newscon2.png) no-repeat center left;}
.newsshow .news-met span.visits{background: url(../images/newscon3.png) no-repeat center left;}

.newsshow .content{padding: 0px 0px; line-height:30px;  color:#676767;font-size: 1rem; }
.newsshow .content p{font-size: 1rem; }
.newsshow .content img{max-width: 100%;height: auto !important;}


.pages_cont {margin: 30px 0;width: 100%;display: flex;justify-content: center;align-items: center;}
.pages_cont ul a {    float: left;}
.pages_cont ul a,.pages_cont ul span { width: 40px; height: 40px; background: #ccc; border-radius: 100%; 
display: flex; align-items: center;   justify-content: center; float: left; margin:0px 3px;color: #fff; font-size: 16px; 
transition: all .4s;   overflow: hidden;}
.pages_cont ul li.dt a {   border: 0;}
.pages_cont ul a.page-num-current {    background: #108c06;    border-color: #3eb0a8;}
.pages_cont ul a.page-num-current { color: #fff;}
.pages_cont select{padding: 10px;  border: 1px solid #ccc;}

.reLink{margin:30px 0px 0px 0px;}
.reLink .prevLink,.reLink .nextLink{margin:5px 0px;}


.sb_nav {   float: left;   width: 240px;}
.productsort{ margin: 0px 0px 0px 0px; width: 240px;background: #fff; }
.productsort ul{}
.productsort ul li {border: 1px solid #dcdcdc;  border-bottom: 0;   padding: 0px 0px;      margin: 0 0px; transition: 0.5s; }
.productsort ul  li:last-child {    border-bottom: 1px solid #dcdcdc;}
.productsort li a.calss1 {color: #676767; font-size: 14px;  display: flex;justify-content: space-between; padding: 15px 20px 15px 20px;}
.productsort li a.p-ico1{ background: url(../images/p-ico01.png) no-repeat 10px;}
.productsort li a.p-ico2{ background: url(../images/p-ico02.png) no-repeat 10px;}
.productsort li a.p-ico3{ background: url(../images/p-ico03.png) no-repeat 10px;}
.productsort li a.p-ico4{ background: url(../images/p-ico04.png) no-repeat 10px;}
.productsort li a.p-ico5{ background: url(../images/p-ico02.png) no-repeat 10px;}

.productsort li:hover ,.productsort li.active{ border-left: 4px solid #f39800; }
.productsort li:hover a,.productsort li.active a { color:#676767;}
.productsort li h3{display: flex;   justify-content: space-between;   align-items: center; padding:0px 20px 0px 0px;}
.productsort li h3:after{font-family: "FontAwesome"; content: '\f106'; color: #676767;}
.productsort li.active h3:after{font-family: "FontAwesome"; content: '\f107';}
.productsort li dl{ display: none;background: #f5f5f5;padding: 5px 40px;}
.productsort li.active dl{  display: block; }
.productsort li dl a{ width: 100%; font-size: 14px; display: block; color: #676767; padding: 10px 0px;}
.productsort li dl a.active{ color: #252525; text-decoration: underline;}

.post-news{ margin-top: 0px;  background: #fff; padding: 0px 0px 20px 0px;}
.post-news h2{font-size:1.25rem; color:#252525; font-weight: bold;  padding: 0px 0px; height:50px; line-height:50px; }
.post-news ul li{ margin: 0px 0px 15px 0px; }
.post-news ul li a{display: flex; flex-wrap: wrap; justify-content: space-between;}
.post-news ul li .img{ height: 80px; width: 80px;  }
.post-news ul li img{ width: 100%;     height: 100%;object-fit: cover;}
.post-news ul li .text{width: calc(100% - 90px);}
.post-news ul li h3{ color: #252525; font-weight: bold; font-size: 1rem;  
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical; }
.post-news ul li time{font-size: 0.875rem; color: #252525;  font-style: normal;}
.post-news ul li span{font-size:  0.875rem; display: block; color: #252525;  font-style: normal; }

.ab-product{ margin-top: 20px; background: #fff; padding: 0px 0px 20px 0px;}
.ab-product h2{font-size:1.25rem; color:#252525; font-weight: bold;  padding: 0px 0px; height:50px; line-height:50px; }
.ab-product ul{display: flex; flex-wrap: wrap; justify-content: space-between; }
.ab-product ul li{ margin: 0px 0px 10px 0px; width:calc((100% - 10px)/2); }
.ab-product ul li a{}
.ab-product ul li .img{ background: #ededed; }
.ab-product ul li img{ width: 100%;  display: block;   height: 100%;object-fit: contain;}
.ab-product ul li .text{width: calc(100% - 0px);}
.ab-product ul li h3{ margin-top: 10px; color: #252525; font-size: 1rem; text-align:center;  }
.ab-product ul li span{font-size: 14px; color: #676767;  font-style: normal; }

.n-product{margin:60px 0px;}
.n-product h2{margin:0px 0px 20px 0px;}
.n-product ul li{}
.n-product ul li .img{ background: #ededed; border-radius: 10px;}
.n-product ul li img{ width: 100%;     height: 100%;object-fit: contain;}
.n-product ul li h3{font-size:1rem; text-align:center;margin:10px 0px 0px 0px;}

.contact-section{ padding: 100px 0px;}
.contact-wrapper{display: flex; flex-wrap: wrap; justify-content: space-between;}
.contact-wrapper .contact-info{width: 40%}
.contact-wrapper .contact-info h2{margin-bottom:30px; font-size:1.5rem;}
.contact-wrapper .contact-info li{margin:0px 0px 30px 0px; display: flex;  justify-content: space-between; }
.contact-wrapper .contact-info li span{display: flex;color: #000;   justify-content: center; font-size: 1.5rem; }
.contact-wrapper .contact-info li .info{width:calc(100% - 40px); color: #000;}
.contact-wrapper .contact-info li em{font-size: 1rem; font-weight: bold; display: block; margin: 0px 0px 10px 0px;}
.contact-wrapper .contact-info li p{font-size: 1.25rem;}
.contact-wrapper .contact-info li p img{width:135px;}

.contact-wrapper .contactmap {   width: calc(100% - 40%);height: 520px;display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;}
.contact-wrapper .contactmap img{   object-fit:cover;}

.ab-honor{background:url(../images/about_background_h.jpg); padding:60px 0px; text-align:center;}
.ab-honor h2{margin-bottom:30px; font-size: 2rem; color:#fff; text-align:center;}
.ab-honor .ab-honor-tit div{opacity: 0.1; font-size: 3.5rem; font-family: "alternate"; line-height: normal; color: #e6e6e6;}
.ab-honor-cont li{background:#fff; padding:5px 5px;}
.ab-honor-cont li img{width:100%; height:100%; object-fit:contain;}
.ab-honor-cont .swiper-pagination{position:inherit;width: auto !important; text-align:center;}
.ab-honor-cont .swiper-pagination-bullet{background:#d4d4d4; margin:0px 5px; opacity:1;}
.ab-honor-cont .swiper-pagination-bullet.swiper-pagination-bullet-active{ background:#047a1a;}


@media screen and (min-width:1921px) {
    html, body {
        font-size: 18px;
    }
    .w1200{width: 1600px;}
}

@media screen and (max-width:1600px) {
    html, body {
        font-size: 16px;
    }
}

@media screen and (max-width:1400px) {
    html, body {
        font-size: 14px;
    }
}
@media screen and (max-width:1200px) {
    html, body {
        font-size: 14px;
    }
}
@media screen and (max-width:768px) {
    html, body {
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
.w1200 {   margin: auto;   width: 100%;}    
.logobox{ display: flex; justify-content: space-between; padding: 0px 10px;     align-items: center;   width: 100%;} 
.logo{height:60px;}
.logo img{height:40px;}    
.mc_ph_menu{ display:block !important;}
.point{ position:relative;}
.point .nav_btn{position: absolute;   top: 0px;  right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.point .nav_btn,.point .nav_btn:after,.point .nav_btn:before {display: inline-block;width: 26px;height: 2px; background-color: #000;}  
.point .nav_btn::after, .point .nav_btn::before {    content: '';   position: absolute;   right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.point .nav_btn::before {    top: 8px; left:-5px;}
.point .nav_btn::after {   top: -8px;left:-5px;} 
.point.active .nav_btn {  background: transparent; }
.point.active .nav_btn::before {    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.point.active .nav_btn::after {    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.contact-wrapper .form-box{width: 100%;}
.navbox{ display:none;position: absolute; opacity:0; left: 0; top: 60px; height: 100vh; padding: 0px 20px; box-sizing: border-box;  
z-index: 999;   background: #fff;   width: 100%;   transition: all 0.5s;transform: translateX(100%);}
.navbox.navbar-show{ transform: translateX(0%);opacity:1; display: block; }
.navbar ul li{ width: 100%;display: block;margin: 0px 0px;padding: 0px 0px; border-bottom: 1px solid #ddd;}
.navbar ul li.active{ border-radius: 0px; background:none;}
.navbar ul li a.nav-link{ width: 100%; display: flex; font-size: 1rem; padding: 0px 10px;  color: #000; height:40px;line-height: 40px; justify-content: space-between;align-items: center;}
.navbar ul li a.active {    color: #FF8F00;}
.navbar ul li.active a.nav-link::after, .navbar ul li:hover a.nav-link::after{display: none;} 
.navbar ul li a.navdown:after{position:absolute; right:0; display: none;}
.navbar ul li a.navdown:before {right: 0;}
.navbar ul li .downmune{ display:none; position: inherit;top: 0px; padding: 0px 0px;width: 100%; text-align: left;   box-sizing: border-box;}
.navbar ul li.navdown:after { background:none; width:auto;   font-family: "FontAwesome";
    content: '\f107'; font-weight: bold;  color: #252525; line-height: 30px; position:absolute;  right:0; top:0; }
.navbar ul li.active:after {   content: "-"; font-weight: bold;   color: #2661bb;  line-height: 30px; position:absolute;  right:0; top:0; }
.navbar ul li.on dl{display:block;}
.navbar ul li:hover dl{ }
.navbar ul li:hover a.nav-link{}
.navbar ul li dl a{line-height:40px; font-size:1rem}
.navbar ul li dl dt{width: 100%;   justify-content: space-between;}
.navbar ul li dl dd{position:inherit; left:0;}

.index-banner img{width:100%;}

.index-about {padding: 60px 0px 60px 0px;}
.about-cont{padding:0px 20px;}
.about_left{width:100%;}
.about_left img{width:100%;}
.about_right{width:100%; margin:30px 0px;}
.about_right .text {  width: 100%;}
.about_right h2 {text-align: center;  margin-bottom: 20px;}
.about-mun{padding:0px 20px;}
.about-mun ul li span b{font-size:2rem;}

.index-honor {padding: 60px 20px;}
.index-honor h2 {text-align: center;    margin-bottom: 30px;}

.index-productinfo {margin: 60px 0px;}
.productinfo-cont .index-tit h2 {margin-bottom: 30px;}
.productinfo-cont {padding: 60px 20px;}
.productinfo-cont .index-tit {text-align: center;margin-bottom: 30px;}
.productinfo-cont .text {width: 100%;  padding: 30px 20px;}
.productinfo-cont .text h3 {font-size: 1.5rem;   margin-bottom: 20px;}
.productinfo-cont .text p{width:100%;}


.index-product .index-tit {text-align: center;}
.product-cont{padding: 0px 0px 0px 20px;}
.product-cont .prev-next{display:flex; justify-content:center; margin-top:20px}
.product-cont .swiper-button-prev {left: 80px; top: 100%;position: inherit; margin:0px 10px;}
.product-cont .swiper-button-next {right: 80px;top: 100%;position: inherit; margin:0px 10px;}

.product-cont li.swiper-slide-active .text h3{color:#108c06;}
.product-cont li.swiper-slide-active .text span{color:#108c06;}
.product-cont li.swiper-slide-active .text p{color:#108c06;}

.index-advantage {margin: 60px 0px;}
.advantage-cont{padding:30px 20px;}
.advantage-cont .advlistbox{padding: 20px 20px;}
.advantage-cont .advlistbox h2{text-align:center;margin-bottom:0px;}
.advantage-cont .advlistbox01 ul li {width: calc(100%/2 - 20px);    margin:10px 10px 30px 10px;}
.advantage-cont .advlistbox01 ul li img{width:100%;}

.advantage-cont .advlistbox02 ul li {width: calc(100%/2 - 20px);    margin: 10px 10px 30px 10px;}
.advantage-cont .advlistbox02 ul li img{width:100%;}

.advantage-cont .advlistbox03 li .img{width:100%;}
.advantage-cont .advlistbox03 ul li img{width:100%;}
.advantage-cont .advlistbox03 li p{line-height:25px;}
.advantage-cont .advlistbox03 li .text {width: 100%;}

.index-news{padding: 30px 10px 30px 10px; margin: 0px 0px 0px 0px;}
.index-news .index-tit{text-align:center;}
.news-cont li {padding:20px 10px 20px 10px;}
.news-cont li a{display:flex; flex-wrap:wrap;}
.news-cont li .img{width:40%;height:auto; }
.news-cont li .text{width:60%;padding-left: 10px;margin-top: 10px;}
.news-cont li .text h3{margin-bottom:10px;font-size: 1.125rem;}
.news-cont .prev-next{display:flex; justify-content:center; margin-top:20px}
.news-cont .swiper-button-prev {left: 80px; top: 100%;position: inherit; margin:0px 10px;}
.news-cont .swiper-button-next {right: 80px;top: 100%;position: inherit; margin:0px 10px;}

footer {padding: 60px 10px 20px 10px;}
.foot-nav{justify-content: space-between;}
.foot-nav ul {margin: 0px 10px 0px 0px;}
.foot-logo{margin: 20px auto;}

.productlist li{width: calc(100%/1 - 40px);margin: 20px 20px 20px 20px;}

.prolistnav{margin:-20px auto 30px; padding: 0px 20px;}
.prolistnav ul li{margin: 0px 10px;  padding: 0px 0px;}
.view-show { width: 80%;}
.view .arrow-left { left: -30px;}
.view .arrow-right { right: -30px;}
.view .swiper-slide { aspect-ratio: 1/1;  height: auto;}
.preview .swiper-slide { aspect-ratio: 1/1;  height: auto;}

.pro-canshu { padding: 60px 10px;    margin: 60px 20px;}
.pro-canshu h2{    margin: 0px 0px 30px 0px;}
.pro-canshu ul { width: 100%;}
.pro-canshu ul li{padding: 10px 10px 10px 10px;}
.pro-canshu ul li span{font-size: 1.125rem;width: 120px;}
.pro-canshu ul li p {  width: calc(100% - 120px);}

.pro-inner {  margin: 60px 0px 60px 20px; border-radius: 0;}
.pro-inner li { flex-direction: column-reverse; border-radius: 30px; overflow: hidden;}
.pro-inner li:nth-child(2n) {   flex-direction: column-reverse;}
.pro-inner li .img {  width: 100%;}
.pro-inner li .img img{  width: 100%; height:200px; object-fit:cover;}
.pro-inner li .text {   width: 100%; padding:30px 20px; height:200px;}
.pro-inner li .text p{font-size:1rem; line-height:30px;}

/*.pro-contrast{margin:60px 0px 60px 0px;padding: 60px 5px 100px 5px;}
.pro-contrast .contrast-list h2{font-size:1.2rem;    margin: 0px auto 10px;}
.pro-contrast .contrast-list ul{padding: 30px 5px;}
.pro-contrast .contrast-list ul.ul1 li:nth-child(2) {height:100px;}
.pro-contrast .contrast-list ul.ul2 li:nth-child(2) {height:100px;}
.pro-contrast .contrast-list ul.ul1 li{font-size:1rem; text-align:center;}
.pro-contrast .contrast-list ul.ul2 li{font-size:1rem; text-align: center;}
.contrastimg{margin-top:-150px;right: 30px;width: auto;}
.contrastimg img{height: 200px; }*/

.m-pro-contrast .contrast-tit h2{font-size:1.5rem; color:#108c06; text-align:center; margin:0px 0px 40px 0px; font-weight:bold;}
.m-pro-contrast .contrast-tit h2 b{color:#ff0000; display:block;margin: 10px 0px;  font-size: 2rem;}
.m-pro-contrast .contrast-tit h2 font{ color:#7f7f7f; font-weight:normal;}

.m-contrast-list{display:flex; flex-wrap:wrap; justify-content:space-between;}
.m-pro-contrast ul{width:100%;}
.m-pro-contrast li{text-align:center !important; margin:0px 0px 40px 0px;}
.m-pro-contrast li h3{font-size:1.3rem; line-height:30px;height: auto !important;margin:0px 0px 5px 0px; color:#108c06; font-weight:bold;}
.m-pro-contrast li h3 font{font-weight:normal;}
.m-pro-contrast li p{font-size:1.2rem; color:#7f7f7f; }
.m-pro-contrast .contrastimg{width:30%; display:none;}
.m-pro-contrast .contrastimg img{width:100%;}

.pro-advantage {margin: 60px 20px 60px 20px;}
.pro-advantage ul {  justify-content: normal;}
.pro-advantage ul li{padding:20px 30px; margin:0px 0px 40px 0px;text-align: center;height: auto !important;}
.pro-advantage ul li h4{font-size:1rem;}


.pro-product .index-tit {text-align: center;}
.pro-product-cont{padding: 0px 0px 30px 20px;}
.pro-product-cont .prev-next{display:flex; justify-content:center; margin-top:20px}
.pro-product-cont .swiper-button-prev {left: 80px; top: 100%;position: inherit; margin:0px 10px;}
.pro-product-cont .swiper-button-next {right: 80px;top: 100%;position: inherit; margin:0px 10px;}

.pro-product-cont li.swiper-slide-active .text h3{color:#108c06;}
.pro-product-cont li.swiper-slide-active .text span{color:#108c06;}
.pro-product-cont li.swiper-slide-active .text p{color:#108c06;}

.ab-honor{    padding: 60px 20px;}
.ab-honor .ab-honor-tit div{font-size:2rem;}

.position {  margin: 30px 20px 0px;}

.news-content { padding: 0px 20px;}
.newslist li .list_img {   width: 100%;}
.newslist li .list_text {   width: calc(100% - 0px);}

.newsshow-main {}
.newsshow {    width: calc(100% - 0px);    background: #fff;  padding: 30px 20px;}

.sb_nav {   float: left;   width: 100%;   padding: 0px 20px;}
.n-product {    margin: 60px 0px; padding: 0px 20px;}

.contact-section {  padding: 60px 0px;}
.contact-wrapper .contact-info {   width: 100%;   padding: 0px 20px;}
.contact-wrapper .contactmap {   width: calc(100% - 0px);    height: 400px;    margin: 0px 20px;}
}