@charset "utf-8"; img { max-width: 100%; } .w1200 { width: 1200px; margin: 0 auto; } .list_home_tit { position: relative; color: #4f77fc; font-size: 45px; font-family: fantasy; } .list_home_tit span { display: inline-block; color: #4f77fc; font-size: 20px; font-weight: 400; text-transform: uppercase; margin-left: 10px; } .list_home_tit a { position: absolute; right: 0; top: 12px; color: #888888; font-size: 12px; text-transform: uppercase; font-family: arial; } .list_home_tit a:hover { color: #e00d1b; } .list_home_div2 { background: #fafafa; padding-top: 26px; padding-bottom: 10px; } .list_home_div2 .home_con { position: relative; line-height: 54px; height: 65px; background: url(../images/ghome_bg02.png) no-repeat center center; } .list_home_div2 .home_con .home_list { position: absolute; left: 377px; top: 0px; } .list_home_div2 .home_con .home_list a { padding: 0 18px; color: #666666; font-size: 15px; display: block; float: left; } .list_home_div2 .home_con .home_list a.cur, .list_home_div2 .home_con .home_list a:hover { color: #fff; background: #FF770F; border-radius: 3px; } .list_home_div2 ul { margin-top: 20px; } .list_home_div2 ul li { float: left; margin: 0 28px 28px 0; width: 381px; height: 319px; background: rgba(255, 255, 255, 0.6); transition:0.3s ease-out; } .list_home_div2 ul li .img { display: block; width: 381px; height: 254px; position: relative; overflow: hidden; } .list_home_div2 ul li .img img { display: block; max-width: 100%; max-height: 100%; border-radius: 5px 5px 5px 5px; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } .list_home_div2 ul li .text { padding: 13px 24px 0; } .list_home_div2 ul li .text .bt { display: block; color: #333333; font-size: 18px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .list_home_div2 ul li .text .t { color: #858585; font-size: 13px; line-height: 18px; height: 36px; overflow: hidden; margin-top: 5px; } .list_home_div2 ul li:nth-child(3n) { margin-right: 0; } .list_home_div2 ul li:hover { -webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 10px rgb(222,222,222); transform: translate3d(0px, -16px, 0px); }