.ny_products{ padding:85px 0;}
.ny_products ul li { margin-bottom:55px;}
/*.ny_products ul li.active{scroll-margin-top: 120px; position: relative;}*/
.ny_products ul li .proup{ width:100%;background:#fff url(../images/probg2.webp) right center no-repeat; border-radius:16px; padding:50px 5.5%;display:flex; display: -webkit-flex;  justify-content:space-between;align-items:center;flex-direction: row-reverse;}
.ny_products ul li:nth-child(2n) .proup{flex-direction: row;background:#fff url(../images/probg3.webp) left center no-repeat;}
.ny_products ul li .proup .text{ width:45%;}
.ny_products ul li .proup .name{ display:block; font-size:36px;font-weight: bold; position:relative; padding-left:27px; margin-bottom:15px;}
.ny_products ul li .proup .name:before{ content:''; display:block; width:5px; height:32px; background:#264dc2; position:absolute; left:0;top:12px;}
.ny_products ul li .proup .ms{ font-size:22px;text-align: justify; line-height:36px; max-height:144px; margin-bottom:30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
.ny_products ul li .proup .ms p { text-align: justify;}
.ny_products ul li .proup .ms p,.ny_products ul li .proup .ms span{ /*font-size:22px !important;*/ line-height:36px !important;}
.ny_products ul li .proup .point p{ width:100%; font-size:18px; color:#666;position:relative; padding-left:15px; margin-bottom:7px;}
.ny_products ul li .proup .point p:before{content:''; display:block; width:4px; height:4px; background:#ff9000; position:absolute; left:0;top:12px;}
.ny_products ul li .proup .pic{ display:block;width:45%; height:360px; overflow:hidden; position:relative;}
.ny_products ul li .proup .pic img{ max-width:94%; max-height:94%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;}
.ny_products ul li .proup .prony_btn{ overflow:hidden;}
.ny_products ul li .proup .xg_click{ width:220px; height:58px;display:flex; display: -webkit-flex;  justify-content:center;align-items:center;border:1px solid #cfd7e0; border-radius:32px; font-size:22px; color:#264dc2;font-family: "CN-MEDIUM"; margin-top:50px;cursor: pointer; float:left;}
.ny_products ul li .proup .xg_click:nth-of-type(2){ margin-left:10px;}
.ny_products ul li .proup .xg_click i{ display:block; width:24px; height:24px; background:#a8b2be url(../images/proclick.webp) center no-repeat; border-radius:50%; margin-left:26px;}
.ny_products ul li .proup .xg_click:nth-of-type(2) i{ margin-left:16px;}
.ny_products ul li:hover .proup .name,.ny_products ul li.on .proup .name{ color:#264dc2;}
.ny_products ul li .proup .xg_click.on,.ny_products ul li .proup .xg_click:hover{border:1px solid #264dc2;color:#fff; background:#264dc2;}
.ny_products ul li .proup .xg_click.on i,.ny_products ul li .proup .xg_click.on:hover i{background:#ff9000 url(../images/proclick.webp) center no-repeat;}
.ny_products ul li:hover .proup .pic img{-webkit-transform: scale(1.06);-moz-transform: scale(1.06);transform: scale(1.06);}

.ny_products ul li .prodown{width:100%;background:#fff; border-radius:16px;position:relative; height:0; overflow:hidden;transition: all 0s;-webkit-transition: all 0s;padding:50px 5.5% 70px; height:auto; overflow:inherit; margin-top:3px; display:none;}
.ny_products ul li.active .prodown:nth-of-type(1){ display:block;}
.ny_products ul li .prodown .nycp{ width:23.125%; margin-right:2.5%; margin-bottom:20px; float:left; border-radius:8px; overflow:hidden;}
.ny_products ul li .prodown .nycp:nth-child(4n){ margin-right:0;}
.ny_products ul li .prodown .nycp .pic{ display:block;width:100%; height:300px;position:relative; overflow:hidden;}
.ny_products ul li .prodown .nycp .pic:after{ content:'';display:block; width:100%; height:100%; background:rgba(0,0,0,.25) url(../images/ckico.webp) center no-repeat; position:absolute; left:0; bottom:-100%;transition: all .5s;-webkit-transition: all .5s;   }
.ny_products ul li .prodown .nycp .pic img{max-width:84%; max-height:84%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;}
.ny_products ul li .prodown:nth-of-type(2) .nycp .pic img{ max-width:100%; max-height:100%;}
.ny_products ul li .prodown .nycp .text{ background:#f3f6f9; padding:30px;}
.ny_products ul li .prodown .nycp .text .name{ font-size:22px;max-width:100%; height: 60px; line-height: 30px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.ny_products ul li .prodown .nycp .text .more{ font-size:16px; color:#264dc2;font-family: "CN-MEDIUM";display:flex; display: -webkit-flex;align-items:center; margin-top:15px;}
.ny_products ul li .prodown .nycp .text .more svg{ width:20px; height:20px; fill:#264dc2;transition: all 0s ease;}

.ny_products ul li.on{ margin-bottom:74px;}
.ny_products ul li .prodown .nycp:hover .pic:after{bottom:0;}
.ny_products ul li .prodown .nycp:hover .pic img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.ny_products ul li .prodown .nycp:hover .text{background:#264dc2;}
.ny_products ul li .prodown .nycp:hover .text .name{ color:#fff;}
.ny_products ul li .prodown .nycp:hover .text .more{color:#ff9000;}
.ny_products ul li .prodown .nycp:hover .text .more svg{ fill:#ff9000;}

.ny_products ul li .prodown .xg_close{ text-align:center;font-size:18px; color:#999; position:absolute; bottom:-24px; left:50%; transform:translateX(-50%);cursor: pointer;}
.ny_products ul li .prodown .xg_close i{ display:block; width:48px; height:48px; background:#264dc2 url(../images/proclose.webp) center no-repeat; border-radius:50%; margin-top:7px;}
@media (max-width:1440px) {
	.ny_products{ padding:68px 0;}
	.ny_products ul li{ margin-bottom:35px;}
	.ny_products ul li.on{margin-bottom:54px;}
	.ny_products ul li .proup{ padding:40px 4%;}
	.ny_products ul li .proup .text{ width:50%;}
	.ny_products ul li .proup .name{ font-size:30px; padding-left:17px;}
	.ny_products ul li .proup .name:before{ top:7px;}
	.ny_products ul li .proup .ms{ font-size:20px; margin-bottom:20px;}
	.ny_products ul li .proup .ms p,.ny_products ul li .proup .ms span{ line-height: 30px !important; font-size:18px !important;}
	.ny_products ul li .proup .xg_click{ width:200px;height:54px;margin-top:30px;}
	.ny_products ul li .proup .xg_click i{ margin-left:20px;}
	
	.ny_products ul li .prodown{padding:40px 4% 70px;}
	.ny_products ul li .prodown .nycp{ width:23.5%; margin-right:2%;}
	.ny_products ul li .prodown .nycp .pic{ height:250px;}
	.ny_products ul li .prodown .nycp .text{ padding:15px;}
	.ny_products ul li .prodown .nycp .text .name{ font-size:20px;}
	.ny_products ul li .prodown .nycp .text .more{ margin-top:10px;}
}
@media (max-width:1200px) {
	.ny_products ul li{ margin-bottom:25px;}
	.ny_products ul li .proup .name{ font-size:28px;}
	.ny_products ul li .proup .name:before{ height:28px;}
	.ny_products ul li .proup .ms{ font-size:18px; line-height:32px; max-height:128px;}
	.ny_products ul li .proup .ms p,.ny_products ul li .proup .ms span{ font-size:18px !important; line-height:32px !important;}
	.ny_products ul li .proup .point p{ font-size:16px;}
	
	.ny_products ul li .prodown .nycp .pic{ height:200px;}
	.ny_products ul li .prodown .nycp .pic img{ max-width:94%; max-height:94%;}
	.ny_products ul li .prodown .nycp .pic:after{ background-size:60px 60px;}
	.ny_products ul li .prodown .nycp .text .name{font-size:18px;}
	.ny_products ul li .prodown .nycp .text .more{ margin-top:5px;}
}
@media (max-width:1080px) {
	.ny_products{ padding:50px 0;}
	.ny_products ul li .proup{padding: 20px 4%; background-size:cover;}
	.ny_products ul li .proup .name{ font-size:24px; margin-bottom:10px;}
	.ny_products ul li .proup .name:before{ height:25px;}
	.ny_products ul li .proup .ms{ margin-bottom:15px;}
	.ny_products ul li .proup .xg_click{width:160px; height:48px;font-size: 16px; margin-top:20px;}
	.ny_products ul li .proup .xg_click i{ margin-left:10px; width:22px; height:22px;}
	.ny_products ul li .proup .xg_click:nth-of-type(2) i{margin-left:5px;}
	.ny_products ul li .proup .pic{ height:320px;}
	
	.ny_products ul li .prodown{padding:20px 4% 70px;}
	.ny_products ul li .prodown .nycp{ width:48.5%; margin-right:3%;}
	.ny_products ul li .prodown .nycp:nth-child(4n){ margin-right:3%;}
	.ny_products ul li .prodown .nycp:nth-child(2n){ margin-right:0;}
	
}
@media (max-width:767px) {
	.ny_products{ padding:30px 0;}
	.ny_products ul li{ margin-bottom:30px;}
	.ny_products ul li.on{margin-bottom:44px;}
	.ny_products ul li:last-child{ margin-bottom:25px;}
	.ny_products ul li .proup .ms{ font-size:16px; line-height:28px; max-height:112px; margin-bottom:0;}
	.ny_products ul li .proup .ms p,.ny_products ul li .proup .ms span{font-size:16px !important; line-height:28px !important;}
	.ny_products ul li .proup .point{ display:none;}
	.ny_products ul li .proup .pic{ height:280px;}
	.ny_products ul li .proup .xg_click{ width:130px; height:40px;}
	.ny_products ul li .proup .xg_click i{ display:none;}
	
	.ny_products ul li .prodown{padding:20px 4% 60px;}
	.ny_products ul li .prodown .nycp{ margin-bottom:15px;}
	.ny_products ul li .prodown .nycp .pic{ height:250px;}
	.ny_products ul li .prodown .nycp .text .name{ font-size:16px;}
	.ny_products ul li .prodown .xg_close{ font-size:16px; bottom:-21px;}
	.ny_products ul li .prodown .xg_close i{ width:32px; height:32px; background-size:12px 17px;}
	
}
@media (max-width:600px) {
	.ny_products ul li .proup{ display:block !important;padding: 20px 5% 25px;}
	.ny_products ul li .proup .text{ width:100%; margin-top:15px;}
	.ny_products ul li .proup .name{ font-size:20px; padding-left:10px;}
	.ny_products ul li .proup .name:before{ height:20px;}
	.ny_products ul li .proup .ms{max-height:56px;-webkit-line-clamp: 2;}
	.ny_products ul li .proup .xg_click{ width:150px; height:44px; font-size:17px;margin-top:15px;}
	.ny_products ul li .proup .pic{ width:100%; height:230px;}
	
	.ny_products ul li .prodown .nycp .pic{ height:200px;}
	.ny_products ul li .prodown .nycp .text{ padding:10px;}
	.ny_products ul li .prodown .nycp .text .more{ display:none;}
}
@media (max-width:500px) {
	.ny_products ul li .prodown .nycp .pic{ height:160px;}
}