.ny_profl{ background:#fff; padding-top:50px;}
.ny_profl .onebt span{ display:block; font-size:60px; font-weight:bold; padding-bottom:10px; margin-bottom:20px; position:relative;}
.ny_profl .onebt span:after{ content:''; display:block; width:100%; height:4px; background:#f9a61a; position:absolute; left:calc(-50% - 180px); bottom:0;}
.ny_profl .onebt p{ font-size:16px; color:#555; line-height:26px; margin-bottom:35px;}

.ny_profl .flbox{ background:#eee; border-top:1px solid #d2d2d2;padding: 30px 15px;}
.ny_profl .flbox .mobbtn{ display:none;}
.ny_profl .flbox ul{/*height:230px;overflow-y: auto;*/}
.ny_profl .flbox ul li{ width: 32%; float:left; margin-right:2%; padding:0 30px;  position:relative;}
.ny_profl .flbox ul li:nth-child(3n){ margin-right:0;}
.ny_profl .flbox ul li .yiji{ height:46px; line-height:46px; font-size:18px; color:#4a8a8a;width: calc(100% - 30px);overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block; float:left;}
.ny_profl .flbox ul li i{ display:block; width:18px; height:18px; border-radius:50%; background:#fff; margin-top:14px; position:relative; float:right;}
.ny_profl .flbox ul li i:after{ content:''; display:block; width:2px; height:8px; background:#d2d2d2; left:50%; top:50%; transform:translate(-50%,-50%); position:absolute;}
.ny_profl .flbox ul li i:before{content:''; display:block; width:8px; height:2px; background:#d2d2d2; left:50%; top:50%; transform:translate(-50%,-50%);position:absolute;}
.ny_profl .flbox ul li .xiala{ display:block; position: absolute;  left: 0; top:46px; width: 100%; padding:0 30px; background: #fff;border: 1px solid #18cfcf;
overflow: hidden;  height: 0; opacity: 0; visibility: hidden;box-sizing: border-box; border-radius:0 0 4px 4px;}
.ny_profl .flbox ul li .xiala .erji{font-size: 16px;color: #666; padding-left:15px; position:relative; height:30px; line-height:30px;width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;}
.ny_profl .flbox ul li .xiala .erji:hover{color:#4a8a8a;}
.ny_profl .flbox ul li .xiala .erji:before{ content:''; display:block; width:4px; height:4px; background:#f9a61a; border-radius:50%; position:absolute; left:0; top:13px;}

.ny_profl .flbox ul li.on{ background:#18cfcf; border-radius:4px 4px 0 0;}
.ny_profl .flbox ul li.on .yiji{ color:#fff;}
.ny_profl .flbox ul li.on i:after{ height:0;}
.ny_profl .flbox ul li.on i:before{background:#18cfcf;}
.ny_profl .flbox ul li.on .xiala{height: auto;max-height: 500px; opacity: 1; visibility: visible; padding: 15px 30px; z-index:5;}
@media screen and (max-width:1440px){
	.ny_profl{ padding-top:40px;}
	.ny_profl .onebt span{font-size:46px;}
	.ny_profl .onebt span:after{ left:0;}
}
@media screen and (max-width:1080px){
	.ny_profl .onebt span{ font-size:38px;}
	.ny_profl .onebt p{ margin-bottom:20px;}
	.ny_profl .flbox{ padding:15px;}
	.ny_profl .flbox ul li{ width:33%; margin-right:0; padding: 0 20px;}
	.ny_profl .flbox ul li .yiji{ font-size:16px;}
}
@media screen and (max-width:920px){
	.ny_profl .flbox{ padding:15px 30px;}
	.ny_profl .flbox .mobbtn{ display: block; font-size:20px; font-weight:bold;}
	.ny_profl .flbox .mobbtn.active{ border-bottom:1px solid #ddd;padding-bottom: 15px; margin-bottom:15px;}
	.ny_profl .flbox .mobbtn i{display:block; width:24px; height:24px; border-radius:50%; background:#18cfcf; margin-top:3px; position:relative; float:right;}
	.ny_profl .flbox .mobbtn i:after{ content:''; display:block; width:2px; height:8px; background:#fff; left:50%; top:50%; transform:translate(-50%,-50%); position:absolute;}
	.ny_profl .flbox .mobbtn.active i:after{ height:0;}
	.ny_profl .flbox .mobbtn i:before{content:''; display:block; width:8px; height:2px; background:#fff; left:50%; top:50%; transform:translate(-50%,-50%);position:absolute;}
	.ny_profl .flbox ul{ height:0; padding-right:0;overflow: hidden;}
	.ny_profl .flbox ul.ulon { height: auto; opacity: 1; }
	.ny_profl .flbox ul li{ width:100%;padding:0;}
	.ny_profl .flbox ul li.on{padding:0 15px 15px;}
	.ny_profl .flbox ul li.on .xiala{ padding:15px;position:inherit; top:0;}
	.ny_profl .flbox ul li:last-child{ margin-bottom:20px;}
	
	
}
@media screen and (max-width:767px){
	.ny_profl {padding-top: 25px;}
	.ny_profl .onebt span{ font-size:28px;}
	.ny_profl .flbox ul li.on{padding: 10px;}
}








/*prolist*/
.ny_procenter{ background:#fff !important; padding:66px 0 75px;}
.ny_procenter ul li{ width:23.5%; margin-right:2%; margin-bottom:25px; border:1px solid #e6e6e6; border-radius:8px; background:#fff; float:left; overflow:hidden;}
.ny_procenter ul li:nth-child(4n){ margin-right:0;}
.ny_procenter ul li .pic{ display:block; position:relative; width:100%; height:300px; overflow:hidden;}
.ny_procenter ul li .pic:after{ content:''; display:block; width:100%; height:0; background:rgba(0,0,0,.5); position:absolute; left:0; bottom:0;transition: all .2s;-webkit-transition: all .2s;}
.ny_procenter ul li .pic img{ max-width:100%; max-height:100%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;}
.ny_procenter ul li .text{ width:100%; height:60px; background:#e6e6e6; position:relative;}
.ny_procenter ul li .text .name{ font-size:18px; padding:0 32px; line-height:60px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;}
.ny_procenter ul li .text em{ display:block; width:40px; height:40px; border-radius:50%; background:#18cfcf; border:1px solid #fff; position:absolute; right:24px; top:-20px;display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
.ny_procenter ul li .text em svg{ fill:#fff; width:18px; height:18px;}

.ny_procenter ul li:hover .pic:after{ height:100%;}
.ny_procenter ul li:hover .pic img{ -webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.ny_procenter ul li:hover .text{ background:#18cfcf;}
.ny_procenter ul li:hover .text .name{ color:#fff;}
@media screen and (max-width:1440px){
	.ny_procenter{padding: 50px 0 60px;}
	.ny_procenter ul li .pic{ height:260px;}
	.ny_procenter ul li .text .name{ font-size:16px; padding: 0 25px}
	.ny_procenter ul li .text em{ width:34px; height:34px; top:-17px; right:20px;}
}
@media screen and (max-width:1199px){
	.ny_procenter ul li{ margin-bottom:20px;}
	.ny_procenter ul li .pic{ height:230px;}
}
@media screen and (max-width:1080px){
	.ny_procenter {padding: 40px 0 50px;}
	.ny_procenter ul li{ width:32%;}
	.ny_procenter ul li:nth-child(4n){ margin-right:2%;}
	.ny_procenter ul li:nth-child(3n){ margin-right:0;}
	.ny_procenter ul li .pic{ height:240px;}
	.ny_procenter ul li .text .name{padding: 0 20px}
}
@media screen and (max-width:767px){
	.ny_procenter {padding: 30px 0 40px;}
	.ny_procenter ul li{ width:48.5%; margin-right:3%;}
	.ny_procenter ul li:nth-child(4n){ margin-right:3%;}
	.ny_procenter ul li:nth-child(3n){ margin-right:3%;}
	.ny_procenter ul li:nth-child(2n){ margin-right:0;}
}
@media screen and (max-width:500px){
	.ny_procenter ul li{ margin-bottom:15px;}
	.ny_procenter ul li .pic{ height:180px;}
	.ny_procenter ul li .text{height:50px;}
	.ny_procenter ul li .text .name{ padding:0 15px; font-size:14px;line-height:50px;}
}