.sy-profl{width: 100%;position: relative;}
.sy-profl li a{display: block;width: 100%;height: 100%;}
.sy-profl li{width: 25%;height: 930px;float: left;position: relative;transition: all .5s ease-out;color: #fff;}
.sy-profl ul:hover li:first-child{width: 25%;}
.sy-profl ul li:hover,.sy-profl ul li:first-child,.sy-profl ul:hover li:first-child:hover{width: 50%;height: 930px;}
.sy-profl li .jieshao{position: absolute;left: 8%;color: #fff;top: 20%;}
.sy-profl li .jieshao .bb,.sy-profl li .jieshao h3,.sy-profl li .jieshao p{display: block;float: left;}
.sy-profl li .jieshao .bb{font-size: 40px;font-weight: bold;letter-spacing: 14px;width: 50px;margin-right: 20px;}
.sy-profl li .jieshao h3{font-size: 26px;letter-spacing: 10px;width: 30px;}
.sy-profl li .jieshao p{font-size: 14px;max-height: 650px;}

@media (max-width: 1200px){
	.sy-profl li .jieshao h3{font-size: 30px;margin-top: 0;}
}
@media (max-width: 1024px){
	.sy-profl li,.sy-profl ul li:hover, .sy-profl ul li:first-child, .sy-profl ul:hover li:first-child:hover{height: 500px;}
	.sy-profl li .jieshao .bb{font-size: 26px;letter-spacing: 4px;width: 25px;}
	.sy-profl li .jieshao h3{font-size: 20px;letter-spacing: 5px;}
	.sy-profl li .jieshao p{font-size: 15px;}
	.sy-profl li .jieshao p{max-height: 350px;}
	.sy-profl li .jieshao{top: 34%;}
}
@media (max-width: 830px){
	.sy-profl li{overflow: hidden;}
	.sy-profl li, .sy-profl ul li:hover, .sy-profl ul li:first-child, .sy-profl ul:hover li:first-child:hover{width: 100%!important;height: 400px!important;}
	.sy-profl li .jieshao p{max-height: 250px;}
	.sy-profl li .jieshao .bb,.sy-profl li .jieshao h3,.sy-profl li .jieshao p{width: 100%;}
}
@media (max-width: 450px){
	.sy-profl li, .sy-profl ul li:hover, .sy-profl ul li:first-child, .sy-profl ul:hover li:first-child:hover{height: 240px!important;}
	.sy-profl li .jieshao .bb{font-size: 20px;letter-spacing: 2px;}
	.sy-profl li .jieshao h3{font-size: 16px;letter-spacing: 0px;}
	.sy-profl li .jieshao p{font-size: 14px;line-height: 24px;max-height: 200px;}
	.sy-profl li .jieshao{left: 4%;}
}

.list-fl{padding-bottom: 5px;margin-bottom: 20px;background-color: #fff;}
.list-fl li{}
.list-fl li .d1{height: 55px;display: block;font-size: 16px;color: #333;background: url(../images/fl-ic1.png) no-repeat left;padding: 0 20px;overflow: hidden;border-bottom: 1px dashed #ddd;line-height: 55px;}
.list-fl li .d1:hover,.list-fl li.cur .d1{color: #4fa435;background: url(../images/fl-ic2.png) no-repeat left;}
.list-fl li dt:first-child a{margin-top: 10px;}
.list-fl li dt a{font-size: 14px;color: #666;margin-top: 5px;padding-left: 20px;display: block;}
.list-fl li dt a:hover{color: #4fa435;}

.list-pro li{width: 32%;margin-right: 2%;background: #fff;margin-bottom: 20px;float: left;}
.list-pro li:nth-child(3n){margin-right: 0;}
.list-pro li .imgfd{}
.list-pro li .imgfd img{object-fit: cover;height: 285px;}
.list-pro li p{display: block;border-top: 1px solid #ebebeb;height: 60px;line-height: 60px;text-align: center;font-size: 16px;color: #333;width: 80%;margin: 0 auto;overflow: hidden;}
.list-pro li:hover p{color: #4fa435;}

@media (max-width: 1200px){
	.list-pro li .imgfd img{height: 180px;}
}
@media (max-width: 1024px){
	.list-pro li .imgfd img{height: 140px;}
}
@media (max-width: 768px){
	.list-pro li .imgfd img{height: 250px;}
	.list-pro li,.list-pro li:nth-child(3n){width: 48%;margin-right: 4%;}
	.list-pro li:nth-child(2n){margin-right: 0;}
}
@media (max-width: 450px){
	.list-pro li .imgfd img{height: 130px;}
	.list-pro li p{height: 50px;line-height: 50px;font-size: 15px;}
}

.imgfd{overflow: hidden;}
.imgfd img{transition: all 0.5s ease;height: auto;width: 100%;object-fit: cover;display: block;}
.imgfd:hover img{transform: scale(1.1);}


@media (max-width: 1600px){
    .pro_top{display: block;}
}







