@charset "UTF-8";
/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

a { color: black; text-decoration: none; }

* { font-family: "Microsoft Yahei"; }

.zq_warp .baike-tab { width: 100%; height: 40px; }
.zq_warp .baike-tab .targ-parent .targ-li { position: relative; width: 130px; float: left; z-index: 3; }
.zq_warp .baike-tab .targ-parent .targ-li > a { height: 38px; border: 1px solid #ececec; position: relative; z-index: 4; border-right: none; font-size: 15px; text-align: center; line-height: 38px; background: #f2f2f2; display: block; }
.zq_warp .baike-tab .targ-parent .targ-li .targ-list { display: none; min-width:300px;max-width: 800px; background: #fff; padding: 3px 0 5px 17px; border: 1px solid #00a151;border-top: none;box-sizing: border-box; position: absolute; z-index: 99; top: 40px; }
.zq_warp .baike-tab .targ-parent .targ-li .targ-list li { display: inline-block; width: 50%; float: left; box-sizing: border-box;   height: 25px; line-height: 25px; }
.zq_warp .baike-tab .targ-parent .targ-li .targ-list li > a { color: #666; font-size: 14px; padding: 0 2px;   }
.zq_warp .baike-tab .targ-parent .targ-li:hover > a { color: #00a151; height: 39px; background-color: white; border: 1px solid #00a151; border-bottom: 1px solid white; }
.zq_warp .baike-tab .targ-parent .targ-li:hover .targ-list { display: inline-block; }
.zq_warp .iwrap { float: left; width: 385px; height: 130px; padding: 20px 20px 20px 0; margin: 0 20px 15px  0; box-sizing: border-box; border: 1px solid #ececec; overflow: hidden; }
.zq_warp .iwrap .txtbox { float: left; width: 248px; height: 90px; line-height: 23px; overflow: hidden; padding-left: 10px; }
.zq_warp .iwrap .txtbox a { display: inline-block; width: 100%; font-size: 16px; padding-bottom: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.zq_warp .iwrap .txtbox p {font-size: 14px; text-overflow: ellipsis;  display: inline-block;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.zq_warp .iwrap .txtbox p >a{ font-size: 14px; line-height: 21px; overflow: hidden; color: #676565; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.zq_warp .iwrap .right_imh { display: inline-block; float: right; width: 90px; height: 90px; box-sizing: border-box; border: 1px solid #ececec; }
.zq_warp .iwrap .right_imh img { width: 100%; height: 100%; }
.zq_warp .iwrap:nth-child(3n+0) { margin-right: 0px; }
.zq_warp h2 { position: relative; padding: 0 15px; line-height: 22px; height: 22px; font-size: 22px; color: #333; border-left: 6px solid #00a151; margin: 26px 0 15px 0; }
.zq_warp .top_nav { width: 1200px; margin: 0 auto; background-color: #2fb476; }
.zq_warp .top_nav .baike-tab .targ-parent .targ-li { width: 109px; }
.zq_warp .top_nav .baike-tab .targ-parent .targ-li > a { color: white; background-color: #2fb476; border: none; }
.zq_warp .top_nav .baike-tab .targ-parent .targ-li:hover > a { color: #00a151; background-color: white; border: 1px solid #00a151; border-bottom: 1px solid white; }
.zq_warp .top_nav .baike-tab .targ-parent .targ-li:hover .targ-list { display: inline-block; }
.zq_warp .content_box { width: 1200px; margin: 0 auto; }
.zq_warp .content_box .recommend_warp { margin: 20px 0; width: 100%; overflow: hidden; }
.zq_warp .content_box .recommend_warp .swiper_box { width: 440px; height: 418px; float: left; margin-right: 30px; border: 1px solid #ececec; overflow: hidden; }
.zq_warp .content_box .recommend_warp .swiper_box .swiper-container-banner { width: 100%; height: 340px; overflow: hidden; }
.zq_warp .content_box .recommend_warp .swiper_box .swiper-container-banner .banner_box { height: 100%; }
.zq_warp .content_box .recommend_warp .swiper_box .swiper-container-banner .banner_box .img_link { display: inline-block; width: 100%; height: 255px; }
.zq_warp .content_box .recommend_warp .swiper_box .swiper-container-banner .banner_box .img_link img { width: 100%; height: 100%; }
.zq_warp .content_box .recommend_warp .swiper_box .swiper-container-banner .banner_box .font_item { display: inline-block; padding: 10px; box-sizing: border-box; }
.zq_warp .content_box .recommend_warp .swiper_box .swiper-container-banner .banner_box .font_item a { display: inline-block; padding-bottom: 10px; font-size: 16px;}
.zq_warp .content_box .recommend_warp .swiper_box .swiper-container-banner .banner_box .font_item p { font-size: 14px; line-height: 22px; overflow: hidden; color: #676565; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.zq_warp .content_box .recommend_warp .swiper_box .swiper-container-min { width: 100%; height: 68px; margin-top: 12px; overflow: hidden; }
.zq_warp .content_box .recommend_warp .swiper_box .swiper-container-min .swiper-wrapper > a {
    display: inline-block; width: 66px; height: 66px; margin-left: 7px; opacity: 0.8; border: 1px solid #ececec;
}
.alone_div{
    display: inline-block;width: 66px; height: 66px; font-size: 15px;background-color: #3a96e8;color: white; padding: 10px 10px 0 15px;box-sizing: border-box; letter-spacing: 4px;
    line-height: 24px;
}
.zq_warp .content_box .recommend_warp .swiper_box .swiper-container-min .swiper-wrapper > a img { width: 100%; height: 100%; }
.zq_warp .content_box .recommend_warp .swiper_box .swiper-container-min .swiper-wrapper .hover_link { opacity: 1; }
.zq_warp .content_box .recommend_warp > .article_list { float: left; width: 428px; }
.zq_warp .content_box .recommend_warp > .article_list .iwrap { width: 100%; }
.zq_warp .content_box .recommend_warp > .article_list .iwrap .txtbox { width: 300px; }
.zq_warp .content_box .recommend_warp .tag_list { float: right; width: 282px; height: 420px; border: 1px solid #ececec; }
.zq_warp .content_box .recommend_warp .tag_list h3 { font-size: 15px; color: #676565; padding-left: 14px; line-height: 32px; background-color: #ececec; }
.zq_warp .content_box .recommend_warp .tag_list > ul { display: inline-block; width: 100%; padding: 10px; }
.zq_warp .content_box .recommend_warp .tag_list > ul li { display: inline-block ;padding: 0 10px; }
.zq_warp .content_box .recommend_warp .tag_list > ul li a { display: inline-block;  font-size: 13px; color: #676565; line-height: 28px; }
.zq_warp .content_box .article_list { width: 100%; overflow: hidden; }
.zq_warp .content_box .list_tag { width: 100%; margin: 18px 0; overflow: hidden; }
.zq_warp .content_box .list_tag a { position: relative; display: inline-block; float: left; width: 280px; height: 200px; margin-right: 25px; }
.zq_warp .content_box .list_tag a img { width: 100%; height: 200px; }
.zq_warp .content_box .list_tag a p { position: absolute; left: 0; right: 0; bottom: 0; height: 30px; color: #fff; line-height: 30px; font-size: 14px; text-align: center; background-color: rgba(0, 0, 0, 0.6); z-index: 2; }
.zq_warp .content_box .list_tag a:nth-child(4n+0) { margin-right: 0; }

/*# sourceMappingURL=zqym.css.map */