@charset "utf-8";
/* CSS Document */
*{ margin: 0; padding: 0;}
.wrap{ width:1200px; margin:0 auto; display:block; max-width: 100%;}
.bg{ background: url("yindao_bg.jpg") no-repeat center / cover; height: 100vh; width: 100vw; display: flex; align-items: center; justify-content: center;}
.fl{ float: left; padding-left: 10px;}
.fr{ float: right; padding-right: 10px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; overflow:hidden;}
.clear{ clear:both; height:0;}
div{ box-sizing:border-box;}

.gsjj{}
.gsjj .logo{ margin-bottom: 20px; max-width: 100%; padding-top: 24px;}
.gsjj .gsjj_pic{ width: 45%; margin-top: 100px; border: 2px solid #0d841c;}
.gsjj .gsjj_info{ /*width: 100%;*/ font-size:16px; line-height: 30px;}
.gsjj .gsjj_info p{text-indent: 2em; padding-bottom: 10px; text-shadow: 1px 1px 0 rgb(0 0 0 / 5%); padding: 0 10px;}
.gsjj .gsjj_img{background: url("tel.png") no-repeat left center; margin-top: 20px;}
.gsjj .gsjj_img p{font-size: 16px; line-height: 16px; color: #666; padding-left: 60px; padding-top: 10px; padding-bottom: 5px;}
.gsjj .gsjj_img span{font-size: 28px; line-height: 30px; color: #0d841c; padding-left: 60px; padding-bottom: 10px;}

.yindao_products{ margin: 40px auto; display: flex; align-items: center; justify-content: space-between;}
.yindao_products .item{ float: left; width: 33%; overflow: hidden; position: relative;}
.yindao_products .item img{ max-width: 100%; max-height: 245px; transition: 0.4s; display: block;}
.yindao_products .item .js{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; top:0; z-index: 20; /*opacity: 0;*/ transition: 0.4s; cursor: pointer; background: rgba(0,0,0,0.3); color: #fff; border: 2px solid #0d841c;}
.yindao_products .item .js b{ font-size: 22px;text-shadow: 1px 1px 0 rgb(0 0 0 / 20%);}
.yindao_products .item:hover img{ transform: scale(1.2);}
.yindao_products .item:hover .js{ opacity: 1; background: rgba(0,0,0,0.6); color: #fff;}