@charset "utf-8";
/* CSS Document */
.clearfix::after{ content:""; display:block; clear:both;}
.w1200{ width:1200px; margin:0 auto; overflow:hidden;}
.fwyl_banner{ height:200px; background:url(fwyl_banner.png) top center no-repeat; background-size:cover;}
.fwyl_tit{ color:#FFF;}
.fwyl_tit span{ color:#FFF; font-size:40px;line-height: 200px; display:inline-block;}

.fwyl_tab{ background:#F4F4F4; padding-top:30px;}
.title{ font-size:32px; line-height:38px; color:#2B2F32; margin-bottom:30px; margin-top:20px;}
.fwyl_tab ul{}
.fwyl_tab ul li{ width:277px; height:207px; margin-right:30px; margin-bottom:30px; float:left; background:#FFF; text-align:center; transition: transform 0.5s;}
.fwyl_tab ul li:nth-child(4n){ margin-right:0px;}
.fwyl_tab ul li a{ display:block; width:100%; height:100%;}
.fwyl_tab ul li a img{ width:100%; height:155px; float:left;}
.fwyl_tab ul li a p{ width:100%; line-height:50px; float:left; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.fwyl_tab ul li:hover{transform: translateY(-5%); transition: transform 0.5s;}
.fwyl_tab ul li:hover a{ color:#4393F5;}
@media screen and (max-width: 768px){
	.w1200{ width:100%;}
	.fwyl_banner { height: 3rem; padding: 0 0.24rem;}
	.fwyl_tit span { font-size: 0.44rem; letter-spacing: 0.01rem; line-height: 3rem;}
	.fwyl_tab { padding: 0.24rem 0.24rem 0;}
	.title { font-size: 0.44rem; line-height: 180%; margin-bottom: 0.24rem; margin-top: 0.24rem;}
	.fwyl_tab ul li { width: 48%; height: auto; margin-right: 4%; margin-bottom: 4%; font-size: 0.3rem;}
	.fwyl_tab ul li:nth-child(2n){ margin-right:0;}
  .fwyl_tab ul li a img{ height:2rem;}
}