.sub_banner { height: 0; background-size: cover !important; position: relative; padding-bottom: calc(360% / 19.2); z-index: 2; } .sub_banner::after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; padding-bottom: calc(40% / 19.2); background: rgba(0, 0, 0, 0.3); } .wrap_content { position: relative; padding: 0 0 40px; } .content { position: relative; z-index: 2; overflow: inherit; margin-top: -70px; } .sub_left { width: 285px; float: left; position: relative; z-index: 3; } .sub_left_title { line-height: 25px; padding: 15px 20px; margin-top:20px; color: #fff; position: relative; font-weight: normal; background: #7f0102; text-align: center; } .full_page .sub_left { padding: 0; height: 70px; overflow: hidden; } /* 侧栏菜单 */ .sub_menu { border-left: 10px solid #7f0102; } .sub_menu ul { display: none; } /* .sub_menu::after{content: '';display: block;border-top: 0;height: 69px;} */ .sub_menu li { position: relative; } .sub_menu>li>a { display: block; line-height: 36px; padding: 10px 0 10px 26px; position: relative; background: #eee; color: #222; margin: 0 0 1px; } .sub_menu>li>a::after {} .sub_menu>li>a.current, .sub_menu>li.current>a, .sub_menu>li>a:hover, .sub_menu>li:hover>a, .sub_menu>li.on>a { z-index: 2; font-weight: bold; color: #7f0102; border: 0; } /* .sub_menu > li > a.current::after,.sub_menu > li.current > a::after,.sub_menu > li > a:hover::after,.sub_menu > li:hover > a::after,.sub_menu > li.on > a::after{content: '';display: block;position: absolute;right: 20px;background: #b59cbf;top: 50%;transform: translateY(-50%);width: 4px;height: 4px;} */ /* 二级菜单 */ .sub_menu li.on {} /* .sub_menu li.on > a::after{left: 40px;} */ .second_menu { padding: 8px 0; background: #e3e3e3; } .second_menu>li>a { display: block; line-height: 25px; color: #333; padding: 8px 0; margin: 0 0 0 48px; position: relative; } .second_menu>li>a.current, .second_menu>li.current>a, .second_menu>li>a:hover, .second_menu>li.on>a { color: #7f0102; } .second_menu>li>a::before { content: ''; display: block; width: 0; height: 0; position: absolute; right: 20px; background: #fff; top: 50%; transform: translateY(-50%); height: 0; border-radius: 50%; } /* .second_menu > li > a.current::before,.second_menu > li.current > a::before,.second_menu > li.on > a::before{width: 4px;height: 4px;} */ /* 三级菜单 */ .third_menu>li>a { display: block; line-height: 48px; color: #333; padding: 3px 0 4px 38px; position: relative; border-bottom: 1px solid #ededed; background: #fbfbfb; } .third_menu>li>a.current, .third_menu>li.current>a, .third_menu>li>a:hover, .third_menu>li.on>a { color: #820000; } .sub_menu .arrow { width: 24px; height: 24px; position: absolute; right: 10px; top: 16px; background: url(../images/sub_left_arrow1.png) center no-repeat; cursor: pointer; z-index: 3; transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; } .second_menu .arrow { top: 15px; right: 13px; } .sub_menu .arrow.on, .sub_menu>li.current>.arrow, .sub_menu>li:hover>.arrow, .sub_menu>li.on>.arrow {} .sub_menu .arrow.on, .sub_menu>li.on>.arrow { background: url(../images/sub_left_arrow2.png) center no-repeat; } .sub_right { margin: 0 0 0 320px; } .full_page .sub_right { margin-left: 0; } .sub_right .page_content { clear: right; background: #fff; } .bread { line-height: 50px; color: #fff; text-align: right; padding: 25px 0 0; } .bread a { padding: 0; color: #fff; } .bread a:hover {} .sub_right_top { background: #083c7d; line-height: 36px; padding: 13px 0 6px 18px; font-size: 0; } .sub_right_top a { color: #fff; font-weight: lighter; width: 78px; height: 36px; margin: 0 0 0 3px; display: inline-block; *display: inline; *zoom: 1; text-align: center; } .sub_right_top a.on { background: #fff; color: #083c7d; font-weight: normal; } .page_title { padding: 0 0 0; overflow: hidden; border-bottom: 1px solid #eee; } .page_title h3 { padding: 20px 0 7px; font-weight: bold; color: #7f0102; } .sub_part { margin: 0 0 14px; } /* .sub_part:last-child{margin: 0;} */ .part_title { overflow: hidden; border-bottom: 1px solid #eee; } .part_title h3 { padding: 20px 0 7px; font-weight: bold; color: #7f0102; } .part_title .more { float: right; position: relative; z-index: 2; color: #757575; line-height: 24px; padding: 28px 0 0; } .part_title .more:hover { color: #7F0102; } /* 二级页框架结束 */ /* 分页 */ .pages { padding: 20px 0 0 0; font-size: 0; text-align: center; } .pages:after, .pages:before { content: " "; display: table } .pages .page_box { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; padding: 0 20px; margin: 0 12px; } .pages a:first-child {} .pages a, .pages>span { display: inline-block; *display: inline; *zoom: 1; cursor: pointer; width: 40px; height: 36px; line-height: 34px; position: relative; text-align: center; vertical-align: top; font-size: 14px; transition: all 0.35s ease-in-out; margin: 0 2px; color: #757575; position: relative; } .pages .start, .pages .end, .pages>span { width: auto; padding: 0 16px; margin: 0 16px; } .pages .next { width: 10px; height: 18px; background: url(../images/pages_next1.png) center no-repeat; margin: 8px 0 0; } .pages .prev { width: 10px; height: 18px; background: url(../images/pages_prev1.png) center no-repeat; margin: 8px 0 0; } .pages a.on_pages { font-size: 18px; font-weight: bold; color: #7f0102; /* background: #7f0102; color: #fff; */ } .pages a.on_page::after { content: ''; display: block; position: absolute; left: 50%; transform: translateX(-50%); bottom: 3px; width: 16px; height: 3px; background: #7f0102; } @media screen and (max-width:767px) { .pages>a, .pages>span { width: 36px; height: 36px; line-height: 36px; } .pages a, .pages .select_page { display: none; } .pages a.start, .pages a.prev, .pages a.on_page, .pages a.next, .pages a.end { display: inline-block; *display: inline; *zoom: 1; } .pages .start, .pages .end, .pages>span { margin: 0 5px; } .pages .page_box { padding: 0; } } /* 分页结束 */ /*文章页*/ .pageArticle { position: relative; /* padding: 0 0 60px; */ /* max-width: 930px; */ margin: 0 auto; } .pageArticleTitle { overflow: hidden; padding: 25px 0 16px; } .full_page .pageArticleTitle { /* padding: 0 0 4px; */ } .pageArticleTitle h3 { line-height: 1.4; color: #222; text-align: center; } .articleAuthor { padding: 12px 0 4px; text-align: center; border-top: 1px solid #eee; margin: 0 0 14px; font-size: 0; } .articleAuthor span { display: inline-block; *display: inline; *zoom: 1; margin: 0 20px; color: #999; font-size: 14px; } .articleAuthor button { background: #fff; border: 1px solid #eee; display: inline-block; *display: inline; *zoom: 1; width: 30px; line-height: 24px; height: 24px; vertical-align: baseline; } .articleBottom { margin: 23px 0 0; position: relative; min-height: 100px; } .article { position: relative; line-height: 30px; text-align: justify; } .article p {} .pageArticle .article {} .Annex { overflow: hidden; padding: 0 0 30px; margin: 0 0 -40px; background: #f5f5f5; } .Annex strong { padding: 14px 0 4px 30px; font-weight: normal; display: block; line-height: 20px; font-size: 14px; position: relative; color: #444; font-weight: bold; } .Annex strong::before { content: ''; display: none; width: 4px; height: 4px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); background: #c6782d; border-radius: 50%; } .annexList { margin: 0; padding: 2px 0 0 0; } .annexList li { font-size: 14px; line-height: 27px; padding: 3px 29px; text-align: justify; } .annexList li:first-child {} .annexList li a { color: #757575; } .annexList li a:hover { color: #7f0102; } .share {} .share>span { display: block; line-height: 20px; margin: 0 0 22px; } .share .bdsharebuttonbox>a.bds_weixin { background: url(../images/share_wechat.png) center no-repeat; background-size: 100% 100% !important; } .share .bdsharebuttonbox>a.bds_tsina { background: url(../images/share_sina.png) center no-repeat; background-size: 100% 100% !important; } .share .bdsharebuttonbox>a.bds_qzone { background: url(../images/share_qzone.png) center no-repeat; background-size: 100% 100% !important; } .share .bdsharebuttonbox>a.bds_more { background: url(../images/share_more.png) center no-repeat; background-size: 100% 100% !important; } .shareBox { width: 260px; background-color: #fff; position: fixed; top: 50%; left: 50%; margin: -150px 0 0 -130px; z-index: 9998; height: 310px; border: 6px solid #8F8F8F; border-radius: 8px; box-shadow: 0 0 7px #aaa; display: none; } .shareBox { font-size: 14px; } .shareBox .title { background: #f6f6f6; font-size: 14px; font-weight: bold; padding: 10px 15px !important; } .shareClose { position: absolute; right: 0; top: 0; cursor: pointer; font-size: 18px; width: 20px; ; } .sharelist { position: static; height: 250px; overflow-y: auto; padding-left: 17px !important; } .sharelist li { float: left; width: 130px; padding: 2px; margin-left: 6px; _margin-left: 3px; height: 28px; overflow: hidden; list-style: none; } .sharelist li a { color: #565656; font: 12px '宋体'; display: block; text-decoration: none; border: 1px solid #fff; line-height: 18px; width: auto; height: auto; text-indent: 0; } .weChatBox { width: 260px; height: 300px; background-color: #fff; border: solid 1px #d8d8d8; padding: 10px; position: fixed; left: 50%; top: 50%; margin: -130px 0 0 -140px; z-index: 9998; display: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); } .weChatBox .w-title { font-size: 12px; font-weight: bold; padding: 0 0 10px 0; } .w-close { width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 20px; position: absolute; right: 0; top: 0; color: #333; cursor: pointer; } .qrcode { width: 200px; height: 200px; margin: 15px auto; background: #ccc; } .w-footer { font-size: 12px; line-height: 1.5; color: #999; } #qrodeText { opacity: 0; position: absolute; left: 0; top: 0; z-index: 0; visibility: hidden; } .share { overflow: hidden; font-size: 0; padding: 0 0 40px 0; } .share .bdsharebuttonbox>a { margin: 0 20px 0 0; vertical-align: top; width: 34px; padding: 0; height: 34px; float: none; transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; display: inline-block; *display: inline; *zoom: 1; } .share .bdsharebuttonbox>a:hover { opacity: 0.8; } .share .bdsharebuttonbox>span { line-height: 35px; font-size: 15px; margin: 0 7px 0 0; font-weight: bold; color: #444; } .btns { width: 150px; height: 50px; line-height: 50px; text-align: center; color: #fff; background-color: #fcdb68; border: 1px solid #870101; border-radius: 5px; margin: 25px auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border: 1px solid #870101 } .btns a { color: #fff; } @media screen and (max-width:1386px) { .share { /* position: relative; */ /* top: 0; */ /* right: 0; */ /* margin: 30px 0 0; */ } .share .bdsharebuttonbox>a { margin: 0 10px 0 0; display: inline-block; *display: inline; *zoom: 1; } } @media screen and (max-width:1024px) { .pageArticle {} } @media screen and (max-width:767px) { .share .bdsharebuttonbox>a { width: 32px; height: 32px; } .Annex { margin: 0 0 20px; } .Annex strong::before { left: 10px; } .Annex strong, .annexList li { padding-left: 20px; padding-right: 20px; } .pageArticle .bottom_links { padding: 0 20px; } .pageArticle .bottom_links a, .pageArticle .bottom_links a.next { width: auto; float: none; max-width: initial; } } /*文章页结束*/ .sub_01 ul {} .sub_01 li { width: 100%; } .sub_01 a { line-height: 59px; border-bottom: 1px solid #eee; } .sub_01 .title { white-space: nowrap; position: relative; padding: 0 0 0 0; } .sub_01 .time { color: #999; margin: 0 0 0 16px; float: right; } .sub_011 { margin: 12px 0 0 0; } .sub_02 ul { margin: 0 0 -24px; padding: 19px 0 0; } .sub_02 li { width: 100%; } .sub_02 a { margin: 0 0 24px; overflow: hidden; border: 1px solid #eee; } .sub_02 .left { width: 300px; float: left; } .sub_02 .right { margin: 0 0 0 300px; padding: 15px 19px 0; } .sub_02 .img { padding-bottom: 56.25%; } .sub_02 .title { margin: 0 0 9px; max-height: 24px; line-height: 24px; white-space: nowrap; } .sub_02 .info { margin: 0 0 30px; color: #757575; height: 46px; line-height: 23px; text-align: justify; } .sub_02 .time { color: #999; line-height: 22px; padding: 0 0 0 23px; background: url(../images/mode02_time1.png) left center no-repeat; } .sub_0121 { line-height: 35px; padding: 10px 0 10px 90px; position: relative; border-bottom: 1px solid #eee; } .sub_0121 .title { position: absolute; left: 0; top: 10px; width: 6em; text-align: justify; text-justify: inter-ideograph; } .sub_0121 .title::after { content: ''; width: 100%; display: inline-block; *display: inline; *zoom: 1; } .sub_0121 a { display: inline-block; *display: inline; *zoom: 1; margin: 0 2em 0 0; } .sub_0122 ul {} .sub_0122 li { width: 100%; } .sub_0122 a { margin: 40px 0 0; overflow: hidden; position: relative; } .sub_0122 a::after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 40px; height: 1px; background: #6b397f; } .sub_0122 .left { width: 180px; float: left; position: relative; z-index: 2; } .sub_0122 .right { margin: 0 0 0 180px; padding: 6px 0 0 18px; } .sub_0122 .img { padding-bottom: calc(252% / 1.8); } .sub_0122 .title { margin: 0 0 8px; max-height: 24px; line-height: 24px; font-weight: bold; } .sub_0122 .title span { font-weight: normal; padding: 0 0 0 12px; } .sub_0122 .info { margin: 0 0 0; color: #757575; height: 120px; line-height: 30px; text-align: justify; } .sub_03 ul { margin: 0 0 -20px -30px; padding: 20px 0 0 0; } .sub_03 li { width: 50%; } .full_page .sub_03 li { width: 33.3%; } .sub_03 a { margin: 0 0 26px 30px; } .sub_03 .img { padding-bottom: 56.25%; } .sub_03 .title { margin: 15px 0 0; height: 24px; line-height: 24px; text-align: center; } .sub_04 { position: relative; margin: 20px 0 0 0; } .sub_04::before { content: ''; display: block; width: 1px; position: absolute; left: 0; top: 0; bottom: 0; background: #ccc; } .sub_04 .part { margin: 0 0 36px 0; } .sub_04 .part:last-child { margin: 0; } .sub_04 .title { margin: 0 0 0; height: 32px; line-height: 32px; width: 59px; text-align: center; font-weight: bold; color: #7f0102; background: #ededed; } .sub_04 .article { padding: 7px 0 0 21px; } .sub_04 .article::after { content: ''; display: block; width: 44px; height: 2px; background: #7F0102; margin: 9px 0 0; } .sub_05 {} .sub_05.off { display: none; } .tab_title { display: inline-block; *display: inline; *zoom: 1; position: relative; margin: 24px 15px 5px 0; } .tab_title h3 { padding: 0 40px; line-height: 46px; background: #eee; height: 46px; border-radius: 24px; position: relative; z-index: 2; } .tab_title.on h3 { background: #fff; border: 1px solid #7f0102; height: 44px; } .tab_title.on h3::before { content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background: #7F0102; position: absolute; left: 50%; transform: translateX(-50%); top: -3px; } .tab_title.on::after { content: ''; position: absolute; left: 20px; right: 20px; top: 8px; bottom: -8px; background: #eee; /* height: 46px; */ border-radius: 24px; z-index: 0; display: block; } .tab_title.off h3 { color: #444; font-weight: normal; } @media screen and (min-width:1024px) { .sub_list01 a, .sub_list02 a, .sub_list014 a, .sub_list0314 a, .sub_list0311 .title, .sub_list06 a { transform: translateY(0); transition: all ease-in-out 0.2s; -ms-transition: all ease-in-out 0.2s; -moz-transition: all ease-in-out 0.2s; -webkit-transition: all ease-in-out 0.2s; -o-transition: all ease-in-out 0.2s; } .sub_list014 a:hover, .sub_list0314 a:hover, .sub_list02 a:hover, .sub_list01 a:hover, .sub_list06 a:hover { transform: translateY(-10px); } } @media screen and (max-width:1560px) {} @media screen and (max-width:1480px) {} @media screen and (max-width:1366px) { .sub_right { margin: 0 0 0 300px; } } @media screen and (max-width:1220px) { .wrap_content {} } @media screen and (max-width:1040px) {} @media screen and (max-width: 992px) { .wrap_content { padding: 0 0 20px; } .sub_banner { border: 0; } .content { margin-top: 10px; } .annexList li { font-size: 14px } .sub_left { float: none; width: auto; margin: 0; padding: 0; } .full_page .sub_left { height: auto; } .sub_left.on {} .sub_left_title {} .sub_left_title::before { content: ''; display: block; width: 18px; height: 12px; background: url(../images/sub_menu_arrow.png) center no-repeat; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); left: auto; } .full_page .sub_left_title::before, .sub_left_title.no_menu::before { display: none; } .sub_left_title.no_list::before, .sub_left .sub_left_code { display: none; } .sub_left_title::after { display: none; } .sub_left_title.on::after { display: block; } .sub_menu .arrow { top: 12px; } .sub_menu { display: none; /* margin: 0; */ } .sub_menu li>a { line-height: 30px; } .sub_menu::after { height: 10px; } .second_menu>li>a { /* padding: 0 30px; */ line-height: 24px; } .sub_right { margin: 0 0 20px; } .sub_right .page_content { min-height: inherit; } .bread { line-height: 40px; color: #222; padding: 6px 0 0; } .bread a { color: #222; } .page_title h3 { padding: 12px 0; } .sub_tab .article_list_title { margin: 10px 0 20px; } .sub_tab .article_list_title h2 { width: 130px; } .sub_01 a { line-height: 45px; } .share { padding: 20px; } .Annex { margin: 0; padding: 0 0 20px; } .full_page .sub_03 li { width: 50%; } } @media screen and (max-width:800px) { .pageArticle { margin: 0; } .share .bdsharebuttonbox>span {} .full_page .bread { padding: 0 16px; } } @media screen and (max-width: 767px) { .sub_left_title { padding: 0px 23px; font-size: 16px; } .sub_right .page_content { padding: 0 0 20px; } .sub_menu dl a { line-height: 30px; } .sub_tab .article_list_title h2 { width: auto; padding: 10px 30px 0; } .sub_right_top a { width: 60px; } .tab_title { margin: 15px 8px 5px 0; } .tab_title h3 { padding: 0 20px; line-height: 36px; height: 36px; } .tab_title.on h3 { height: 34px; } .sub_03 li, .full_page .sub_03 li { width: 100%; } } @media screen and (max-width:640px) { .sub_02 .left { width: auto; float: none; } .sub_02 .right { margin: 0; padding: 10px 15px; } .sub_02 .title { margin: 0 0 6px; } .sub_02 .info { margin: 0 0 10px; } .sub_0121 { padding: 10px 0; } .sub_0121 .title { position: relative; top: 0; } .sub_0121 .title::after { display: none; } .sub_0122 .left { width: 60%; float: none; margin: 0 auto; } .sub_0122 .right { margin: 0; padding: 16px 0 0; } .sub_0122 a::after { display: none; } } @media screen and (max-width:480px) { .bread {} .page_title h3 {} } @media screen and (max-width:414px) {} @media screen and (max-width:413px) {} @media screen and (max-width:320px) {}