/*nyProducts start*/
.nyProducts { overflow: hidden; padding: 70px 0;}
.nyProducts .nyProduct_main { display: flex; position: relative;}

.nyProduct_main .nyProduct_left { width: 23.5%;}

.nyProduct_main .nyProduct_right { width: 76.5%; padding-left: 50px;}

.nyProduct_list { margin-bottom: 50px;}
.nyProduct_list ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -16px -32px;}
.nyProduct_list ul li { width: 33.333333%; margin-bottom: 32px; padding: 0 16px;}
.nyProduct_list ul li .con { min-height: 100%;}
.nyProduct_list ul li .con .img { width: calc(100% - 16px); height: 300px; overflow: hidden; margin-left: 16px; padding-bottom: 40px; background-color: #fff;}
.nyProduct_list ul li .con .img a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.nyProduct_list ul li .con:hover .img a img { transform: scale(1.1); -webkit-transform: scale(1.1);}

.nyProduct_list ul li .con .text { width: calc(100% - 16px); overflow: hidden; background-color: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, .08); border-left: 3px solid #003e97; margin: -40px 16px 0 0; padding: 16px; position: relative; z-index: 1;}
.nyProduct_list ul li .con:hover .text { background-color: #003e97; border-left: 3px solid #ff970f;}
.nyProduct_list ul li .con .text a.name { display: block; width: 100%; height: 26px; overflow: hidden; line-height: 26px; color: #222; font-size: 18px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis;}
.nyProduct_list ul li .con:hover .text a.name { color: #fff;}
.nyProduct_list ul li .con .text a.btn { display: block; width: 132px; height: 34px; overflow: hidden; line-height: 34px; color: #fff; font-size: 15px; text-align: center; background-color: #ddd; margin-top: 10px;}
.nyProduct_list ul li .con:hover .text a.btn { color: #003e97; background-color: #fff;}
.nyProduct_list ul li .con .text a.btn i { display: inline-block; width: 14px; height: 14px; overflow: hidden; vertical-align: middle; margin: -2px 0 0 10px;}
.nyProduct_list ul li .con .text a.btn:hover i { margin: -2px 0 0 20px;}
.nyProduct_list ul li .con:hover .text a.btn i svg path { fill: #003e97;}
/*nyProducts end*/


/*nyPro_service start*/
.nyPro_service { overflow: hidden; margin-bottom: -100px; padding: 100px 0 140px; background-color: #fff;}
.nyProServ_title { margin-bottom: 50px;}
.nyProServ_title p { line-height: 40px; color: #222; font-size: 32px; font-weight: bold; text-align: center;}
.nyProServ_title p span { color: #003e97; font-size: 32px; font-weight: bold;}
.nyProServ_title em { display: block; line-height: 22px; color: #999; font-size: 14px; text-align: center; font-style: normal; text-transform: capitalize;}

.nyProServ_main ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -15px;}
.nyProServ_main ul li { width: 33.333333%; padding: 0 15px;}
.nyProServ_main ul li .nyProServ_con { min-height: 100%; padding: 30px 0; background-color: #fff; border: 1px solid #e6e6e6; position: relative;}
.nyProServ_main ul li .nyProServ_con:hover { background-color: #003e97; border: 1px solid #003e97;}
.nyProServ_main ul li .nyProServ_con i { display: block; width: 78px; height: 78px; overflow: hidden; padding: 20px; background-color: #003e97; border: 4px solid #fff; border-radius: 50%; position: absolute; top: -40px; right: 40px;}
.nyProServ_main ul li .nyProServ_con:hover i { background-color: #fff; border: 4px solid #003e97;}
.nyProServ_main ul li .nyProServ_con:hover i svg path { fill: #003e97;}
.nyProServ_main ul li .nyProServ_con p { min-height: 30px; line-height: 30px; color: #222; font-size: 20px; font-weight: bold; margin-top: 10px; padding: 0 40px; position: relative;}
.nyProServ_main ul li .nyProServ_con:hover p { color: #fff;}
.nyProServ_main ul li .nyProServ_con p::before { content: ''; display: block; width: 3px; height: 20px; background-color: #003e97; position: absolute; left: 0; top: 5px;}
.nyProServ_main ul li .nyProServ_con:hover p::before { background-color: #4884d7;}
.nyProServ_main ul li .nyProServ_con span { display: block; line-height: 26px; color: #999; font-size: 16px; padding: 0 40px;}
.nyProServ_main ul li .nyProServ_con:hover span { color: rgba(255, 255, 255, .55);}
/*nyPro_service end*/

.nypolist{ margin-bottom:50px;}
.nypolist ul li{ width:100%;box-shadow: 0 16px 16px rgba(0, 0, 0, 0.05); background:#fff; display: flex; align-items: center;}
.nypolist ul li .NyProlist_Img { width:25%; height:240px; overflow:hidden; margin:0; padding:0; float:left;}
.nypolist ul li .NyProlist_Img a { display:block; width:100%; height:100%; overflow:hidden; margin:0; padding:0; background-color:#fff; border-right:1px solid #eee; position:relative; }
.nypolist ul li .NyProlist_Img a img { display:block; max-width:100%; max-height:100%; overflow:hidden; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; }
.nypolist ul li .NyProlist_Text { width:55%; height:auto; overflow:hidden; margin:0; padding:40px; float:left; }
.nypolist ul li .NyProlist_Text .NyProlist_Name { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0;}
.nypolist ul li .NyProlist_Text .NyProlist_Name a { display:block; width:100%; height:38px; overflow:hidden; line-height:38px; color:#333; font-size:18px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; margin:0 auto; padding:0;}
.nypolist ul li:hover .NyProlist_Text .NyProlist_Name a { color:#003e97;}
.nypolist ul li .NyProlist_Text .NyProlist_Ms { width:100%; height:auto; overflow:hidden; margin:10px auto 20px; padding:0;}
.nypolist ul li .NyProlist_Text .NyProlist_Ms p { width:100%; height:56px; overflow:hidden; line-height:28px; color:#999; font-size:16px; word-break:break-all; text-align:justify; margin:0 auto; padding:0; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.nypolist ul li .NyProlist_Text a.NyProlist_More {display: block; width: 132px; height: 34px; overflow: hidden; line-height: 34px;color: #fff; font-size: 16px;text-align: center; background:#d6d6d6;}
.nypolist ul li:hover .NyProlist_Text a.NyProlist_More{ background:#003e97;}
.nypolist ul li .NyProlist_Text a.NyProlist_More i { display: inline-block; width: 25px; height: 25px; overflow: hidden; vertical-align: middle;margin: -4px 0 0 20px;}
.nypolist ul li .NyProlist_Text a.NyProlist_More i svg {display: block; width: 100%;height: 100%;}
.nypolist ul li .NyProlist_Text a.NyProlist_More i svg path {fill: #ffffff;}
.nypolist ul li .NyProlist_Tags { width:20%; float:right; height:auto; overflow:hidden; margin:0 auto; padding:0;background: #eeeeee;}
.nypolist ul li:hover .NyProlist_Tags{ background:#003e97;}
.nypolist ul li .NyProlist_Tags dl { width:100%; height:auto; margin:0 auto; padding:20px;}
.nypolist ul li .NyProlist_Tags dl dd { display:block; width:100%; margin-bottom:13px; display:flex;align-items: center;}
.nypolist ul li .NyProlist_Tags dl dd i { display:inline-block; width:34px; height:34px; vertical-align:middle; padding:7px; background:#fff;border-radius: 50%; margin-right:10px;aspect-ratio: 1 / 1;/* 强制宽高比1:1 */}
.nypolist ul li .NyProlist_Tags dl dd i path{fill:#777;}
.nypolist ul li:hover .NyProlist_Tags dl dd i path{fill:#003e97;}
.nypolist ul li .NyProlist_Tags dl dd .txt{ flex: 1; /* 占据剩余空间 */ min-width: 0; /* 关键！允许内容被压缩 */}
.nypolist ul li .NyProlist_Tags dl dd .txt p{ font-size:14px;color:#777;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.nypolist ul li:hover .NyProlist_Tags dl dd .txt p{ color:rgba(255,255,255,.5);}

@media (max-width:1680px) {
	.nyProducts{padding: 120px 0 70px;}
	
	.nyPro_service{ padding:80px 0; margin:0;}
	.nyProServ_title p{ font-size:28px;}
}

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

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

@media (max-width:1440px) {
	.nyProduct_list ul li .con .text a.name{ font-size:16px;}
	
	.nyPro_service{ padding:70px 0;}
	.nyProServ_title{margin-bottom: 40px;}
	.nyProServ_title p{ font-size:26px;}
}

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

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

@media (max-width:1200px) {
	.nyProduct_list ul li .con .img{ height:260px;}
	.nyProduct_list ul li .con .text a.btn{ font-size:14px;}
	
	.nypolist ul li .NyProlist_Tags{ width:22%;}
	
	.nyPro_service{ padding:60px 0;}
	.nyProServ_title p{ font-size:24px;}
}

@media (max-width:1080px) {
	.nyProduct_list ul li .con .text a.name{ font-size:15px;}
	.nypolist ul li .NyProlist_Tags{ width:25%;}
	.nypolist ul li .NyProlist_Text{ padding:20px;}
}

@media (max-width:1024px) {
	.nyProducts .nyProduct_main{ display:inherit;}
	.nyProduct_main .nyProduct_left,.nyProduct_main .nyProduct_right{ width:100%; padding:0;}
	.nyProduct_main .nyProduct_left{ margin-bottom:20px;}
	
	.nyPro_service{ padding:50px 0;}
}

@media (max-width:920px) {
	.nyProducts{padding: 100px 0 70px;}
	.nyProduct_search{top: -45px;}
}

@media (max-width:820px) {
	.nyProducts{padding: 100px 0 40px;}
	.nyProduct_list ul li{ width:50%;}
	
	.nyPro_service{ padding:40px 0; margin-bottom:0;}
	.nyProServ_title{margin-bottom: 30px;}
	.nyProServ_title p{ font-size:22px;}
	.nyProServ_main ul li{ width:100%; margin-bottom:20px;}
}

@media (max-width:767px) {}
@media (max-width:550px) {
	.nyProducts{padding: 100px 0 30px;}
	.nyPro_service{ padding:30px 0;}
	.nyProServ_title p{ font-size:20px;}
	.nyProServ_title em{ font-size:12px;}
}
@media (max-width:425px) {
	.nyProduct_search{ width:100%;}
	.nyProduct_list ul li{ width:100%;}
	.nyPro_service{ display:none;}
	
	.nypolist ul li{ display:inherit;}
	.nypolist ul li .NyProlist_Img,.nypolist ul li .NyProlist_Text,.nypolist ul li .NyProlist_Tags{ width:100%;}
	.nypolist ul li .NyProlist_Img a{ border-bottom: 1px solid #eee;}
	.nypolist ul li .NyProlist_Tags dl dd{ float:left; width:50%;}
}
@media (max-width:390px) {}

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