@charset "UTF-8"; * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-sizing: border-box; } html, body { overflow-x: hidden; } html, button, input, select, textarea { font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif; } p, figure, form, blockquote { margin: 0; } ul, ol, li, dl, dd { margin: 0; padding: 0; } ul, ol { list-style: none outside none; } img { max-width: 100%; } a { background: transparent; text-decoration: none; color: #333; } a:active, a:hover { outline: 0; } a:hover { color: #BC0E00; } .fred { color: #BC0E00; } table { border-collapse: collapse; border-spacing: 0; } input:-moz-placeholder, textarea:-moz-placeholder { color: #ccc; } input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; } .clear { clear: both; } .clearfix { zoom: 1; } .clearfix:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; } .fl { float: left; display: inline; } .fr { float: right; display: inline; } .por { position: relative; } .poa { position: absolute; } .pof { position: fixed; } .poa-f { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .ovh { overflow: hidden; } .noselect { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .ellipsis { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .fred { color: #BC0E00; } .b { font-weight: bold; } .img_100 img { width: 100%; } .container { width: 1400px; margin-left: auto; margin-right: auto; position: relative; max-width: 1920px; } .container-auto { max-width: 1920px; min-width: 1200px; width: 100%; margin-left: auto; margin-right: auto; position: relative; } .container-90 { max-width: 1800px; min-width: 1200px; width: 90%; margin-left: auto; margin-right: auto; position: relative; } .container-aside { float: left; width: 240px; } .container-body { margin-left: 280px; margin-bottom: 50px; } .container-body .crumbs { padding-top: 20px; margin-bottom: 20px; } .top_line { width: 100%; line-height: 36px; background-color: #fafafa; font-size: 13px; } .top_line-right span { margin-left: 5px; border-right: 1px; margin-right: 5px; } .top_line-right span:last-child { margin-right: 0; } .header { width: 100%; padding: 20px 0; } .header .logo { height: 86px; } .header .logo img { height: 100%; } .header .search { padding-top: 25px; } .header .search .select { width: 80px; vertical-align: top; height: 38px; border: 1px solid #BC0E00; border-right: 0; background-color: #f1f1f1; text-align: center; font-size: 16px; cursor: pointer; outline: none; } .header .search .select option { line-height: 20px; } .header .search .search-input { text-align: center; font-size: 0; } .header .search .search-input input { display: inline-block; width: 260px; line-height: 36px; border: 1px solid #BC0E00; font-size: 18px; padding: 0 10px; box-sizing: content-box; outline: none; vertical-align: top; } .header .search .search-input a { display: inline-block; width: 80px; background: #BC0E00; border: 1px solid #BC0E00; color: #fff; font-size: 18px; text-align: center; line-height: 36px; } .nav { background-color: #BC0E00; } .nav .container { overflow: visible; } .nav .nav-wapper > li { float: left; position: relative; line-height: 60px; width: 12.5%; } .nav .nav-wapper > li > a { text-align: center; display: block; color: #fff; position: relative; font-size: 18px; border-right: 1px solid rgba(255, 255, 255, 0.3); overflow: hidden; } .nav .nav-wapper > li > a.activ, .nav .nav-wapper > li > a:hover { background-color: #980d01; } .nav .nav-wapper > li > a.activ:after, .nav .nav-wapper > li > a:hover:after { position: absolute; width: 10px; height: 10px; margin-left: -5px; background-color: #fff; content: ""; left: 50%; bottom: -5px; transform: rotate(45deg); } .nav .nav-wapper > li:last-child > a { border-right: none; } .nav .nav-wapper > li .subnav { position: absolute; top: 60px; white-space: nowrap; left: 50%; height: 50px; z-index: 1001; display: none; transform: translateX(-50%); } .nav .nav-wapper > li .subnav:after { position: absolute; content: ""; width: 5000px; height: 100%; background-color: #f9f9f9; background-color: rgba(249, 249, 249, 0.8); transform: translateX(-50%); z-index: 0; } .nav .nav-wapper > li .subnav > a { vertical-align: top; display: inline-block; line-height: 50px; height: 50px; color: #333; margin: 0 10px; font-size: 15px; text-align: center; position: relative; z-index: 1; } .nav .nav-wapper > li .subnav > a:hover { color: #980d01; } .banner { width: 100%; height: 650px; position: relative; z-index: 1; overflow: hidden; } .banner img { max-width: inherit; } .banner .swiper-container { width: 100%; height: 100%; } .banner .swiper-container .swiper-slide { height: 100%; width: 100%; } .banner .swiper-container .swiper-slide a { width: 100%; height: 100%; display: block; text-align: center; background-position: center; } .banner .swiper-bg { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; } .banner .swiper-button-next { right: 40px !important; transform: translate(90px, 0); transition: 0.9s; } .banner .swiper-button-prev { left: 40px !important; transform: translate(-90px, 0); transition: 0.9s; } .banner:hover .swiper-button-next { transform: translate(0, 0); } .banner:hover .swiper-button-prev { transform: translate(0, 0); } .banner-btns { position: absolute; z-index: 10; width: 100%; bottom: 40px; text-align: center; } .banner-btns .swiper-pagination-bullet { background-color: #BC0E00 !important; opacity: 1; } .banner-btns .swiper-pagination-bullet-active { background-color: #fff !important; } .subbanner { height: 350px; background-size: cover; background-repeat: no-repeat; background-position: center center; } .subbanner .container { height: 100%; color: #fff; } .subbanner-title { top: 50%; transform: translateY(-70%); } .subbanner-title .line { width: 40px; height: 4px; background-color: #fff; box-shadow: 1px 1px 2px black; } .subbanner-title .ch { margin-bottom: 20px; font-size: 50px; letter-spacing: 2px; font-family: "榛戜綋", Arial, sans-serif; text-shadow: 1px 1px 2px black; } .subbanner-title .en { font-size: 40px; text-transform: capitalize; margin-top: 10px; } .crumbs { padding-top: 30px; margin-bottom: 40px; line-height: 40px; color: #333; } .crumbs span { margin: 0 5px; } .crumbs.detail-crumbs { padding-top: 20px; margin-bottom: 20px; } .aside { margin-top: -50px; margin-bottom: 50px; } .aside_box { margin-bottom: 30px; background-color: #fff; } .aside_box:last-child { margin-bottom: 0; } .aside_box-hd { background-color: #980d01; line-height: 60px; text-align: center; color: #fff; font-size: 24px; } .aside_box-bd { border: 1px solid #eee; padding: 10px; } .aside_box-news-hd { background-color: #980d01; line-height: 40px; color: #fff; font-size: 16px; padding: 0 15px; } .aside_box-news-hd a { color: #fff; } .aside_box-news-bd { border: 1px solid #eee; padding: 10px; } .aside_box-news-bd ul li { height: 30px; line-height: 30px; position: relative; } .aside_box-news-bd ul li:before { content: ""; display: block; position: absolute; width: 4px; height: 4px; border-radius: 100%; left: 5px; top: 50%; background-color: #BC0E00; margin-top: -2px; } .aside_box-news-bd ul li a { padding-left: 15px; display: block; overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; position: relative; } .aside_box-news-bd ul li a.tag-comm:before { color: #bf0000; margin-right: 5px; content: "[鎺ㄨ崘]"; font-size: 15px; font-style: normal; } .aside-subnav a { display: block; padding: 12px; border-bottom: 1px solid #eee; font-size: 16px; padding-left: 23px; position: relative; } .aside-subnav a:before { display: block; content: ""; width: 3px; height: 14px; background-color: #980d01; border-radius: 5px; position: absolute; left: 10px; top: 50%; margin-top: -7px; } .aside-subnav a.active { background-color: #980d01; color: #fff; } .aside-subnav a.active:before { background-color: #fff; } .aside-subnav a:last-child { border-bottom: none; } .mod_news { margin-top: 30px; margin-bottom: 60px; } .mod_news-ann { width: 100%; overflow: hidden; text-align: center; background: #efefef url("../images/title-ann.png") no-repeat left top; margin-bottom: 40px; padding: 33px 100px; } .mod_news-ann a { display: block; font-size: 28px; font-weight: bold; line-height: 33px; color: #d12d26; } .mod_news-grid { display: flex; justify-content: space-between; margin-bottom: 40px; } .mod_news-grid:last-child { margin-bottom: 0; } .mod_news-grid .mod_news-thumbnews { width: 48%; } .mod_news-grid .mod_news-list { width: 48%; } .mod_news-grid-b1 .mod_news-thumbnews { width: 500px; margin-right: 4%; } .mod_news-grid-b1 .mod_news-list { flex: 1; } .mod_news-grid-b1 .mod_news-list li { height: 48px; line-height: 48px; } .mod_news-grid-b1 .mod_news-list li a { font-size: 22px; overflow: hidden; } .mod_news-thumbnews { position: relative; } .mod_news-thumbnews .swiper-container { height: 290px; } .mod_news-thumbnews .mod_thumbnews-item { display: block; height: 100%; width: 100%; background-color: #fff; position: relative; font-size: 0; } .mod_news-thumbnews .mod_thumbnews-item img { animation-duration: 5s; animation-timing-function: linear; animation-fill-mode: forwards; width: 100%; height: 100%; } .mod_news-thumbnews .mod_thumbnews-item .detail { height: 50px; line-height: 50px; background: rgba(0, 0, 0, 0.7); position: absolute; width: 100%; bottom: 0; color: #fff; transition: opacity 0.3s 0.3s; z-index: 2; } .mod_news-thumbnews .mod_thumbnews-item .detail p { display: block; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; padding-left: 10px; } .mod_news-thumbnews .btns { position: absolute; right: 20px; bottom: 18px; z-index: 3; line-height: 1px; } .mod_news-thumbnews .btns .btns-box .swiper-pagination-bullet { height: 12px; width: 12px; background: #fff; border-radius: 0; margin: 0 5px; opacity: 1; } .mod_news-thumbnews .btns .btns-box .swiper-pagination-bullet-active { background-color: #BC0E00; } .mod-pd { padding: 60px 0; } .mod-hd { margin-bottom: 40px; } .mod-hd-title { display: flex; flex-direction: column; justify-content: center; align-items: center; padding-bottom: 15px; position: relative; } .mod-hd-title:before { display: block; content: ""; position: absolute; width: 60px; height: 4px; bottom: 0; left: 50%; transform: translateX(-50%); background: #BC0E00; } .mod-hd-title .ch { font-size: 26px; font-weight: bold; display: block; position: relative; } .mod-hd-title .ch img { margin-right: 5px; } .mod-hd-title .en { margin-top: 10px; color: #999; font-size: 14px; text-transform: uppercase; } .mod-hd .hd-title .ch { font-size: 26px; padding-left: 70px; letter-spacing: 2px; font-weight: bold; display: inline-block; position: relative; } .mod-hd .hd-title .ch:after { display: block; content: ""; position: absolute; width: 50px; height: 2px; top: 50%; margin-top: -1px; left: 0; background: #BC0E00; } .mod-hd .hd-title .en { margin-top: 10px; color: #333; font-size: 18px; text-transform: uppercase; } .mod_ad { font-size: 0; margin-bottom: 50px; } .mod_ad img { width: 100%; height: auto; } .list-box-row3 { width: 31%; margin-right: 3.5%; margin-bottom: 40px; float: left; } .list-box-row3:nth-child(3n) { margin-right: 0; } .list-box-row2 { width: 47%; margin-right: 6%; margin-bottom: 40px; float: left; } .list-box-row2:nth-child(2n) { margin-right: 0; } .news_list-box-hd { border-bottom: 1px solid #e1e1e1; padding-bottom: 15px; margin-bottom: 10px; } .news_list-box-hd .hd-title { font-size: 20px; height: 24px; line-height: 24px; font-weight: normal; } .news_list-box-hd .hd-title b { float: left; max-width: 70%; display: block; font-weight: bold; position: relative; color: #BC0E00; } .news_list-box-hd .hd-title b:before { content: ""; display: block; width: 100%; position: absolute; bottom: -16px; left: 0; height: 3px; background-color: #BC0E00; } .news_list-box-hd .hd-title-more { float: right; font-size: 14px; color: #BC0E00; text-align: center; } .news_list-box-bd ul li { height: 36px; line-height: 36px; position: relative; } .news_list-box-bd ul li:before { content: ""; display: block; position: absolute; width: 4px; height: 4px; border-radius: 100%; left: 5px; top: 50%; background-color: #BC0E00; margin-top: -2px; } .news_list-box-bd ul li a { padding-left: 15px; display: block; overflow: hidden; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; position: relative; } .news_list-box-bd ul li a.tag-comm:before { color: #bf0000; margin-right: 5px; content: "[鎺ㄨ崘]"; font-size: 15px; font-style: normal; } .news_list-box-bd ul li span { float: right; margin-left: 10px; font-size: 14px; color: #666; } .news_list-box-bd ul li i.top:before { color: #bf0000; margin-left: 5px; content: "[鎺ㄨ崘]"; font-size: 14px; font-style: normal; } .news_list-box-videos ul li { float: left; width: 50%; } .news_list-box-videos ul li a { display: block; width: 90%; height: 180px; margin: 0 auto; overflow: hidden; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; position: relative; } .news_list-box-videos ul li a img { width: 100%; height: 100%; } .news_list-box-videos ul li a .li-title { display: block; height: 30px; line-height: 30px; overflow: hidden; background-color: rgba(0, 0, 0, 0.6); position: absolute; left: 0; right: 0; font-size: 14px; bottom: 0; z-index: 1; padding: 0 10px; color: #fff; } .news_list-box-videos ul li a .li-tag-video { height: 46px; width: 46px; background: url("../images/play.png") no-repeat center center; background-size: cover; position: absolute; left: 50%; margin-left: -23px; top: 50%; margin-top: -30px; } .thumb_list-box-hd { margin-bottom: 10px; } .thumb_list-box-hd .hd-title { font-size: 18px; height: 24px; line-height: 24px; font-weight: normal; } .thumb_list-box-hd .hd-title b { float: left; display: block; font-weight: bold; position: relative; color: #333; padding-left: 10px; } .thumb_list-box-hd .hd-title b:before { content: ""; display: block; position: absolute; left: 0; height: 20px; width: 4px; top: 50%; margin-top: -10px; border-radius: 5px; background-color: #BC0E00; } .thumb_list-box-hd .hd-title-more { float: right; font-size: 14px; color: #BC0E00; text-align: center; } .list-video li { width: 100%; height: 250px; display: block; margin-bottom: 20px; overflow: hidden; } .list-video li:last-child { margin-bottom: 0; } .list-video li a { font-size: 0; display: block; width: 100%; height: 100%; position: relative; background-color: #eee; } .list-video li img { width: 100%; height: 100%; } .list-video li .li-title { display: block; height: 36px; line-height: 36px; overflow: hidden; background-color: rgba(0, 0, 0, 0.6); position: absolute; left: 0; right: 0; font-size: 14px; bottom: 0; z-index: 1; padding: 0 10px; color: #fff; } .list-video li .li-tag-video { height: 46px; width: 46px; background: url("../images/play.png") no-repeat center center; background-size: cover; position: absolute; left: 50%; margin-left: -23px; top: 50%; margin-top: -30px; } .mod_provideo { margin-top: 15px; } .mod_impnews .list-video li, .mod_provideo .list-video li { height: 180px; } .mod_guestbook { margin-top: 15px; position: relative; } .mod_guestbook:before { pointer-events: none; position: absolute; z-index: -1; content: ""; top: 105%; left: 5%; height: 10px; width: 90%; opacity: 1; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0, rgba(0, 0, 0, 0) 80%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .mod_guestbook a { background-color: #f1f1f1; background-image: linear-gradient(#f1f1f1, #fff, #f1f1f1); border: 1px solid #e6e6e6; background-size: cover; border-radius: 5px; display: flex; justify-content: center; align-items: center; color: #26529F; height: 64px; } .mod_guestbook-ico { position: relative; padding-right: 15px; margin-right: 15px; } .mod_guestbook-ico img { vertical-align: middle; height: 40px; } .mod_guestbook-ico:after { content: ""; display: block; position: absolute; width: 2px; height: 40px; background-color: #e6e6e6; right: 0; top: 0; } .mod_guestbook-box { font-size: 28px; letter-spacing: 2px; } .mod_info_left { width: 570px; } .mod_info_left .mod_info-list { margin-bottom: 18px; } .mod_info_right { width: 790px; } .mod_info-list { margin-bottom: 20px; } .mod_info-list:last-child { margin-bottom: 0; } .mod_info_box-left { width: 412px; overflow: hidden; } .mod_info_box-right { width: 342px; } .mod_info .mod_epaper { padding: 20px; border: 1px solid #e1e1e1; } .mod_info .mod_epaper a { display: block; height: 480px; } .mod_info .mod_epaper a img { width: 100%; height: 100%; } .mod_pics { margin-top: 30px; } .mod_pics .mod-hd { margin-bottom: 20px; } .mod_pics .mod-bd { overflow: hidden; } .js-tab .tab-hd { line-height: 24px; height: 24px; border-bottom: 1px solid #e1e1e1; padding-bottom: 15px; box-sizing: content-box; } .js-tab .tab-hd-item { display: inline-block; font-size: 20px; color: #BC0E00; text-align: center; position: relative; margin-right: 20px; } .js-tab .tab-hd-item:last-child { margin-right: 0; } .js-tab .tab-hd-item.active { font-weight: bold; } .js-tab .tab-hd-item.active:before { display: block; } .js-tab .tab-hd-item:before { content: ""; display: none; width: 100%; position: absolute; bottom: -17px; left: 0; height: 3px; background-color: #BC0E00; } .mod_flink { padding: 30px 0 30px; } .mod_flink .mod-hd { margin-bottom: 40px; } .mod_flink .mod-bd-t { margin: 20px 0; font-size: 20px; font-weight: bolder; } .mod_flink .mod_flink-grid { display: flex; justify-content: center; } .mod_flink .mod_flink-grid .mod_flink-wrapper { background-color: #fff; padding: 35px 30px; border-radius: 15px; color: #000; text-align: center; display: flex; justify-content: center; } .mod_flink .mod_flink-grid .mod_flink-wrapper a { margin: 0 50px; } .mod_flink .mod_flink-grid .mod_flink-wrapper a .mod_flink-img { height: 80px; line-height: 80px; } .mod_flink .mod_flink-grid .mod_flink-wrapper a .mod_flink-img img { max-height: 100%; max-width: 80%; } .mod_flink .mod_flink-grid .mod_flink-wrapper a p { line-height: 30px; height: 30px; overflow: hidden; font-size: 18px; font-weight: bolder; } .mod_flink .swiper-wrapper { padding-top: 10px; } .mod_flink .swiper-wrapper .mod_flink-text { font-size: 40px; font-weight: bold; font-style: italic; line-height: 70px; color: #BC0E00; background-image: linear-gradient(#BC0E00, #980d01); font-family: numfont, "寰蒋闆呴粦", serif; -webkit-background-clip: text; color: transparent; padding: 0 5px; } .mod_flink .swiper-wrapper .mod_flink-text img { vertical-align: middle; max-height: 100%; max-width: 100%; } .mod_flink .swiper-wrapper .mod_flink-text + .mod_flink-img { display: none; } .mod_flink .swiper-slide { background-color: #f1f1f1; border-radius: 10px; text-align: center; height: 180px; vertical-align: middle; cursor: pointer; padding: 35px 30px; color: #000; } .mod_flink .swiper-slide .mod_flink-img { height: 80px; line-height: 80px; } .mod_flink .swiper-slide .mod_flink-img img { height: 100%; } .mod_flink .swiper-slide p { line-height: 30px; height: 30px; overflow: hidden; font-size: 18px; font-weight: bolder; } .mod_flink .swiper-container.img-mini .swiper-slide { height: 135px; padding: 30px 10px; } .mod_flink .swiper-container.img-mini .mod_flink-img { height: 50px; line-height: 50px; } .mod_flink .swiper-container.img-mini .mod_flink-img img { max-height: 100%; max-width: 80%; } .mod_flink .swiper-container.img-mini .mod_flink-text { line-height: 50px; font-size: 32px; } .mod_flink .swiper-container.img-mini p { line-height: 30px; height: 30px; margin-top: 5px; overflow: hidden; font-size: 16px; font-weight: bolder; } .mod_flink-btns { margin-top: 20px; text-align: center; position: relative; } .mod_flink-btns .swiper-pagination-bullet { background-color: #BC0E00; opacity: 1; } .mod_qlink { margin-bottom: 40px; } .mod_qlink ul { display: flex; justify-content: space-between; } .mod_qlink ul li { width: 24%; } .mod_qlink ul li a { font-size: 0; display: block; border-radius: 5px; overflow: hidden; vertical-align: bottom; } .mod_qlink ul li img { width: 100%; height: 100px; } .page { padding-bottom: 80px; } .page_body { line-height: 1.8; } .page_body img { max-width: 100%; } .page_body-title { text-align: center; font-size: 30px; margin-bottom: 50px; } .page_body-title-red { color: #BC0E00; } .bg-grey { background: url("../images/bg-grey.jpg") no-repeat center center; background-size: cover; } .about-info-img { float: left; margin-right: 80px; margin-bottom: 10px; } .page_news-listnews { margin-top: 80px; } .page_list { padding-bottom: 50px; } .pagination-box { text-align: center; position: relative; } .pagination-box-view { display: inline-block; line-height: 12px; } .pagination-box-view .swiper-pagination-bullet { background-color: #BC0E00; margin: 0 5px; width: 35px; height: 5px; border-radius: 3px; } .pagination-box-view .swiper-pagination-bullet-active { background-color: #980d01; } .pagination-box-a { margin: 0 5px; display: inline-block; color: #fff; border: 1px solid #fff; height: 12px; line-height: 10px; font-size: 12px; width: 24px; border-radius: 5px; cursor: pointer; } .pagination-box.black .swiper-pagination-bullet { background-color: rgba(0, 0, 0, 0.8); } .pagination-box.black .swiper-pagination-bullet-active { background-color: black; } .pagination-box.black .pagination-box-a { color: #000; border: 1px solid #000; } .footer { background: #980d01 url("../images/footer.jpg?v=1") no-repeat center center; background-size: cover; } .footer-flink { color: #fff; padding: 30px 0; line-height: 36px; } .footer-flink-hd { float: left; width: 120px; } .footer-flink-bd { margin-left: 150px; } .footer-flink-bd .bd-item { width: 25%; float: left; } .footer-flink-bd .bd-item select { width: 80%; line-height: 36px; padding: 0 5px; height: 36px; background-color: transparent; color: #fff; outline: none; border-color: #ccc; } .footer-flink-bd .bd-item select option { color: #333; } .footer-inner { display: flex; justify-content: space-between; border-top: 1px solid #ccc; padding-top: 40px; } .footer .footer-info { display: flex; justify-content: space-between; width: 340px; } .footer .footer-info img { max-width: 140px; } .footer .footer-nav { display: flex; flex: 1; width: 900px; color: #fff; } .footer .footer-nav dl { width: 20%; } .footer .footer-nav dl dt { font-size: 18px; position: relative; } .footer .footer-nav dl dt:after { content: ""; position: absolute; width: 10px; height: 1px; background-color: #fff; left: 135px; top: 9px; } .footer .footer-nav dl dt a { color: #fff; } .footer .footer-nav dl dd { margin-top: 30px; } .footer .footer-nav dl dd a { display: block; margin-bottom: 15px; line-height: 20px; height: 20px; color: #eee; overflow: hidden; } .footer .footer-nav dl:last-child dt:after { display: none; } .copyright { margin-top: 40px; background-color: #980d01; text-align: center; padding: 10px 0; line-height: 26px; color: #fff; font-size: 13px; } .copyright img { vertical-align: middle; } .copyright a { color: #fff; } .page-footer { position: absolute; bottom: 0; left: 0; right: 0; line-height: 40px; background-color: rgba(0, 0, 0, 0.8); color: #fff; text-align: center; font-size: 13px; z-index: 100; } .page-footer a { color: #fff; } .page-footer img { vertical-align: text-bottom; height: 18px; } .scroll-to-top { display: none; padding: 5px 10px; overflow: hidden; position: fixed; bottom: 40px; right: 40px; border-radius: 5px; text-align: center; background-color: #BC0E00; z-index: 100; cursor: pointer; color: #fff; line-height: 1; } .scroll-to-top i { font-size: 30px; line-height: 20px; height: 20px; } .ellipsis-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .ellipsis-3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .news_center > .container { padding-bottom: 80px; } .news-list .middle-style { margin: 25px 0; padding: 25px 0; border-bottom: 1px solid #eee; border-top: 1px solid #eee; } .newsCenter_footer_rotation { background: #f6f6f6; padding: 70px 0; } .newsCenter_footer_rotation .swiper-button-prev { left: -70px; background: #e9e9e9; width: 50px; height: 50px; border-radius: 50%; } .newsCenter_footer_rotation .swiper-button-prev:hover:before { border-color: #BC0E00; } .newsCenter_footer_rotation .swiper-button-prev:before { content: ""; position: absolute; top: 17px; left: 19px; width: 15px; height: 15px; border: 2px solid #888; border-right: 0; border-top: 0; transform: rotate(45deg); } .newsCenter_footer_rotation .swiper-button-next { right: -70px; background: #e9e9e9; width: 50px; height: 50px; border-radius: 50%; } .newsCenter_footer_rotation .swiper-button-next:hover:before { border-color: #BC0E00; } .newsCenter_footer_rotation .swiper-button-next:before { content: ""; position: absolute; top: 17px; right: 19px; width: 16px; height: 16px; border: 2px solid #888; border-bottom: 0; border-left: 0; transform: rotate(45deg); } .newsCenter_footer_rotation .swiper-news-rotation .swiper-slide { background-position: top; background-repeat: no-repeat; background-size: 100% auto; position: relative; padding-bottom: 40px; } .newsCenter_footer_rotation .swiper-news-rotation .swiper-slide .title { font-size: 16px; color: #333; font-weight: normal; letter-spacing: 0; text-align: center; position: absolute; width: 100%; bottom: 10px; } .page_newsDetail { padding: 0 0 70px; } .page_newsDetail.page_picDetail { margin-top: 30px; padding-bottom: 0; } .page_newsDetail.page_picDetail .aside { margin-top: 0; } .page_newsDetail .page_newsDetail_hd-shortTitle { text-align: center; font-size: 24px; color: #333; font-weight: normal; letter-spacing: 0; } .page_newsDetail .page_newsDetail_hd-title { text-align: center; font-size: 34px; color: #333; font-weight: normal; letter-spacing: 0; } .page_newsDetail .page_newsDetail_hd-simpleTitle { text-align: center; font-size: 22px; color: #333; font-weight: normal; letter-spacing: 0; } .page_newsDetail .page_newsDetail_hd-info { font-size: 16px; color: #999; font-weight: normal; letter-spacing: 0; text-align: center; margin: 36px 0; padding: 20px 0; border: 1px dashed #ccc; border-right: none; border-left: none; } .page_newsDetail .page_newsDetail_hd-info > div { display: inline-block; margin: 0 10px; line-height: 20px; } .page_newsDetail .page_newsDetail_hd-info .info-print { background: url("../images/ico.png") no-repeat left 3px; padding-left: 22px; cursor: pointer; } .page_newsDetail .page_newsDetail_hd-info .info-fontsize span { cursor: pointer; } .page_newsDetail .page_newsDetail_hd-info .info-fontsize .navClicked { color: #BC0E00; } .page_newsDetail .page_newsDetail_body { padding-bottom: 50px; font-size: 18px; line-height: 1.6; } .page_newsDetail .page_newsDetail_body img { max-width: 100%; vertical-align: middle; } .page_newsDetail .page_newsDetail_body video { max-width: 100%; } .page_newsDetail .page_newsDetail_body h1 { font-size: 2.8em; } .page_newsDetail .page_newsDetail_body h2 { font-size: 2.4em; } .page_newsDetail .page_newsDetail_body h3 { font-size: 2em; } .page_newsDetail .page_newsDetail_body p { line-height: 1.6; } .page_newsDetail .page_newsDetail_body > .imgWrap { text-align: center; margin: 40px 0; } .page_newsDetail .page_newsDetail_body > .shareTo { margin-top: 30px; display: flex; align-items: center; justify-content: flex-end; } .page_newsDetail .page_newsDetail_body > .shareTo img { margin-left: 10px; } .page_newsDetail .page_newsDetail_ft { font-size: 16px; color: #999; font-weight: normal; letter-spacing: 0; padding: 30px 0 35px; border-top: 1px dashed #ccc; position: relative; } .page_newsDetail .page_newsDetail_ft a { display: inline-block; line-height: 40px; color: #666; } .page_newsDetail .page_newsDetail_ft .back { position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 100px; height: 32px; border: 1px solid #ccc; text-align: center; line-height: 30px; border-radius: 4px; cursor: pointer; font-size: 16px; color: #666; font-weight: normal; letter-spacing: 2px; } .page_newsDetail_video .page_newsDetail_hd-info { border-bottom: none; padding: 0; } .page_newsDetail_video .player-video { line-height: 1; margin: 0 auto; height: auto; text-align: center; } .page_newsDetail_video .player-video .CuMob { display: inline-block; } .page_newsDetail_video .player-video .video-js { width: 900px; height: 506px; } .page_newsDetail_video .player-content { margin-top: 40px; } .page_picList_ul { margin-right: -35px; margin-bottom: 50px; } .page_picList_ul li { width: 350px; margin-right: 35px; float: left; margin-bottom: 25px; } .page_picList_ul li .li-inner { margin: 0 auto; border: 1px solid #f1f1f1; padding: 10px 10px 0; box-sizing: content-box; } .page_picList_ul li .li-thumb { background-color: #f1f1f1; height: 220px; text-align: center; } .page_picList_ul li .li-thumb img { width: 100%; height: 100%; } .page_picList_ul li .li-title { line-height: 50px; text-align: center; display: block; overflow: hidden; height: 50px; } .page_picList_ul li:hover .li-inner { background-color: #980d01; transition: all 0.3s; } .page_picList_ul li:hover .li-title { color: #fff; } .page_newsList .page_newsList_ul { margin: 0 0 50px; } .page_newsList .page_newsList_ul li { padding: 32px 0; border-bottom: 1px dashed #eee; } .page_newsList .page_newsList_ul li:last-child { border-bottom: 0 none; } .page_newsList .page_newsList_ul li.active .newsList_list-title { background-color: #BC0E00; color: white; } .page_newsList .page_newsList_ul li .newsList_list-title { position: relative; padding: 15px 0 0 0; box-sizing: border-box; width: 110px; height: 120px; text-align: center; background-color: #f1f1f1; color: #666; } .page_newsList .page_newsList_ul li .newsList_list-title:before { content: ""; position: absolute; top: 80px; left: 0; width: 100%; height: 2px; background-color: white; } .page_newsList .page_newsList_ul li .newsList_list-title i { display: block; font-size: 50px; font-style: normal; } .page_newsList .page_newsList_ul li .newsList_list-title b { margin-top: 20px; display: block; font-weight: normal; font-size: 16px; } .page_newsList .page_newsList_ul li .page_newsList-text { margin-left: 160px; } .page_newsList .page_newsList_ul li .page_newsList-text a { font-size: 22px; line-height: 36px; padding-bottom: 5px; font-weight: bold; display: block; position: relative; } .page_newsList .page_newsList_ul li .page_newsList-text a.tag-comm:after { color: #bf0000; margin-left: 5px; content: "[鎺ㄨ崘]"; font-size: 15px; font-style: normal; vertical-align: top; } .page_newsList .page_newsList_ul li .page_newsList-text p { margin-top: 5px; font-size: 15px; color: #777; line-height: 1.6; position: relative; } .page_newsList .page_videosList_ul { margin-right: -70px; } .page_newsList .page_videosList_ul li { float: left; width: 420px; margin-right: 70px; margin-bottom: 60px; } .page_newsList .page_videosList_ul li a { display: block; width: 100%; position: relative; } .page_newsList .page_videosList_ul li a:hover .li-title { color: #BC0E00; } .page_newsList .page_videosList_ul li a .li-thumb { background-color: #f1f1f1; height: 260px; width: 100%; overflow: hidden; position: relative; } .page_newsList .page_videosList_ul li a img { width: 100%; height: 100%; } .page_newsList .page_videosList_ul li a .li-title { margin-top: 15px; display: block; height: 60px; text-align: center; line-height: 30px; overflow: hidden; font-size: 18px; color: #333; } .page_newsList .page_videosList_ul li a .li-tag-video { height: 46px; width: 46px; background: url("../images/play.png") no-repeat center center; background-size: cover; position: absolute; left: 50%; margin-left: -23px; top: 50%; margin-top: -23px; } .list-pic { width: 100%; overflow: hidden; } .list-pic li { float: left; width: 260px; margin-right: 25px; height: 180px; } .list-pic li a { display: block; position: relative; height: 100%; width: 100%; } .list-pic li a img { width: 100%; height: 100%; } .list-pic li a .title { position: absolute; left: 0; width: 100%; bottom: 0; color: #fff; text-align: center; line-height: 26px; height: 26px; font-size: 14px; background-color: #000 锛汒 background-color: rgba(0, 0, 0, 0.6); padding: 0 10px; } .guestbook_page .aside { margin-top: 30px; } .guestbook_page-content dl { width: 100%; margin-bottom: 20px; } .guestbook_page-content dl dt { width: 80px; float: left; text-align: right; line-height: 34px; height: 34px; } .guestbook_page-content dl dt span { line-height: 34px; vertical-align: middle; } .guestbook_page-content dl dd { margin-left: 90px; line-height: 34px; } .guestbook_page-content dl dd input { display: inline-block; } .guestbook_page-content dl dd img { margin-left: 10px; display: inline-block; vertical-align: middle; } .guestbook_page-table { margin-bottom: 50px; } .guestbook_page-table table { width: 100%; background-color: #eee; margin-bottom: 10px; } .guestbook_page-table table:last-child { margin-bottom: 0; } .guestbook_page-table table td { border: 1px solid #ddd; padding: 5px 10px; line-height: 1.6; } .guestbook_page-table .td-lable { width: 120px; text-align: right; } .guestbook_page-table .td-gbMan { width: 40%; } .guestbook_page-table .td-replyText { color: #009900; } @media (max-width: 1450px) { .container { width: 1200px; } .mod_info .mod_info_left { width: 360px; } .page_picList_ul { margin-right: -40px; } .page_picList_ul li { width: 280px; margin-right: 40px; } .page_picList_ul li .li-thumb { height: 180px; } .page_newsList .page_videosList_ul { margin-right: -60px; } .page_newsList .page_videosList_ul li { width: 360px; margin-right: 60px; margin-bottom: 50px; } .page_newsList .page_videosList_ul li a .li-thumb { height: 220px; } } .null { width: 100%; padding: 150px 0 250px; text-align: center; font-size: 20px; color: #999; } .null-logo { width: 400px; margin: 0 auto 10px; } #page { padding-bottom: 40px; } #page .pagination { display: block; width: 100%; text-align: center; } #page .pagination li { display: inline-block; line-height: 30px; padding: 0 10px; margin: 0 3px; } #page .pagination li.page { border: 1px solid #999; } #page .pagination li.activ { border-color: #BC0E00; background: #BC0E00; } #page .pagination li.activ a { font-weight: bold; color: #fff; } .error-box { display: none; } .pop-search, .pop-error { border-radius: 10px !important; } .pop-error .error-box { display: block; background: url("../images/bg7.png") no-repeat left top; background-size: 60%; padding: 50px 100px; width: 100%; text-align: center; } .pop-error .error-logo img { width: 400px; } .pop-error .error-info { margin-top: 20px; font-size: 30px; } .pop-error .error-btn { margin-top: 40px; } .pop-error .error-btn a { display: inline-block; width: 100px; line-height: 26px; background-color: #980d01; color: #fff; margin: 0 10px; border-radius: 5px; } .pop-error .copyright { position: fixed; bottom: 0; left: 0; right: 0; } .searchList_ul { margin: 50px 0 70px; } .searchList_ul li { padding: 32px 0; border-bottom: 1px dashed #eee; } .searchList_ul li:last-child { border-bottom: 0 none; } .searchList_ul li .list-title { font-size: 22px; line-height: 36px; padding-bottom: 5px; font-weight: bold; display: block; position: relative; } .searchList_ul li .list-des { margin-top: 5px; font-size: 15px; color: #777; line-height: 1.6; position: relative; } .searchList_ul li .list-time { margin-top: 5px; font-size: 15px; color: #777; line-height: 1.6; position: relative; } .searchList_ul li .list-time i { font-style: normal; color: #BC0E00; font-weight: bold; margin-right: 5px; } .search_null { text-align: center; margin: 200px 0; color: #BC0E00; font-size: 40px; } .search_null a { padding: 0 10px; margin-top: 10px; line-height: 26px; background-color: #980d01; color: #fff; border-radius: 5px; font-size: 18px; } .search-banner-box { position: absolute; left: 50%; top: 50%; margin-top: -30px; margin-left: -500px; width: 1000px; text-align: center; } .search-banner-box .search-page { display: inline-block; border-radius: 10px; text-align: center; font-size: 0; overflow: hidden; } .search-banner-box .search-page input { box-sizing: border-box; display: inline-block; width: 600px; line-height: 60px; font-size: 22px; text-align: center; padding: 0 10px; border: 0 none; outline: none; vertical-align: top; } .search-banner-box .search-page a { display: inline-block; width: 150px; background: #BC0E00; color: #fff; font-size: 24px; text-align: center; line-height: 60px; vertical-align: top; } .search-banner-box i { display: inline-block; line-height: 60px; font-style: normal; margin-left: 10px; vertical-align: bottom; font-size: 20px; } .page_serviceList { padding-bottom: 60px; } .serviceList_ul li { float: left; width: 33.33%; margin: 20px 0; } .serviceList_ul li a { display: block; margin: 0 auto; width: 180px; height: 180px; padding: 35px 30px; border-radius: 15px; color: #000; text-align: center; justify-content: center; background-color: #f1f1f1; vertical-align: middle; cursor: pointer; } .serviceList_ul li p { line-height: 30px; height: 30px; overflow: hidden; font-size: 18px; font-weight: bolder; } .serviceList_ul .mod_flink-text { font-size: 40px; font-weight: bold; font-style: italic; line-height: 70px; color: #BC0E00; background-image: linear-gradient(#BC0E00, #980d01); font-family: numfont, "寰蒋闆呴粦", serif; -webkit-background-clip: text; color: transparent; padding: 0 5px; } .ad-sidebar { position: fixed; right: 10px; top: 35%; z-index: 100; } .ad-sidebar a { display: block; font-size: 0; border-radius: 5px; overflow: hidden; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); } .form-control { display: block; box-sizing: border-box; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; vertical-align: middle; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; resize: none; } .form-control:focus { border-color: #980d01; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(188, 14, 0, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(188, 14, 0, 0.6); } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .btn-primary { color: #fff; background-color: #428bca; border-color: #357ebd; } .btn-primary:hover { color: #fff; background-color: #3276b1; border-color: #285e8e; } @media print { .container-auto { min-width: 100% !important; } .container { background-color: #000000 !important; width: 100% !important; } .logo { width: 100% !important; text-align: center !important; } video, .top_line, .header-topline, .crumbs, .container-aside, .info-fontsize, .info-print, .nav, .search, .head-tags-right, .page_newsDetail_ft, .footer, .scroll-to-top { display: none !important; } .container-body { margin: 0 auto; } } @page :pseudo-class { size: A4 landscape; margin: 5cm; } /*# sourceMappingURL=index.css.map */