@charset "UTF-8";
:root{--color:#23b24b}
*{box-sizing:border-box;}
body,h1,div,li,a,button,input,select,textarea, p, span{font-family: "Microsoft YaHei", "Source Han Sans CN", SimHei, Arial, Helvetica, sans-serif, "PingFang SC";font-size:14px;color:#333}
img{max-width:100%;display:block;border:none}
.clear{zoom:1}
.clear:after{content:"";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden}
[transition="0.5s"], [imgsalc] img{transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.homeprotype .list{display:none}
.homeprotype .list.cur{display:block}
.homeprotype .prodnavlist{cursor:pointer;box-shadow:0px 3px 35px 0px rgba(0,0,0,0.08);padding:20px 15px}


@media (max-width:1440px){	
	.homeprotype .prodnavlist{width:200px;margin:0 20px 15px 20px;padding:20px 1px}
	.homeprotype .prodnavlist .title{font-size:16px}
}

.product{padding:60px 0 88px}
.prodnav{text-align:center}
.prodnavlist{width:164px;height:200px;display:inline-block;vertical-align:middle;margin:0 10px;padding:20px;background-color:#fff}
.prodnavb .prodnavlist{width:14.28%;margin:0 -4px 0 0}
.prodnavlist .icon{width:200px;height:180px;position:relative;margin:0 auto}
.prodnavlist .icon img{position:absolute;top:45%;left:50%;transform:translate3d(-50%, -50%, 0);opacity:0}
.prodnavlist .icon img:nth-of-type(1),
.prodnavlist .icon img:nth-of-type(1){opacity:1}
.prodnavlist.cur .icon img:nth-of-type(2),
.prodnavlist:hover .icon img:nth-of-type(2){opacity:1}
.prodnavlist.cur .icon img:nth-of-type(1),
.prodnavlist:hover .icon img:nth-of-type(1){opacity:0}
.prodnavlist .title{color:#989898;font-weight:bold;font-size:18px;margin-top:15px;text-align:center}
.prodnavlist.cur .title,
.prodnavlist:hover .title{color:#11a84e}
.prodnavlist:hover{box-shadow:0px 3px 35px 0px rgba(0, 0, 0, 0.08)}




<!--ºÄʱ1764220990.6103Ãë-->