/* CSS Document */
.nyCase { padding: 60px 0; overflow: hidden; }
.nyCase_Con {margin: 0 auto ; display: flex; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.05); overflow: hidden; }
/* 左侧图片区域 */
.nyCase_Img { width: 50%; overflow:hidden; }
.nyCase_Img img { width: 100%; height: 100%; object-fit: cover; display: block;transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
.nyCase_Img:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
/* 右侧信息区域 */
.nyCase_Text { width: 50%; padding: 60px 50px; background: #f2f3f5; display: flex; flex-direction: column; justify-content: center; }
.nyCase_Name { font-size: 32px; font-weight: 500; color: #333; margin-bottom: 25px; line-height: 1.5; }
.title-line { width: 60px; height: 3px; background: #53a694; margin-bottom: 25px; }
.nyCase_Des { font-size: 18px; color: #555; line-height: 2; margin-bottom: 35px; }
.nyCase_Des p{ line-height:2;}
@media (max-width:1680px) {
.nyCase{ padding:50px 0;}
}
@media (max-width:1440px) {
}
@media (max-width:1280px) {
.nyCase_Name{ font-size:28px;}
}
@media (max-width:1200px) {
.nyCase{ padding:40px 0;}
}
@media (max-width:1024px) {
.nyCase_Text{ padding:40px;}
.nyCase_Name{ font-size:24px; margin-bottom:20px;}
}

@media (max-width:920px) {
}

@media (max-width:767px) {
.nyCase{ padding:30px 0;}
.nyCase_Con{ display:inherit;}
.nyCase_Img{ width:100%;}
.nyCase_Text{ width:100%; padding:30px;}
.nyCase_Name{ font-size:20px; margin-bottom:15px; line-height:1.8;}
}
@media (max-width:390px) {
}
/*相关产品*/
.nyPro_xgcp{ background:#f2f3f5; padding:60px 0; overflow:hidden;}
.nyProxgcp_tit{ font-size:32px; padding:0 0 10px 0; color:#666; text-align:center; margin-bottom:30px;}
.nyProxgcp_tit:after{ content: ""; display: block; width:20px; height:3px; background-color:#53a694; border-right: 20px solid #aaa; margin:10px auto 0;}
.lqPro_list ul{ min-height:300px;}
.lqPro_list ul li{ width:32%; margin:0 2% 0 0; float:left; position:relative;}
.lqPro_list ul li:before{ content: ""; display: block; position: absolute; left: 0px; top: 0px; background: #53a694; width: 100%; height: 100%; z-index: -5; transition: 0.3s; }
.lqPro_list ul li:nth-child(3n+3){ margin-right:0;}
.lqPro_list ul li .lqPro_Img{ display:block; width:100%; height:300px; position:relative; overflow:hidden;background: url(../images/pbg.png) no-repeat center center; background-size: cover;}
.lqPro_list ul li .lqPro_Img img{transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.lqPro_list ul li:hover .lqPro_Img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.lqPro_list ul li .lqPro_Text{ padding:25px 100px 25px 30px; background:#fff;}
.lqPro_list ul li .lqPro_Text .lqPro_Name{ display:block; font-size:16px; color:#333;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.lqPro_list ul li .lqPro_Text em{ display:block; width:18px; height:2px; background:#53a694; margin:10px 0;}
.lqPro_list ul li .lqPro_Text p{ height:30px; line-height:30px;}
.lqPro_list ul li .lqPro_Text p i{ display:block; width:14px; height:14px; float:left; margin-top:8px;}
.lqPro_list ul li .lqPro_Text p span{width: calc(100% - 24px); float:right; font-size:14px; color:#777;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.lqPro_list ul li .lqPro_Btn{ display:block; width:72px; height:72px; background:#d6d6d6; padding:17px; position:absolute; right:0; bottom:0;}
.lqPro_list ul li:hover:before{left: -10px; top: -10px;}
.lqPro_list ul li:hover .lqPro_Text .lqPro_Name{ color:#53a694;}
.lqPro_list ul li:hover .lqPro_Btn{ background:#53a694;} 
@media (max-width:1680px) {
.nyPro_xgcp{ padding:50px 0;}
.lqPro_list ul li .lqPro_Img{ height:265px;}
.lqPro_list ul li .lqPro_Btn{ width:68px; height:68px;}
}
@media (max-width:1440px) {
.lqPro_list ul li .lqPro_Img{ height:230px;}
.lqPro_list ul li .lqPro_Text{padding: 20px 90px 20px 25px;}
.lqPro_list ul li .lqPro_Btn{ width:65px; height:65px;}
}
@media (max-width:1200px) {
.nyPro_xgcp{ padding:40px 0;}
}
@media (max-width:1024px) {
.lqPro_list ul li .lqPro_Img{ height:200px;}
.lqPro_list ul li .lqPro_Text{padding: 20px 80px 20px 25px;}
.lqPro_list ul li .lqPro_Btn{ width:60px; height:60px; padding:10px;}
}

@media (max-width:920px) {
.lqPro_list ul li{ width:48.5%; margin:0 3% 20px 0;}
.lqPro_list ul li:nth-child(2n+2){ margin-right:0;}
.lqPro_list ul li:nth-child(3n+3){ margin-right:3%;}
}

@media (max-width:767px) {
.nyPro_xgcp{ padding:30px 0;}
.lqPro_list ul li .lqPro_Btn{ width:50px; height:50px;}
}
@media (max-width:550px) {
.lqPro_list ul li{ width:100%;}
.lqPro_list ul li .lqPro_Text .lqPro_Name{ font-size:15px;}
.lqPro_list ul li .lqPro_Text{padding: 20px 60px 20px 25px;}
.lqPro_list ul li .lqPro_Btn{ width:40px; height:40px;}
}