﻿/*Company Profile*/
.ny_qyProfile{ background:#f3f6f9; padding:95px 0;}
.ny_qyProfile .nyabmian{ margin-top:55px;}
.ny_qyProfile .nyabmian .left{ width:800px; float:left;}
.ny_qyProfile .nyabmian .left img{width:100%;}
.ny_qyProfile .nyabmian .right{width: calc(97% - 800px);  float:right; font-size:18px; line-height:32px;height:520px; overflow:auto;padding-right: 10px;}
.ny_qyProfile .nyabmian .right::-webkit-scrollbar { width:2px;}/* 滚动槽 */
.ny_qyProfile .nyabmian .right::-webkit-scrollbar-track { background-color:#ddd; border-radius:0px;}/* 滚动条滑块 */
.ny_qyProfile .nyabmian .right::-webkit-scrollbar-thumb { background-color:#264dc2;}
.ny_qyProfile .nyabmian .right::-webkit-scrollbar-thumb:window-inactive { background-color:#264dc2;}
.ny_qyProfile .nyabmian .right,.ny_qyProfile .nyabmian .right p{font-size:18px; line-height:32px;}
@media (max-width:1680px) {
	.ny_qyProfile .nyabmian{}
	.ny_qyProfile .nyabmian .left{ width:50%;height:500px; border-radius:0 8px 8px 0; overflow:hidden;}
	.ny_qyProfile .nyabmian .left img{height:100%;object-fit: cover;}
	.ny_qyProfile .nyabmian .right{ width:46%; margin-top:0;}
}
@media (max-width:1440px) {
	.ny_qyProfile{ padding:68px 0;}
	.ny_qyProfile .nyabmian{ margin-top:45px;}
	.ny_qyProfile .nyabmian .right{ width:47%;}
}
@media (max-width:1080px) {
	.ny_qyProfile{ padding:50px 0;}
	.ny_qyProfile .nyabmian{margin-top:30px;}
	.ny_qyProfile .nyabmian .left{ width:100%; height:500px; border-radius:8px; margin-bottom:20px;}
	.ny_qyProfile .nyabmian .right{ width:100%;height: auto;}
}
@media (max-width:920px) {
	.ny_qyProfile .nyabmian .left{ height:auto; margin-bottom:10px;}
}
@media (max-width:767px) {
	.ny_qyProfile{ padding:30px 0;}
	.ny_qyProfile .nyabmian{ margin-top:20px;}
	.ny_qyProfile .nyabmian .right,.ny_qyProfile .nyabmian .right p{ font-size:16px; line-height:28px;}
}

/**/
.ny_culture{ background:#dee8f4; padding:95px 0;}
.ny_culture ul{ margin-top:55px;}
.ny_culture ul li{ width:23.125%; height:487px;margin-right:2.5%; float:left; border-radius:8px; overflow:hidden; position:relative;}
.ny_culture ul li:last-child{ margin-right:0;}
.ny_culture ul li:after{ content:''; display:block; width:100%; height:100%;background-image: linear-gradient(to bottom, rgba(38, 77, 194, 1), rgba(38, 77, 194, 0)); position:absolute; left:0; top:0; transition: all .4s ease;}
.ny_culture ul li:nth-child(2n){ margin-top:74px;}
.ny_culture ul li img{ width:100%; height:100%;object-fit: cover;}
.ny_culture ul li .text{padding:32px 10%; position: absolute; z-index:3; top:0; left:0; width:100%; height:100%;}
.ny_culture ul li .text em{ display:block;width:72px; height:0; background:url(../images/qywh_ico.webp) no-repeat; margin:0 auto; transform:scale(0);}
.ny_culture ul li:nth-of-type(2) .text em{ background-position:-72px 0;}
.ny_culture ul li:nth-of-type(3) .text em{ background-position:-144px 0;}
.ny_culture ul li:nth-of-type(4) .text em{ background-position:-216px 0;}
.ny_culture ul li .text p{ font-size:22px; color:#fff;font-weight: bold; transition: all 0s ease;}
.ny_culture ul li .text span{font-size:16px; color:rgba(255,255,255,.7); text-transform:uppercase; line-height:30px; transition: all 0s ease; display:none;}
.ny_culture ul li .text i{ display:block; width:0; height:0; background:#ff9000; margin:0 auto;}
.ny_culture ul li .ms{ font-size:18px; line-height:30px; color:rgba(255,255,255,.7); height:0; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; display:none;}
.ny_culture ul li .text .lower_r{ width:25px; height:170px; background:url(../images/lower_r.webp); position:absolute; right:10%; bottom:32px;}

.ny_culture ul li:nth-child(2n):hover{transform:translateY(-34px);}
.ny_culture ul li:hover:after{ background:rgba(38, 77, 194, .95);}
.ny_culture ul li:hover .text { text-align:center;}
.ny_culture ul li:hover .text em{transform:scale(1); height:72px;margin:50px auto 70px;}
.ny_culture ul li:hover .text i{ width:25px; height:3px;margin:30px auto;}
.ny_culture ul li:hover .text .ms{ height:60px;}
.ny_culture ul li:hover .text .lower_r{ height:0;}
@media (max-width:1440px) {
	.ny_culture{ padding:68px 0;}
	.ny_culture ul{ margin-top:45px;}
	.ny_culture ul li{ width:23.5%; height:430px;margin-right:2%;}
	.ny_culture ul li:hover .text em{margin:30px auto 50px;}
	.ny_culture ul li:hover .text i{margin:20px auto;}
}
@media (max-width:1080px) {
	.ny_culture{ padding:50px 0;}
	.ny_culture ul{ margin-top:30px;}
	.ny_culture ul li{height:360px;}
	.ny_culture ul li:hover .text em{margin:10px auto;}
	.ny_culture ul li .text p{ font-size:20px;}
	.ny_culture ul li .text span{ font-size:14px;}
	.ny_culture ul li .ms{ font-size:16px; line-height:28px;}
	
	.ny_culture ul li:hover .text span{ display:none;}
	.ny_culture ul li:hover .text i{margin:15px auto;}
	.ny_culture ul li:hover .text .ms{ height:84px;-webkit-line-clamp:3;}
}
@media (max-width:767px) {
	.ny_culture{ padding:30px 0 15px;}
	.ny_culture ul{ margin-top:20px;}
	.ny_culture ul li{ width:48.5%;height:360px; margin-right:3%; margin-bottom:15px;}
	.ny_culture ul li:nth-child(2n){margin-right:0; margin-top:0;}
	.ny_culture ul li .text em{ width:60px;background-size:240px 60px;}
	.ny_culture ul li:nth-of-type(2) .text em{ background-position:-60px 0;}
	.ny_culture ul li:nth-of-type(3) .text em{ background-position:-120px 0;}
	.ny_culture ul li:nth-of-type(4) .text em{ background-position:-180px 0;}
	
	.ny_culture ul li:nth-child(2n):hover{transform:translateY(0);}
	.ny_culture ul li:hover .text em{height:60px;}
}
@media (max-width:500px) {
	.ny_culture ul li{ height:280px;}
	.ny_culture ul li .text em{ display:none;}
	.ny_culture ul li .text span{ font-size:12px;}
	.ny_culture ul li .text .lower_r{ height:110px; background-position:0 -60px;}
	.ny_culture ul li:hover .text{ display: flex;flex-direction: column;justify-content: center;align-items: center;  }
}