@charset "utf-8"; * { font-family: "微软雅黑", "microsoft yahei"; } //导航条 .breadcrumb { width: 100%; height: 22px; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 20px; color: #666666; line-height: 23px; text-align: left; font-style: normal; text-transform: none; .el-breadcrumb::v-deep { display: inline-block; vertical-align: -4px; } :deep(.el-breadcrumb__inner a), :deep(.el-breadcrumb__inner.is-link) { color: #666666; font-weight: 400; text-decoration: none; transition: var(--el-transition-color); } span { font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 20px; color: #666666; line-height: 23px; text-align: left; font-style: normal; text-transform: none; } span:hover { color: #666666; } .location { margin-right:5px; width: 100px; height: 22px; font-family: Microsoft YaHei, Microsoft YaHei; font-weight: 400; font-size: 20px; color: #666666; line-height: 23px; text-align: left; font-style: normal; text-transform: none; } } ul, ol { list-style: none; } a:active { text-decoration: none; } a:hover { text-decoration: none; } a:visited { text-decoration: none; } a:link { text-decoration: none; } a:focus { text-decoration: none; } body { position: relative; } .clearfix { overflow: hidden; } .clearfix_2::after { content: ''; display: block; height: 0; visibility: hidden; clear: both; } .hiddenColor { visibility: hidden; } .hand { cursor: pointer; } .aTag_parent { position: relative; } .aTag_parent>a, .aTag { display: block; width: 100%; height: 100%; position: absolute; z-index: 99; border: 0px; top: 0px; left: 0px; background: rgba(0, 0, 0, 0); } .dot1 { display: block; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .dot2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } input, img { border: none; } .cover100 img { display: block; width: 100%; height: 100%; object-fit: cover; } .back100 { background-size: 100% 100%; background-repeat: no-repeat; } article, aside, footer, header, time, video, main, nav, h4, h3, section { display: block; } .index_main { margin: 0 auto; } .slow_6 { -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; transition: all .6s; } .index_main { width: 1200px; } .show_crumb { line-height: 26px; color: #999; font-size: 20px; margin-top: 30px; padding-bottom: 30px; border-bottom: solid 1px #D9D9D9; .show_crumb_text { display: inline-block; line-height: 26px; color: #999; font-size: 20px; margin: 0px 11px; } span.show_crumb_text { color: #333; } a.show_crumb_text:hover { color: #a91b33; } } .index_2 { margin-top: 30px; display: flex; } .index_2_img { float: left; width: 330px; height: 330px; margin-right: 25px; } .index_2_right { flex: 1; } .index_2_h4 { line-height: 29px; color: #333; font-size: 22px; } .index_2_title_box {} .index_2_title { float: left; line-height: 31px; color: #999; font-size: 16px; padding: 0px 10px; margin: 14px 20px 0px 0px; background: #F8F8F8; } .index_2_ul { margin-top: 20px; } .index_2_li { display: flex; margin-bottom: 16px; .index_2_li_label { line-height: 21px; color: #999; font-size: 16px; min-width: 64px; margin-right: 15px; } .index_2_li_text { line-height: 21px; color: #333; font-size: 16px; } } .index_3 { margin-top: 30px; } .index_3 * { font-size: 20px; line-height: 30px; color: #333; } .show_head_box { border-bottom: solid 2px #a91b33; .show_head_a { float: left; height: 40px; line-height: 40px; color: #000; font-size: 18px; padding: 0px 14px; border-radius: 4px 4px 0px 0px; } .show_head_a_only { background: #a91b33; color: #fff; } } .show_article { margin-top: 30px; line-height: 27px; } .index_4 { margin-top: 30px; } .index_4 * { font-size: 20px; line-height: 30px; color: #333; } .show_head_box_2 { border-bottom: solid 2px #a91b33; .show_head_a_2 { float: left; height: 40px; line-height: 40px; color: #000; font-size: 18px; padding: 0px 14px; border-radius: 4px 4px 0px 0px; } .show_head_a_only_2 { background: #a91b33; color: #fff; } } .show_article_2 { margin-top: 30px; line-height: 27px; } .index_4 { margin-top: 30px; } .index_4 * { font-size: 20px; line-height: 30px; color: #333; } .show_head_box_3 { border-bottom: solid 2px #a91b33; .show_head_a_3 { float: left; height: 40px; line-height: 40px; color: #000; font-size: 18px; padding: 0px 14px; border-radius: 4px 4px 0px 0px; } .show_head_a_only_3 { background: #a91b33; color: #fff; } } .img_ul_1 { margin-top: 30px; } .img_li_1 { width: 210px; height: 210px; overflow: hidden; float: left; margin: 0px 37px 10px 0px; } .img_li_1:nth-of-type(5n) { margin-right: 0px; } .img_li_1_img { display: block; width: 100%; height: 100%; } .index_5 { margin-top: 8px; } .index_2_head { border-bottom: solid 1px #D9D9D9; position: relative; box-sizing: border-box; padding-left: 10px; .index_2_head_a { float: left; height: 56px; line-height: 56px; color: #333; font-size: 22px; padding: 0 10px; position: relative; font-weight: bold; } .index_2_head_a_only { color: #a91b33; } } .index_2_head::after { content: ''; display: block; width: 3px; height: 18px; position: absolute; left: 0px; top: 19px; background-color: #a91b33; } .index_6_head_right_in_a { height: 54px; line-height: 54px; color: #999; font-size: 16px; float: right; &:hover { color: #a91b33; } } .categ_ul_img_1 { margin-top: 20px; overflow: hidden; max-height: 484px; min-height: 242px; } .categ_li_img_1 { float: left; margin: 0px 24px 20px 0px; width: 180px; position: relative; .categ_li_img_1_img { display: block; width: 180px; height: 180px; } .categ_li_img_1_dot2 { width: 168px; margin: 10px auto 0px; height: 32px; line-height: 16px; color: #333; font-size: 14px; } } .categ_li_img_1:nth-of-type(6n) { margin-right: 0px; } .categ_li_img_1_hover_dot1 { width: 152px; position: absolute; left: 50%; margin-left: -76px; bottom: 13px; font-size: 14px; background: linear-gradient(to right, #FFE1AA, #F9F4E3, #FFE1AA); -webkit-background-clip: text; color: transparent; } .categ_li_img_1:hover .categ_li_img_1_dot2 { color: #a91b33; } @media screen and (min-width:1200px) { /*pc_1440*/ @media screen and (max-width:1440px) { /*1200*/ } .pc_none { display: none; } } @media screen and (max-width:599px) {} @media screen and (max-width:320px) {}