@charset "utf-8";
@font-face {
    font-family: 'FZXiaoBiaoSong-B05S';
    src: url('../fonts/FZXBSJW.TTF');
    src: url('../fonts/FZXBSJW--GB1-0.eot');
    src: url('../fonts/FZXBSJW--GB1-0.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FZXBSJW--GB1-0.woff2') format('woff2'),
        url('../fonts/FZXBSJW--GB1-0.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

header{ background: #b00c1d; z-index: 2;}
.subBody{ padding-bottom: 160rem; padding-top: 45px;
    background: #f5f5f5 url(../images/sub_bg.png) no-repeat center bottom; background-size: 100% auto; position: relative;}
.subBody::before{ content: ''; width: 100%; height: 0; padding-bottom: 8.6%; background: #b00c1d; position: absolute; top: 0; left: 0; z-index: 0;}
.subContent{ position: relative; z-index: 1; background: #fff; padding: 60rem 40rem 0; box-sizing: border-box;}
.subContent > .flex{ align-items: center; padding-bottom: 30rem; border-bottom: 1rem solid rgba(0, 0, 0, 0.08);}
.curChannel{ font-family: 'Noto Serif SC'; color: #b00c1d; font-weight: 800; line-height: 1;}
.bread{ position: relative;}
.bread i{ color: #b00c1d; margin-right: 5rem;}
.bread a, .bread span{ color: #999;}
.bread a:hover{ color: #b00c1d;}

.pageCon ul{ min-height: 200px;}

/* 图片新闻 */
.newsList li{ margin-top: 40rem; transition: all 0.35s ease;}
.newsList li:hover{ transform: translateY(-8px);}
.newsList .imgBox{ width: 444rem; flex-shrink: 0;}
.newsList .infoBox{ width: calc(100% - 444rem); padding-left: 20rem; border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.newsList .gp-img-responsive{ padding-bottom: 56.25%;}
.newsList .date{ color: #b00c1d; position: relative;}
.newsList .date i{ margin-right: 10rem; font-size: 15rem;}
.newsList .title{ font-weight: bold; line-height: 1; margin-top: 19rem;}
.newsList .summary{ line-height: 26rem; color: #999; margin-top: 25rem;}


/*分页*/
.pages{ padding: 40rem 0;}
.gp-page { padding: 0; color:#999; font-size: 0rem;}
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page>a,.gp-page>span{display:inline-block;color: #999; font-family: 'Calibri'; background: #fff; cursor: pointer; 
    width: 66rem; height: 66rem; line-height: 66rem; border-radius: 50%; font-size: 16rem;border: 1rem solid rgba(0, 0, 0, 0.06);
    position:relative;text-align: center; margin-bottom:0rem; margin-left:10rem;vertical-align: top; box-sizing: border-box; *display: inline; *zoom:1;}
.gp-page-select{height: 32rem;line-height: 32rem;min-width: 50rem;display:inline-block;*display: inline;*zoom:1;vertical-align: top;}
/* .gp-page .gp-page-start,.gp-page .gp-page-end,.gp-page .gp-page-next,.gp-page .gp-page-prev,.gp-page > span {width: auto;padding:0 24rem;} */
.gp-page .gp-page-prev{ margin-left: 0; margin-right: 30rem;}
.gp-page .gp-page-next{ margin-left: 40px;}
.gp-page .gp-page-start{ margin: 0 5rem;}
.gp-page .gp-page-end{ margin: 0 10rem;}
.gp-page > span{border:none}
.gp-page > a:hover, .gp-page > a.active{ background-color:#b00c1d; color: #fff;}
.gp-m-page{ display: none;}
.gp-m-page a{display: inline-block;margin:0 10rem}
/*居中*/
.gp-page-centered {text-align:center}
/*右对齐*/
.gp-page-right {text-align:right}
.gp-page .omit{ cursor: not-allowed;}
.selectDiv{ display: inline-block; margin-right: 0rem; margin-left: 10rem; position: relative;}
.selectDiv + span{ margin-left: 0; border: 1rem solid #b00c1d; border-left: none;}
.selectDiv > span{ display: inline-block;border: 1rem solid #b00c1d; height: 46rem; line-height: 46rem; width: 68rem; padding: 0 24rem; background: #fff; text-align: left; position: relative;}
.selectDiv > span::before{ content: ''; display: block; width: 8rem; height: 4rem; background: url(../images/page-down.png) no-repeat center/cover;
    position: absolute; top: 50%; transform: translateY(-50%); right: 10rem; transition: all 0.25s ease;}
.selectDiv > span:hover::before{ transform: translateY(-50%) rotateZ(180deg);}
.selectDiv dl{ display: none; position: absolute; width: 100%; left: 50%; transform: translateX(-50%); bottom: 100%; background: #ebf0fa; border-radius: 4rem; border-bottom: 4rem solid #fff;}
.selectDiv dl a{ display: block;}
.selectDiv:hover dl{ display: block;}
.selectDiv a{ display: inline-block; line-height: 30rem;}
.selectDiv dd:hover{ background: #b00c1d;}
.selectDiv dd:hover a{ color: #fff;}
.pageInput{ width: 32rem; height: 32rem; border: none; outline: none; background: #F2F2F2; text-align: center;}


.gp-article{ padding: 40rem 0 60rem; width: calc(100% - 310rem); padding-right: 60rem; position: relative;}
.gp-article::before{ content: ''; display: block; width: 1px; height: 100%; max-height: 1330px; background: rgba(0, 0, 0, 0.06); position: absolute; top: 85rem; right: 30rem;}
.gp-title{ font-weight: bold; color: #333; text-align: left; line-height: 44rem; padding: 0rem 100rem;}
.gp-info{ text-align: left; font-size: 0; padding: 0 100rem 20rem; margin-top: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.gp-info span{ display: inline-block; color: #999; line-height: 1; margin-right: 30rem; vertical-align: middle;}
.gp-info span:last-child{ margin-right: 0rem;}
.gp-content{ width: calc(100% - 100rem); margin: 44rem 0 0;}
.gp-content p{ line-height: 30rem; margin-bottom: 30rem;}
.gp-content p:last-child{ margin-bottom: 0rem;}
.hotList{ width: 310rem; flex-shrink: 0; margin-top: 40rem;}
.hotTil{ font-family: 'Noto Serif SC'; color: #b00c1d; font-weight: 800; line-height: 1;}
.hotTil i::before{ font-size: 24rem; margin-right: 5rem; font-weight: 200;}
.hotList .gp-img-responsive{ padding-bottom: 56.25%;}
.hotList .gp-img-responsive{ margin-bottom: 16rem;}
.hotList .title{ line-height: 28rem; transition: all 0.35s ease;}
.hotList .date{ margin-top: 15rem; color: #b00c1d; line-height: 1; transition: all 0.35s ease;}
.hotList a:hover .title, .hotList a:hover .date{ transform: translateX(8rem);}
.hotList li{ padding-top: 20rem;}
.hotList li a{ display: block; padding-bottom: 30rem; border-bottom: 1px solid rgba(0, 0, 0, 0.08);}

/* share */
.share{ width: 60rem; flex-shrink: 0; margin-top: 20rem;}
.share .lable{ color: #999; text-align: center; line-height: 1;}
.share_btn{float: left;line-height: 33rem;font-weight: normal;}
.share .bdsharebuttonbox  > a{ display: block; width: 60rem; height: 60rem; line-height: 60rem; border-radius: 50%; background: rgba(0, 0, 0, 0.04);
    padding-left: 0; text-indent: 0; text-align: center;font-size: 24rem; margin-top: 20px;}
.share .bdsharebuttonbox > a.bds_weixin{ color:#50b674;}
.share .bdsharebuttonbox  > a.bds_tsina{ color:#e83437; font-size: 30rem;}
.share .bdsharebuttonbox  > a.bds_qzone{ color:#ffcd00; font-size: 28rem;}
.share .bdsharebuttonbox  > a.bds_more{ color:#004098;}
.shareBox {width: 260rem;background-color: #fff;position: fixed;top: 50%;left: 50%;margin: -150rem 0 0 -130rem;z-index: 9998;height: 310rem;border: 6rem solid #8F8F8F;border-radius: 8rem;box-shadow: 0 0 7rem #aaa;display: none;}
.shareBox { font-size: 14rem;}
.shareBox .title {   background: #f6f6f6;  font-size: 14rem;  font-weight: bold;  padding: 10rem 15rem !important;}
.shareClose {   position: absolute;    right: 0;    top: 0; cursor: pointer;font-size: 18rem;width: 20rem;; }
.sharelist {  position: static;   height: 250rem;  overflow-y: auto;padding-left: 17rem !important;}
.sharelist li {    float: left;    width: 130rem;     padding: 2rem;     margin-left: 6rem;     _margin-left: 3rem;     height: 28rem;     overflow: hidden;     list-style: none; }
.sharelist li a {     color: #565656;     font: 12rem '宋体';     display: block;        text-decoration: none;     border: 1rem solid #fff;     line-height: 18rem; width: auto;height: auto;text-indent: 0;}
.weChatBox{width: 280rem;min-height:300rem;background-color:#fff;border:solid 1rem #d8d8d8;padding:10rem;position: fixed;left: 50%;top: 50%;margin:-150rem 0 0 -140rem;z-index: 9998;display: none;box-shadow: 0 0 10rem rgba(0,0,0,0.25);}
.weChatBox .w-title{font-size: 12rem;font-weight: bold;padding:0 0 10rem 0;}
.w-close{width: 20rem;height: 20rem;line-height: 20rem;text-align: center;font-size: 20rem;position: absolute;right: 0;top: 0;color:#333;cursor: pointer;}
.qrcode{width: 200rem;height: 200rem;margin:15rem auto;background: #ccc;}
.w-footer{font-size: 12rem;line-height: 1.5;color:#999;}
#qrodeText{opacity: 0;position: absolute;left: 0;top: 0;z-index: 0;visibility:hidden;}
.bdshare_dialog_bg{position:fixed;_position:absolute;width:312rem;height:341rem;z-index:9999;overflow:hidden;display:none}
.bdshare_dialog_box{position:fixed;_position:absolute;width:300rem;border:6rem solid #8F8F8F;height:329rem;z-index:10000;text-align:left;box-shadow:0 0 7rem #aaa;-webkit-box-shadow:0 0 7rem #aaa;-moz-box-shadow:0 0 7rem #aaa;border-radius:5rem;-webkit-border-radius:5rem;-moz-border-radius:5rem;overflow:hidden;background:#f6f6f6;display:none}
.bdshare_dialog_top,.bdshare_popup_top{height:28rem;color:#626262;overflow:hidden;font-weight:bold;font-size:14rem;line-height:28rem;padding:0 5rem}
.bdshare_dialog_close{width:22rem;height:23rem;background:url(../images/pop_c.gif?v=2d7108c8.gif) no-repeat 0 0;float:right;display:block;margin-top:2rem}.bdshare_dialog_list{margin:0;padding:10rem 0;height:256rem;background:#fff;overflow:auto;overflow-x:hidden}.bdshare_dialog_bottom{height:25rem;line-height:25rem;font-size:12rem;text-align:right;padding:0 10rem}.bdshare_dialog_bottom a{color:#999;text-decoration:none}
.bdshare_dialog_bottom a:hover{color:#00a9e0}
.bdshare_dialog_list li{float:left;width:130rem;padding:2rem;margin-left:6rem;_margin-left:3rem;height:28rem;overflow:hidden;list-style:none}
.bdshare_dialog_list a,.bdshare_popup_list a,.bdshare_popup_bottom a{color:#565656;font:12rem '宋体';display:block;background-image:url(../images/icons_0_16.png?v=ba7acbd3.png);background-repeat:no-repeat;padding:5rem 0 5rem 28rem;text-decoration:none;border:1rem solid #fff;line-height:18rem}.bdshare_dialog_list a:hover,.bdshare_popup_list a:hover{background-color:#f3f3f3;border:1rem solid #eee;border-radius:3rem;-webkit-border-radius:3rem;-moz-border-radius:3rem}.popup_qzone{background-position:4rem -47rem}.popup_tsina{background-position:4rem -99rem}.popup_renren{background-position:4rem -203rem}.popup_tqq{background-position:4rem -255rem}.popup_kaixin001{background-position:4rem -307rem}.popup_tqf{background-position:4rem -359rem}.popup_hi{background-position:4rem -411rem}.popup_douban{background-position:4rem -463rem}.popup_tieba{background-position:4rem -723rem}.popup_hx{background-position:4rem -983rem}.popup_fx{background-position:4rem -1035rem}.popup_ty{background-position:4rem -1191rem}
.popup_fbook{background-position:4rem -1347rem}.popup_twi{background-position:4rem -1399rem}
.popup_linkedin{background-position:4rem -1659rem}.popup_meilishuo{background-position:4rem -1711rem}
.popup_mogujie{background-position:4rem -1763rem}.popup_diandian{background-position:4rem -1815rem}.popup_huaban{background-position:4rem -1867rem}
.popup_duitang{background-position:4rem -2023rem}.popup_youdao{background-position:4rem -2075rem}.popup_wealink{background-position:4rem -2179rem}
.popup_copy{background-position:4rem -2283rem}.popup_mail{background-position:4rem -2335rem}.popup_print{background-position:4rem -2387rem}
.popup_mshare{background-position:4rem -2439rem}.popup_sqq{background-position:4rem -2647rem}.popup_sdo{background-position:4rem -2699rem}
.popup_qingbiji{background-position:4rem -2751rem}.popup_people{background-position:4rem -2803rem}.popup_xinhua{background-position:4rem -2907rem}
.popup_yaolan{background-position:4rem -2959rem}.popup_thx{background-position:4rem -2491rem}.popup_bdhome{background-position:4rem -151rem}
.popup_bdxc{background-position:4rem -2543rem}.popup_more{background-position:4rem 5rem}.popup_bdysc{background-position:4rem -3063rem}
.popup_isohu{background-position:4rem -3011rem}.popup_ibaidu{background-position:4rem -3115rem}.popup_weixin{background-position:4rem -1607rem}
.popup_iguba{background-position:4rem -1295rem}.popup_h163{background-position:4rem -3156rem}.bdshare_popup_bg{position:absolute;display:none;z-index:9997}
.bdshare_popup_box{position:absolute;display:none;z-index:9998;text-align:left;background:#f6f6f6;border:solid 1rem #e9e9e9}
.bdshare_popup_list{margin:0;padding:5rem 0;background:#fff;overflow:auto;overflow-x:hidden;_zoom:1}
.bdshare_popup_bottom{clear:both;height:30rem;font-size:12rem;text-align:right;padding:0 10rem}
.bdshare_popup_bottom a{color:#999;text-decoration:none;border:0;float:right}.bdshare_popup_bottom a:hover{color:#00a9e0}
.bdshare_popup_list li{float:left;width:100rem;padding:2rem;margin-left:6rem;_margin-left:3rem;height:28rem;overflow:hidden;list-style:none}
.popup_tsohu,.popup_tfh,.popup_baidu,.popup_qq,.popup_msn,.popup_sohu,.popup_qy,.popup_leho,.popup_ifeng,.popup_ff,.popup_tuita,.popup_ms,.popup_deli,.popup_s51,.popup_t163,.popup_share189,.popup_xg,.popup_s139{display:none}.bdshare_dialog_box,.bdshare_dialog_list a:hover,.bdshare_popup_list a:hover{-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;}.popup_evernotecn{background-position:4rem -3180rem;}


.Annex{ line-height: 20rem; border-top: 1px solid rgba(0, 0, 0, 0.1);}
.Annex h3{ margin-top: 20rem; padding-bottom: 20rem; line-height: 1; color: #444; position: relative;}
.Annex h3::before{ content: ''; display: block; width: 30rem; height: 30rem; position: absolute; top: 0; left: 0;}
.Annex ul{ min-height: unset;}
.Annex li{ margin-bottom: 20rem; line-height: 1;}
.Annex li:last-child{ margin-bottom: 0;}
.Annex li::marker{ content: '';}
.Annex li a{ display: block; color: #999; position: relative; transition: all 0.35s ease;}
.Annex li a:hover{ color: #b00c1d;}

.textList ul{ margin: 0 -30rem;}
.textList li{ font-weight: bold;}
.textList ul a{ display: block; line-height: 1; margin: 0 30rem; padding: 40rem 0; padding-left: 32rem; border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.textList .mediaName{ color: #999; height: 14rem; position: relative; transition: all 0.35s ease;}
.textList .mediaName::before{ content: ''; display: none; width: 10rem; height: 2rem; background: #e0c67e; position: absolute; top: 6rem; left: -20px;}
.textList .mediaName i{ font-style: normal; position: absolute; left: -32px; color: #e0c67e;}
.textList .mediaName2 i{ font-size: 48px; opacity: 0.3; z-index: -1; font-family: 'FZXiaoBiaoSong-B05S';}
.textList .title{ margin-top: 20rem; transition: all 0.35s ease;}
.textList .date{ color: #999; margin-top: 19rem; transition: all 0.35s ease;}
.textList a:hover .mediaName, .textList a:hover .title, .textList a:hover .date{ transform: translateY(-8rem);}

.videoList ul{ margin: 0 -15rem; padding-top: 10rem;}
.videoList ul li{ margin-top: 30rem;}
.videoList ul a{ display: block; margin: 0 15rem;}
.videoList .gp-img-responsive{ padding-bottom: 56.25%; position: relative;}
.videoList .infoBox{ min-height: 98rem; border: 1px solid rgba(0, 0, 0, 0.08); border-top: none; padding-top: 16rem; position: relative;}
.videoList .infoBox::before{ content: ''; display: block; width: 100%; height: 0%; background: #b00c1d; position: absolute; left: 0; bottom: 0; z-index: -1; transition: all 0.35s ease;}
.videoList a:hover .infoBox::before{ height: 100%;}
.videoList .title{ line-height: 28rem; text-align: center; max-width: 380rem; margin: 0 auto; transition: all 0.35s ease;}
.videoList a:hover .title{ color: #fff;}
.videoList .video{ width: 38rem; height: 38rem; line-height: 38rem; border-radius: 50%; background: rgba(0,0,0,0.3); font-size: 28rem; text-align: center; color: #fff;
    position: absolute; top: 20rem; left: 20rem; z-index: 2; transition: all 0.35s ease-out;}
.videoList a:hover .video{ top: 50%; left: 50%; transform: translate3d(-50%,-50%,0);}

/* 响应式样式 */
@media screen and (max-width:1600px){
    
}

@media screen and (max-width:1440px) {
    
}

@media screen and (max-width:1400px) {
    
}

@media screen and (max-width:1280px) {
    
}

@media screen and (max-width:1200px) {
    
}

@media screen and (max-width:1100px) {
    
}
@media screen and (max-width:1024px) {
    .hotList{ display: none;}
    .gp-article{ width: 100%; padding-right: 0;}
    .gp-article::before{ display: none;}
    .gp-title{ padding: 0;}
}

@media screen and (max-width:997px) {
    .pages{ padding: 30rem 0;}
    .gp-page{ display: none;}
    .gp-m-page{ display: block;}
    .gp-title{ line-height: 38rem; font-size: 28rem;}
    .gp-info{ padding: 10rem 0;}
    .gp-content{ margin: 30rem 0;}
    .gp-content p{ margin-bottom: 20rem;}
    .subContent{ padding: 30rem 20rem 0;}
    .textList ul{ margin: 0;}
    .textList ul a{ margin: 0;}
    .Annex li{ line-height: 1.25; margin-bottom: 10rem;}
}

@media screen and (max-width:767px) {
    .subBody{ padding: 30rem 0 50rem;}
    .gp-m-page>a{ width: 45rem; height: 45rem; line-height: 45rem;}
    .newsList li{ margin-top: 20rem;}
    .newsList .imgBox{ width: 280rem;}
    .newsList .infoBox{ width: calc(100% - 280rem); padding-left: 10rem;}
    .newsList .title{ margin-top: 10rem;}
    .newsList .summary{ margin-top: 10rem; line-height: 22rem;}
    .gp-content{ width: calc(100% - 70rem);}
    .textList .title{ word-wrap: break-word; overflow: visible; white-space: wrap; line-height: 1.5;}
}

@media screen and (max-width:540px) {
    .pages{ padding: 20rem 0;}
    .subBody{ padding-bottom: 40rem;}
    .newsList li a{ flex-direction: column;}
    .newsList .imgBox, .newsList .infoBox{ width: 100%;}
    .newsList .infoBox{ margin-top: 10rem; padding-bottom: 10rem;}
    .gp-article{ padding: 30rem 0;}
    .gp-article > .flex{ flex-direction: column-reverse;}
    .gp-content{ width: 100%; margin: 20rem 0 0;}
    .share{ width: 100%; }
    .share .lable{ text-align: left;}
    .share .bdsharebuttonbox > a{ display: inline-block; margin-top: 10rem;}
}

@media screen and (max-width:478px) {
    .videoList .infoBox{ min-height: unset; padding: 15rem 0;}
}

@media screen and (max-width:414px) {
    .textList ul a{ padding: 20rem 0;}
    .videoList ul li{ margin-top: 20rem;}
    .gp-title{ font-size: 20rem; line-height: 24rem;}
    .gp-content p{ line-height: 24rem;}
    .subContent{ padding: 20rem 15rem 0;}
    .subContent > .flex{ flex-direction: column; align-items: flex-start; padding-bottom: 20rem;}
    .bread{ width: 100%; text-align: right;}
    .curChannel{ font-size: 24rem;}
}

@media screen and (max-width:414px) {
    html{ font-size: calc(100vw / 400);}
    .gp-container, .gp-container-2{width: 360rem;}
    .logo{ width: 200rem;}
    .textList .mediaName2 i{ left: -10rem; top: -5rem; font-size: 40rem;}
}

@media screen and (max-width:370px) {
    
}