@charset "utf-8"; .main { width: 100%; min-height: 500px; background-color: #f5f5f5; padding: 50px 0 100px; } /*分类*/ .group { width: 1200px; min-height: 50px; background-color: #fff; margin: 0 auto 20px; } .group li { width: 160px; height: 50px; line-height: 50px; text-align: center; float: left; border-right: 2px solid #f5f5f5; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .group li a { display: block; font-size: 16px; color: #666666; } .group li:active, .group li:hover, .group li.on { background-color: #f55f33; } .group li:active a, .group li:hover a, .group li.on a { color: #ffffff; } .group li.line { display: none; } @media (max-width:1440px) { } @media (max-width:1200px) { .group { max-width: 1200px; width: auto; margin: 0 10px 40px; box-sizing: border-box; } } @media (max-width:991px) { .main { padding: 35px 0 70px; } .group { min-height: 40px; margin: 0 10px 20px; } .group li { width: 25%; height: 40px; line-height: 40px; } .group li a { font-size: 14px; } .group li.line { display: block; width: 100%; height: 2px; background-color: #f5f5f5; } .group li.grbone { border-right: none; } } @media (max-width:640px) { .main { padding: 20px 0 40px; } .group li { width: 30%; } .group li a { font-size: 14px; } } /*文章列表*/ .news { width: 1200px; min-height: 500px; margin: 0 auto; } .news ul { } .news li { padding: 20px; background-color: #fff; margin-bottom: 20px; transition: all 0.5s; } .news li:hover { box-shadow: 0px 3px 14px rgba(20,20,20,0.15); transform: translate(0,-5px); } .news li .fy-img { float: left; margin-right: 20px; } .news li .fy-picbox { width: 200px; height: 150px; overflow: hidden; } .news li .fy-picbox a { line-height: 150px; height: 150px; } .news li .fy-picbox img { width: 100%; height: 100%; object-fit: cover; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; } .news li .fy-picbox:hover img { transform: scale(1.2); } .news li a.fy-at { display: block; } .news li h3 { line-height: 30px; color: #000000; font-size: 18px; font-weight: normal; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .news li:hover h3 { color: #fc5f00; } .news li .fy-con { height: 72px; line-height: 24px; font-size: 12px; color: #686868; margin-top: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .news li .fy-intime { height: 20px; line-height: 20px; text-align: left; color: #666666; } .news li .fy-intime span { font-size: 12px; margin-right: 20px; } .news li .fy-intime .fy-s1 { background: url(../images/time.png) no-repeat left; padding-left: 20px; } .news li .fy-intime .fy-s3 { background: url(../images/cknum.png) no-repeat left; padding-left: 20px; } .news .fy-page { clear: both; text-align: center; margin: 30px 0 10px; } .news .fy-page a { border: 1px solid #dbdbdb; background: #fff; padding: 5px 10px; margin: 1px; display: inline-block; color: #000; } .news .fy-page a:active, .news .fy-page a:hover { text-decoration: none; background-color: #fc5f00; color: #fff; border: 1px solid #fc5f00; } .news .fy-page span a { border: 1px solid #fc5f00; background: #fff; padding: 2px 7px; margin: 1px; display: inline-block; color: #fc5f00; border-radius: 5px; } .news .fy-page span a:hover { text-decoration: none; background-color: #fc5f00; } .news .fy-page .currentpage { background-color: #fc5f00; color: #fff; border: 1px solid #fc5f00; } .news .fy-wap-page { display: none; } .news .fy-ts { width: 600px; height: 260px; margin: 0 auto; background: url(../images/145814994527.png) no-repeat center; } @media (max-width:1440px) { } @media (max-width:1200px) { .news { max-width: 1200px; width: auto; margin: 0 10px; box-sizing: border-box; } } @media (max-width:991px) { .news li .fy-img { display: none; } .news li h3 { font-size: 14px; } .news .fy-page { display: none; } .news .fy-wap-page { display: block; clear: both; text-align: center; margin: 10px 0 0 0; } .news .fy-wap-page a { border: 1px solid #dbdbdb; background: #fff; padding: 5px 10px; line-height: 20px; margin: 1px; display: inline-block; color: #000; } .news .fy-wap-page a:active { background: #fc5f00; color: #fff; border: 1px solid #fc5f00; } .news .fy-wap-page span { display: inline-block; padding: 5px 10px; } } @media (max-width:640px) { .news li .fy-picbox { width: 180px; } .news li h3 { font-size: 16px; } .news li .fy-con { height: 48px; line-height: 24px; margin-top: 10px; -webkit-line-clamp: 2; } } /*文章详情*/ .news-dtail { width: 1200px; min-height: 500px; margin: 0 auto; background-color: #fff; padding: 30px; } .news-dtail .fy-title { width: 100%; height: auto; line-height: 34px; font-size: 24px; color: #333333; text-align: left; font-weight: normal; margin-bottom: 10px; } .news-dtail .fy-dtin { height: auto; line-height: 28px; text-align: left; color: #999999; border-bottom: 1px dashed #dfdfdf; padding-bottom: 10px; margin-bottom: 20px; } .news-dtail .fy-dtin span { margin-right: 20px; font-size: 12px; float: left; } .news-dtail .fy-dtin span.fy-time { background: url(../images/time.png) no-repeat left; padding-left: 20px; } .news-dtail .fy-dtin span.fy-cknum { background: url(../images/cknum.png) no-repeat left; padding-left: 25px; } .news-dtail .fy-dtin .fy-goback { float: right; box-sizing: border-box; } .news-dtail .fy-dtin .fy-goback a { display: block; float: right; height: 28px; line-height: 28px; font-size: 14px; color: #666666; text-align: left; padding-left: 56px; border-radius: 5px; background: url(../images/170031062878.png) no-repeat 28px center; box-sizing: border-box; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .news-dtail .fy-dtin .fy-goback a:hover { color: #ae2a25; } .news-dtail .fy-img { overflow: hidden; text-align: center; margin-bottom: 10px; } .news-dtail .fy-img img { max-width: 100%; margin: 0 auto; } .news-dtail .fy-con { line-height: 30px; font-size: 16px; color: #0a0a0a; text-align: left; } .news-dtail .fy-con img { max-width: 100%; } .news-dtail .fy-d-tabs { border-top: 1px solid #dfdfdf; padding: 20px 0 20px; font-size: 14px; margin-top: 10px; } .news-dtail .fy-d-tabs .fy-d-prev { float: left; width: 100%; height: 32px; line-height: 32px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10px; } .news-dtail .fy-d-tabs .fy-d-next { float: left; width: 100%; height: 32px; line-height: 32px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news-dtail .fy-d-tabs .fy-d-prev span.span, .news-dtail .fy-d-tabs .fy-d-next span.span { display: block; float: left; width: 80px; height: 32px; line-height: 32px; font-size: 16px; color: #888888; background-color: #f2f2f2; text-align: center; margin-right: 10px; } .news-dtail .fy-d-tabs .fy-d-prev a { color: #686868 } .news-dtail .fy-d-tabs .fy-d-prev a:hover { color: #f55f33; } .news-dtail .fy-d-tabs .fy-d-next a { color: #686868 } .news-dtail .fy-d-tabs .fy-d-next a:hover { color: #f55f33; } .news-dtail .fy-m-tabs { display: none; } @media (max-width:1440px) { } @media (max-width:1200px) { .news-dtail { max-width: 1200px; width: auto; margin: 0 10px; padding: 20px; } } @media (max-width:991px) { .news-dtail .fy-title { line-height: 30px; font-size: 20px; } .news-dtail .fy-con { font-size: 15px; } .news-dtail .fy-d-tabs .fy-d-prev span.span, .news-dtail .fy-d-tabs .fy-d-next span.span { font-size:14px; } } @media (max-width:640px) { .news-dtail { padding:10px; } .news-dtail .fy-title { font-size: 18px; } .news-dtail .fy-d-tabs .fy-d-prev span.span, .news-dtail .fy-d-tabs .fy-d-next span.span { width: 60px; } .index_advan{display:none;} } @media only screen and (max-width: 768px) and (min-width: 320px){ .index_advan{visibility:hidden;} }