@charset "utf-8";
.subBanner{ position: relative;}
.subBanner .gp-img-responsive{ padding-bottom: 20.83%;position: relative;}
.subBanner .gp-img-responsive::before{ content: '';display: block;height: 1rem;width: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    position: absolute;bottom: 0;left: 0; pointer-events: none;z-index: 1;}
.subBanner .gp-img-responsive img:hover{ opacity: 1;}

.subBanner .gp-position{ position: absolute; right: 50%; transform: translateX(50%); bottom: .33rem; z-index: 1;text-align: right;}
.bread{ display: inline-block; line-height: 1.625;align-items: center; padding-left: .36rem;
    background: url(../images/bread.png) no-repeat left center;background-size: auto 100%;}
.bread .gp-flex{ justify-content: flex-end;}
.bread span, .bread a{ display: inline-block; color: rgba(255,255,255,0.6); line-height: 1.25;}
.bread a:hover{ opacity: 1; color: #fff;}

.subContent{
    position: relative;
    z-index: 1;
    pointer-events: none;
    -ms-pointer-events: none;
}
.subContent .lf{
    width: 2.8rem;
    margin-top: -1rem;
    flex-shrink: 0;
}
.gp-subLeft,
.subContent .rt{
    pointer-events: all;
    -ms-pointer-events: all;
}

/*侧边栏*/
.gp-subLeft{background: transparent;}
.gp-subLeft h2{ line-height: 1rem; padding: 0 .3rem; color: #9D7141; border-radius: .2rem .2rem 0 0;
    background: url(../images/sider-h2.png) no-repeat center/100% 100%;}
.gp-subLeft > ul{ position: relative; z-index: 1; padding: .1rem 0 .98rem;
    background: url(../images/sider-bg.jpg) no-repeat center/cover;border-radius: 0 0 .2rem .2rem;}
.gp-subLeft > ul >li{position: relative;}
.gp-subLeft > ul >li > a{padding:.2rem .3rem;line-height: 1.25; display: block;color: #333;text-align: left;
	transition: all 0.35s ease-in-out; position: relative;}
.gp-subLeft > ul >li > a.active::after,
.gp-subLeft > ul >li > a:hover,.gp-subLeft > ul >li > a.active{ margin-right: 0;color:#9D7141;font-weight: normal;}
.gp-subLeft > ul >li > a.active{ background: #F6E9DB;}
.gp-subLeft > ul >li > a.active::before{content: '';display: block;background: #F6E9DB;border-radius: .1rem;
    position: absolute; top: 0; bottom: 0;left: 0;right: -.1rem; z-index: -1;}
.gp-subLeft > ul >li > a.active::after{content: '';display: block;background: #94070A;width: .04rem;height: 100%;border-radius: .1rem;
    position: absolute; left: 0;top: 0;z-index: 1;}
.gp-subLeft > ul >li > strong{ opacity: 0;}
.gp-subLeft > ul >li > a.active ~ strong{ opacity: 1;}
.gp-subLeft .gp-toggles{width: .44rem;height: .65rem;line-height: .65rem;position: absolute;right: 0;top: 0;
	text-align: center;cursor: pointer;color:#961f30; background: url(../images/sider-icon.png) no-repeat center/.24rem auto;}
.gp-subLeft .active .gp-toggles{ background: url(../images/sider-icon2.png) no-repeat center/.24rem auto;}
.gp-subLeft .gp-toggles.dotClick{ pointer-events: none; -ms-pointer-events: none;}
.gp-second-nav{ display: none;background: transparent; padding-left: .3rem;}
.gp-second-nav dd a{position: relative; display: block;color:#666;border-bottom: 0px solid #e0ddd1;
    padding:.16rem .18rem; line-height: 1.27;
    transition: all 0.35s ease-in-out;text-align: left;}
.gp-second-nav dd a::before{ content: '';display: block;width: .08rem;height: .04rem;background: #94070A;
	position: absolute;left: 0;bottom: 50%;transform: translateY(50%); z-index: 1;}
.gp-second-nav dd a.active{background: url(../images/sider-sub-icon.png) no-repeat; background-position: 90% 50%; background-size: .2rem;
    color: #9D7141;}
/*侧边栏移动端 */
#gp-m-subNav{display:none;}
.gp-m-inner-header{width:100%;height:40px;background-color:transparent;cursor:pointer;line-height: 40px;}
.gp-m-inner-header > span{height: 40px;padding-left: 15px;font-size: 18px;color:#666;font-weight: bold;color: #481c1c;}
.gp-m-subNav .gp-m-inner-header-icon-click{}
.gp-m-subNav .gp-m-inner-header-icon{float: right;width: 40px;height: 40px;text-align: center;}
.gp-m-subNav  .gp-m-inner-header-icon-click i{display: block;}
.gp-subNavm{ width:100%; overflow: hidden;display: none;}
.gp-subNavm h2{width:100%;height:48px;line-height:48px;background-color:#003c7f;}
.gp-subNavm h2 a{padding-left:13px;font-size:20px;font-family:Tahoma;display:block;color:#fff;}
.gp-subNavm ul{}
.gp-subNavm li{position: relative;}
.gp-subNavm li > a{ font-size: 14px;padding-left:13px;height:40px;line-height:40px;border-bottom:1px solid #e6e6e6;display:block;}
.gp-subNavm li.sub_has span{ margin-left: 10px;}
.gp-subNavm li.on a{ color:#003c7f; display:block; width:100%;}
.gp-m-toggle{width: 40px;height: 40px;position: absolute;right: 0;top: 0;line-height: 40px;text-align: center;}
.gp-subNavm dl{ display: none; background-color:transparent; padding:5px 0px;}
.gp-subNavm dl dd{ padding-left: 30px; line-height:18px; padding:6px 0px 6px 30px;border-bottom: 1px dotted #e6e6e6;}
.gp-subNavm li dl dd a{ font-size: 12px; font-weight:normal; display:inline;  border:none; padding:0px;}
.gp-subNavm li dl dd a:hover{ color:#a70510}
@media screen and (max-width:996px) {
  .gp-subLeft{display: none;}
  #gp-m-subNav{display: block;}
}

.noSubColumns.subContent{ margin-top: -0.4rem;}
.noSubColumns .sideBar{ background: none; box-shadow: none; margin-top: -0.55rem;}

.subContent .rt{
    flex: 1;
    min-width: 0;
}
.subContent.hasSidebar .rt{
    margin-left: .5rem;
}
.centerIntroduction{
    padding: .8rem 0 1.75rem;
}
.depart01{}
.depart01 .img{
    width: 6rem;
    border-radius: 0.3rem;
    overflow: hidden;
    margin-left: .5rem;
}
.depart01 .textBox{
    margin-left: 7rem;
}
.depart01 .boxTil{
    padding: .28rem 0 .2rem;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    position: relative;
    z-index: 1;
}
.depart01 .boxTil div{
    display: inline-block;
    line-height: 1;
    color: #333
}
.depart01 .boxTil .en{
    color: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    line-height: 1.4;
    text-transform: uppercase;
    font-family: 'Arial';
    font-weight: 900;
}
.depart01 .boxCon{
    line-height: 1.875;
    padding-top: .3rem;
}
.depart01 .boxCon p{
    margin-bottom: .2rem;
}
.depart01 .boxCon p:last-child{
    margin-bottom: 0;
}
.depart02{
    background: url(../images/center-bg1.jpg) no-repeat center/cover;
    border-radius: .3rem;
    margin-top: .5rem;
    padding: 1.14rem .5rem 1rem;
}
.depart02 .departTil{
    line-height: 1.875;
    margin-bottom: .4rem;
}
.depart02 ul{
    justify-content: flex-start;
}
.depart02 li{
    margin-right: 1rem;
}
.depart02 li a{
    display: block;
    line-height: .2rem;
    margin-bottom: .3rem;
}
.depart02 li a:last-child{
    margin-bottom: 0;
}
.depart02 li a:hover{
    color: rgba(255,255,255,0.8);
}
.depart03{
    margin-top: .5rem;
}
.depart03 .textBox{
    width: 9.4rem;
    padding: .5rem;
    border-radius: .3rem;
    background: #F6F6F6;
    line-height: 1.875;
    height: 3.5rem;
    -webkit-line-clamp: 8;
}
.depart03 .imgBox{
    width: 3rem;
    margin-right: .5rem;
    position: relative;
    z-index: 1;
    transform: translateY(-1rem);
}
.depart03 .gp-img-responsive{
    padding-bottom: 150%;
    border-radius: .32rem;
}
.depart03 .img2{
    width: 2rem;
    position: absolute;
    bottom: .3rem;
    right: calc(100% - .4rem);
    z-index: 1;
    border-radius: .3rem;
}
.depart03 .img2::before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: .3rem;
    border: .06rem solid #fff;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.curChannel{
    border-bottom: .01rem solid rgba(0, 0, 0, 0.1);
    margin-top: .3rem;
}
.curChannel span{
    display: inline-block;
    line-height: 1.25;
    padding-bottom: .2rem;
    position: relative;
    z-index: 1;
}
.curChannel span::before{
    content: '';
    display: block;
    width: 100%;
    height: .04rem;
    background: #94070A;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: .1rem;
}






/*分页*/
.pages{ position: relative;z-index: 2; text-align: center; justify-content: center; font-size: 0; margin: 0.5rem 0 1.25rem;}
.gp-page{ color:#553d46; font-size: 0px;}
.gp-page>a,.gp-page>span{display:inline-block;color: #553d46;background: transparent; cursor: pointer; border-radius: 0.1rem;background: #fff;
    margin: 0 0.1rem;margin-bottom:0px; margin-left:0px;
    width: 0.44rem; height: 0.44rem; line-height: 0.44rem;  border: 1px solid rgba(148, 7, 10, 0.2);
    position:relative;text-align: center;vertical-align: top; box-sizing: border-box; *display: inline; *zoom:1;}
.gp-page .gp-page-prev,
.gp-page .gp-page-next{ width: auto; border: none;}
.gp-page .gp-page-prev{ margin-right: 0.3rem;}
.gp-page .gp-page-next{ margin-left: 0.2rem; margin-right: 0.2rem;}
.gp-page .gp-page-start:hover,
.gp-page .gp-page-end:hover,
.gp-page .gp-page-prev:hover,
.gp-page .gp-page-next:hover{ background: transparent; color: #333;}
.gp-page .gp-page-start,
.gp-page .gp-page-end{ width: auto; border: none;}
.gp-page .gp-page-start{ width: auto; margin-left: 0.2rem; margin-right: 0.2rem;}
.gp-page .gp-page-end{ margin-right: 0.3rem;}
.gp-page > span{border:none; width: auto;}
.gp-page > a:hover, .gp-page > a.on_page{ background-color:#94070A; color: #fff; border-color: #94070A;}
.gp-m-page{ display: none;}
.gp-m-page a{display: inline-block;margin:0 0.1rem;}
/*居中*/
.gp-page-centered {text-align:center}
/*右对齐*/
.gp-page-right {text-align:right}
.gp-page .omit{ cursor: not-allowed;}
#pageNumber{ width: 0.44rem; height: 0.44rem; background: #fff; text-align: center; vertical-align: top;
  border: 1px solid rgba(148, 7, 10, 0.2);border-radius: 0.1rem;outline: none; padding: 0;}
.gp-page .total{ width: unset; border: none;padding: 0 0.08rem;}
.gp-page .total:hover{ background: transparent; color: #333;cursor: initial;}
.jumpBox{ position: relative; align-items: center;}
.jumpBox span{ display: inline-block;}
.jumpBox .jumpto{ margin-left: .1rem;}
.jumpBox .tips{ font-size: 0.14rem; color: #94070A; position: absolute;right: 50%;top: 100%;text-wrap: nowrap;transform: translateX(50%);}
.gp-page .selectBox{ display: inline-block;font-size: 0.16rem;margin-left: 0.1rem; position: relative;}
.gp-page .curPage{ display: inline-block;width: 0.7rem;line-height: 0.4rem;background: #fff;border: 1px solid #dbdbdc;
    text-align: left; padding-left: 0.17rem;margin: 0 0.08rem;position: relative;}
.gp-page .curPage::before{ content: '';display: block;width: 0;height: 0;position: absolute; top: 50%;transform: translateY(-50%);right: 0.12rem;
    border: 0.04rem solid transparent;border-top-color: #666;border-bottom: none;transform-origin: center;transition: all 0.2s;}
.gp-page .selectBox:hover .curPage::before{transform: translateY(-50%) rotateZ(180deg);}
.gp-page .selectBox dl{ display: none; width: 100%;position: absolute;left: 0;bottom: 100%;background: #fff;max-height: 3rem;overflow: auto;}
.gp-page .selectBox:hover dl{ display: block;}
.gp-page .selectBox a{ display: block;line-height: 1.3;padding: 0.05rem 0;}
.gp-page .selectBox a:hover{ background: #004893; color: #fff;}



/* textList */
.textList{
    line-height: 1.33;
    padding: .5rem 0;
}
.textList li{
    margin-top: 0.2rem;
}
.textList li:first-child{
    margin-top: 0;
}
.textList li:hover{
    border-color: #F2E3C8;
}
.textList li a{
    padding: 0.2rem 0.3rem;
    padding-right: .6rem;
    background: #F6F6F6 url(../images/text-list-ico.png) no-repeat right center/.3rem auto;
    background-position: calc(100% - 30px) 50%;
    border-radius: .2rem;
    align-items: center;
}
.textList li:hover a{
    background: #94070A url(../images/text-list-ico-hover.png) no-repeat right center/.3rem auto;
    background-position: calc(100% - 30px) 50%;
    color: #fff;
}
.textList .date{
    width: 1.02rem;
    flex-shrink: 0;
    color: #999;
    line-height: 1.25;
    align-items: center;
}
.textList .day{
    position: relative;
    color: #333;
}
.textList .day::before{
    content: '/';
    display: block;
    font-size: .33rem;
    color: #333;
    font-weight: lighter;
    position: absolute;
    right: -0.2rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.textList .year{
    text-align: center;   
}
.textList .year div{
    margin-bottom: .04rem;
}
.textList .year div:last-child{
    margin-bottom: 0;
}
.textList li .title{
    flex: 1;
    min-width: 0;
    margin-left: .3rem;
    padding-left: .3rem;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.textList li:hover .title{
    border-color: rgba(255,255,255,0.2);
}
.textList li:hover .date{
    color: rgba(255,255,255,0.6);
}
.textList li:hover .title{
    color: #fff;
}
.textList li:hover .day::before,
.textList li:hover .day{
    color: #fff;
}
.hasSidebar .textList{
    padding-top: .3rem;
}

.picList{
    padding-top: .1rem;
}
.picList .textList{ padding: 0 !important;}
.picList li{
    margin-top: .2rem;
}
.picList li a{
    padding: .2rem .3rem;
    align-items: center;
    background: #F6F6F6;
    border-radius: .2rem;
    justify-content: flex-start;
}
.picList .img{
    margin: 0 .3rem;
    width: 2.4rem;
    flex-shrink: 0;
    border-radius: .1rem;
    overflow: hidden;
}
.picList .info{
    flex: 1;
    min-width: 0;
}
.picList .summary{
    margin-top: .2rem;
    padding-top: .2rem;
    border-top: .01rem solid rgba(0, 0, 0, 0.1);
}
.picList li a:hover{
    background: #94070A;
}
.picList a:hover .day,
.picList a:hover .day::before,
.picList a:hover .title{
    color: #fff;
}
.picList a:hover .date,
.picList a:hover .summary{
    color: rgba(255,255,255,0.6);
    border-color: rgba(255,255,255,0.2);
}

/* contactUs */
.contactUs{
    padding: .5rem 0 1.75rem;
}
.contactUsBox{
    max-width: 10rem;
    margin: 0 auto;
}
.contactUsBox table{
    width: 100%;
    text-align: center;
    line-height: .6rem;
}
.contactUsBox tr{}
.contactUsBox tr:nth-of-type(odd){
    background: #F6F6F6;
}
.contactUsBox tr:nth-of-type(even){
    background: #F2F2F2;
}
.contactUsBox tr:first-child{
    background: #94070A;
    color: #fff;
}
.contactUsBox td{
    width: 50%;
    border-bottom: .01rem solid #fff;
    border-right: .01rem solid #fff;
}
.contactUsBox tr:first-child td{
    border-right: none;
    border-right: .01rem solid #fff;
}
.contactUsText{
    line-height: 1.25;
    margin-top: .5rem;
}
.contactUsText .row{
    margin-bottom: .2rem;
}
.contactUsText p{
    margin-bottom: .1rem;
}




/* article */
.article{position: relative; padding-bottom: 1.75rem;}
.gp-title{ text-align: center; line-height: 1.267; margin-top: 0.5rem;}
.gp-info{ font-size: 0; line-height: 1.25; flex-wrap: wrap; justify-content: center; background: transparent; padding: .2rem; margin-top: 0.3rem;
    background: #F6F6F6; border-radius: .3rem;}
.gp-info span{ display: inline-block; color: #999; margin-right: 0.3rem;}
.gp-info span:last-child{ margin-right: 0px;}
.gp-content{ margin: 0 auto; line-height: 1.875; position: relative; margin-top: 0.38rem; border-top: 0px solid rgba(0, 0, 0, 0.1);}
/* .gp-content p{ margin-bottom: 0.2rem;}
.gp-content p:last-child{ margin-bottom: 0px;} */
.introArticle .gp-content{ margin-top: .3rem;}

.share{ flex-shrink: 0 !important; flex: unset !important;width: 0.9rem; padding: 0;}
.share .share-title{ color: #555; line-height: 1;}
.share a{ display: block; width: 0.36rem;height: 0.36rem; margin-top: 0.15rem;}
.share .bds_weixin{ background: url(../images/wechat-share.png) no-repeat center/100% auto;}
.share .bds_tsina{ background: url(../images/sina-share.png) no-repeat center/100% auto;}

.Annex{ line-height: 0.2rem; background: #F6F6F6; padding: 0.3rem; margin-top: 0.5rem;}
.Annex h3{ color: #333; padding-left: 0.14rem;position: relative;padding-bottom: 0.2rem;margin-bottom: 0.1rem;color: #94070A;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.Annex h3::before{content: '';display: block;width: 0.04rem;height:0.2rem;border-radius: 0rem;background: #94070A;
    position: absolute;left: 0;top: 4%;}
.Annex ul{ margin: 0 !important;}
.Annex li{ margin-top: 0.1rem; padding: 0.2rem;padding-right: 0.6rem;/* transition: background 0.3s ease-in-out; */
    background: #fff url(../images/right-icon-red.png) no-repeat;background-position: calc(100% - 0.3rem) 50%;}
.Annex li::marker{ content: ''}
.Annex li:hover{
    background: #94070A url(../images/right-icon.png) no-repeat;background-position: calc(100% - 0.3rem) 50%;
}
.Annex li:hover a{
    color: #fff;
}
.Annex a{ position: relative;line-height: 1.25; display: inline-block;background: transparent !important;padding: 0 !important; margin: 0 !important;}
/* .Annex a::before{ content: '';display: block;width: 0.19rem;height: 0.18rem;
    background: url(../images/download.png) no-repeat center/100% auto;
    position: absolute;right: 0%;top: 50%;transform: translateY(-50%);} */
    


.videoList{}
.videoList ul{
    margin: 0 -.15rem;
}
.videoList li{
    margin-top: .3rem;
}
.videoList li a{
    display: block;
    border-radius: .2rem;
    overflow: hidden;
    background: #F6F6F6;
    padding-bottom: .2rem;
    margin: 0 .15rem;
}
.videoList li .img{
    border-radius: .2rem;
    overflow: hidden;
    position: relative;
}
.videoList li .img::before{
    content: '';
    display: block;
    width: .6rem;
    height: .6rem;
    background: url(../images/video-ico.png) no-repeat center/100% auto;
    position: absolute;
    left: 0.2rem;
    bottom: 0.2rem;
    z-index: 1;
    transition: all 0.35s ease-in-out;
}
/* .videoList a:hover .img::before{
    left: 50%;
    bottom: 50%;
    transform: translate(-50%, 50%);
} */
.videoList li .title{
    padding-top: 0.2rem;
    text-align: center;
    line-height: 1.27;
}
.videoList li a:hover{
    background: #94070A;
}
.videoList li a:hover .title{
    color: #fff;
}

/* calendar */
.calendarBox{
    padding: .5rem 0 1.75rem;
}
.calendarBox .selectContainer{
    justify-content: flex-end;
    align-items: center;
}
.calendarBox .selectInput{
    position: relative;
    z-index: 1;
    padding-left: .2rem;
    padding-right: .5rem;
    line-height: .43rem;
    border-radius: .1rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-right: .1rem;
    margin-left: .3rem;
    background: url(../images/calendar-arrow.png) no-repeat;
    background-position: 80% 50%;
}
.calendarBox .selectInput:first-child{
    margin-left: 0px;
}
.calendarBox .selectInput ul{
    position: absolute;
    width: 1.3rem;
    top: 100%;
    right: 50%;
    transform: translateX(50%);
    background: #fff;
    border-radius: .1rem;
    overflow: hidden;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
    text-align: center;
    line-height: 2;
    max-height: 2rem;
    overflow: auto;
    display: none;
}
.calendarBox .selectInput:hover ul{
    display: block;
}
.calendarBox .selectInput li{
    cursor: pointer;
}
.calendarBox .selectInput li:hover{
    background: #94070A;
    color: #fff;
}
.calendarBox .calendarContainer{
    margin-top: .3rem;
}
.calendarBox table{
    width: 100%;
    border: .5px solid #DDDDDD;
}
.calendarBox tr{
    text-align: left;
    flex-shrink: 0;
}
.calendarBox table:nth-of-type(1){
    border-bottom: none;
}
.calendarBox table:nth-of-type(1) tr{
    text-align: center;
    line-height: .6rem;
    box-sizing: border-box;
    background: #F6F6F6;
}
.calendarBox table:nth-of-type(1) tr td{
    padding: 0;
    border-bottom: 0;
}
.calendarBox table:nth-of-type(2){
    border-top: none;
}
.calendarBox td{
    border: .5px solid #DDDDDD;
    padding: .2rem;
    width: 14.28%;
    vertical-align: top;
}
/* .calendarBox td ul{
    max-height: 2rem;
    overflow: auto;
} */
.calendarBox td li{
    margin-top: .1rem;
}
.calendarBox td a{
    display: block;
    background: #F6EDE3;
    border-radius: .1rem;
    padding: .1rem;
}
.calendarBox td a:hover{
    background: #94070A;
    color: #fff;
}




/* Responsive style */
@media screen and (max-width:1800px){
}

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

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

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

@media screen and (max-width:996px){
    /*侧边栏移动端 */
    .gp-m-inner-header{width:100%;cursor:pointer; background: #94070A;}
    .gp-m-inner-header > span{height: 0.4rem;padding-left: 0.15rem;font-size: 0.18rem;color:#fff;}
    .gp-m-subNav{ pointer-events: all; -ms-pointer-events: all;}
    .gp-m-subNav .gp-m-inner-header-icon-click{}
    .gp-m-subNav .gp-m-inner-header-icon{float: right;width: 0.4rem;height: 0.4rem;text-align: center;color: #fff;}
    .gp-m-subNav  .gp-m-inner-header-icon-click i{display: block;}
    .gp-subNavm{ width:100%; overflow: hidden;display: none;}
    .gp-subNavm h2{width:100%;height: 0.48rem;line-height: 0.48rem;background-color:#003c7f;}
    .gp-subNavm h2 a{padding-left: 0.13rem;font-size: 0.2rem;font-family:Tahoma;display:block;color:#fff;}
    .gp-subNavm ul{}
    .gp-subNavm li{position: relative;}
    .gp-subNavm li > a{ height: auto; line-height:1.2;padding: 0.1rem 0;padding-left:0.13rem; border-bottom:1px solid #e6e6e6;display:block;}
    .gp-subNavm li.sub_has span{ margin-left: 0.1rem;}
    .gp-subNavm li.on a{ color:#94070A; display:block; width:100%;}
    .gp-m-toggle{width: 0.35rem;height: 0.35rem;line-height: 0.3rem;position: absolute;right: 0;top: 0;text-align: center;font-size: 0.18rem;}
    .gp-subNavm dl{ display: none; background-color:#fff; padding:0.05rem 0;}
    .gp-subNavm dl dd{ line-height:0.18rem; padding:0.08rem 0;padding-left: 0.2rem;border-bottom: 1px dotted #e6e6e6;}
    .gp-subNavm li dl dd a{ font-size: 0.14rem; font-weight:normal; display:inline;  border:none; padding:0;}
    .gp-subNavm li dl dd a:hover{ color:#94070A}
    /* @media screen and (max-width:768px) {
        .sideBar{display: none;}
        .gp-m-subNav{display: block;}
    } */

    .subContent .lf{ margin-top: -.8rem; width: 2rem;}
    .subContent > .gp-container{ display: flex; display: -ms-flexbox; flex-direction: column;}
    .gp-subLeft h2{ line-height: .8rem;}
    .subBanner .gp-img-responsive::before{ height: 1.1rem;}
    .subContent{ margin-top: 0;}
    .subBanner .gp-position{ position: relative; bottom: 0;}
    .subContent .lf{ margin-top: 0.15rem; width: 100%;}
    .gp-subLeft h2{ width: 20vw; max-width: 2rem; padding: 0; text-align: center; border-radius: 0; line-height: .6rem;}
    .bread{ margin-top: 0.1rem; padding-left: 0; background: none;}
    .bread a:hover,
    .bread span, .bread a{ color: #666;}
    .sideBar{ background: transparent;}
    .sideBar > div{ flex-wrap: wrap;}
    .sideBar h2{ width: 100%; position: relative;}
    .sideBar h2 a{ line-height: 2;}
    .sideBar .gp-m-toggle{ display: block; position: absolute;top: 50%;transform: translateY(-50%);right: 0rem; color: #fff;width: 0.5rem;height: 100%;}
    .sideBar .gp-m-toggle::before{ position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);}
    .sideBar .gp-m-toggle.gp-m-inner-header-icon-out::before{ transform: translate(-50%, -50%) rotate(90deg);}
    .sideBar ul{ padding: 0.15rem 0.2rem; flex-direction: column; line-height: 2;}
    .sideBar li::before{ display: none;}
    .sideBar li::after{ padding-bottom: 0.3rem; display: none !important;}
    .gp-m-toggle{ line-height: unset;}
    .gp-page .selectBox, .gp-page>a, .gp-page > span{ display: none;}
    .gp-page>a.on_page,
    /* .gp-page .gp-page-start, .gp-page .gp-page-end, */
    .gp-page > span:last-child,
    .gp-page .gp-page-prev, .gp-page .gp-page-next{ display: inline-block;}
    .gp-page .gp-page-prev{ margin-right: .2rem;}
    .gp-page .gp-page-next{ margin-left: .1rem;}
    #pageNumber, .gp-page>a{ width: .36rem; height: .36rem; line-height: .36rem;}
    .gp-article.gp-flex{ padding-right: 0;}
    .share{ width: 0.5rem !important;}
    .hasSidebar.subContent .rt{ margin-left: 0;}
    .curChannel span{ padding-bottom: 0.15rem;}
    
    .centerIntroduction{
        padding: .4rem 0 1.2rem;
    }
    .depart01 .img{
        margin-left: .3rem;
        width: 4rem;
    }
    .depart01 .textBox{
        margin-left: 4.5rem;
    }
    .depart02{
        margin-top: .3rem;
        padding: 0.5rem 0.3rem .7rem;
    }
    .depart02 ul{
        justify-content: space-between;
    }
    .depart02 li{
        margin-right: 0rem;
    }
    .depart02 .departTil{
        margin-bottom: .3rem;
    }
    .depart03{
        display: flex;
        display: -ms-flexbox;
        flex-direction: column-reverse;
    }
    .depart03 .imgBox{
        float: none;
        margin: 0 auto;
        transform: translateY(0);
    }
    .depart03 .textBox{
        width: 100%;
        margin-bottom: .3rem;
        height: auto;
        padding: .2rem;
    }
    .textList{
        padding: .3rem 0;
    }
    .pages{
        margin: .3rem 0 1rem;
    }
    .article{
        padding-bottom: 1rem;
    }
    .calendarBox{
        padding: .3rem 0 1rem;
    }
    .calendarBox .calendarContainer{
        overflow: auto;
        margin-top: .2rem;
    }
    .calendarBox table{
        width: 1000px;
    }
    .calendarBox td{
        padding: .1rem;
    }
    .calendarBox td li{
        margin-top: .06rem;
    }
    .calendarBox td a{
        padding: .06rem;
    }

}

@media screen and (max-width:768px){
    .subBanner .gp-img-responsive{
        padding-bottom: 1.8rem;
    }
    .centerIntroduction{
        padding: .3rem 0 1.2rem;
    }
    .gp-subLeft h2{
        font-size: .2rem;
        line-height: .5rem;
    }
    .depart01 .img{
        float: none;
        margin-left: 0;
        width: 100%;
    }
    .depart01 .textBox{
        margin-left: 0;
        margin-top: .1rem;
    }
    .depart01 .boxCon{
        padding-top: .1rem;
    }
    .depart01 .boxCon p{
        margin-bottom: .1rem;
    }
    .depart02{
        padding: .3rem;
    }
    .depart02 .departTil{
        margin-bottom: .2rem;
    }
    .depart02 li a{
        margin-bottom: .2rem;
    }
    .depart03{
        margin-top: .3rem;
    }
    .textList li a{
        padding: .2rem;
        padding-right: .4rem;
        background-position: calc(100% - 10px) 50%;
        background-size: .24rem auto;
    }
    .textList li:hover a{
        background-position: calc(100% - 10px) 50%;
    }
    .textList li .date{
        width: 0.85rem;
    }
    .textList li .day::before{
        font-size: .26rem;
        right: -.18rem;
    }
    .textList li .title{
        margin-left: .15rem;
        padding-left: .15rem;
    }
    .picList li a{
        padding: .1rem .2rem;
    }
    .picList .textList .date{
        width: .85rem;
    }
    .picList .img{
        width: 2rem;
        margin: 0 .15rem;
    }
    .gp-title{
        margin-top: .3rem;
    }
    .gp-info{
        margin-top: .2rem;
    }
    .gp-content{
        margin-top: .2rem;
    }
    .contactUs{
        padding: .3rem 0 1rem;
    }
    .contactUsBox table{
        line-height: .5rem;
    }
    .contactUsText{
        margin-top: .3rem;
    }
    .contactUsText .row{
        margin-bottom: .1rem;
    }
    
}

@media screen and (max-width:680px){
    .depart02{
        padding: .2rem;
        border-radius: .2rem;
    }
    .depart02 .departTil{
        margin-bottom: 0;
    }
    .depart02 ul{
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .depart02 li{
        width: 33.33%;
        margin-top: .15rem;
    }
    .depart03 .imgBox{
        margin-right: 15%;
        width: 40%;
    }
    .depart03 .img2{
        width: 70%;
    }
    .picList li a{
        flex-wrap: wrap;
    }
    .picList .img{
        margin: 0;
        width: 100%;
        order: -1;
    }
    .picList .textList .date{
        padding: .1rem 0;
    }
    .picList .info{
        flex: unset;
        width: 100%;
    }
    .picList .summary{
        margin-top: .1rem;
        padding-top: .1rem;
    }
    .videoList ul{
        margin: 0 -.1rem;
    }
    .videoList li{
        margin-top: .2rem;
    }
    .videoList li a{
        margin: 0 .1rem;
        padding-bottom: .1rem;
    }
    .videoList li .img::before{
        width: .45rem;
        height: .45rem;
        left: .1rem;
        bottom: .1rem;
    }
    .videoList li .title{
        padding-top: .1rem;
    }
    
    
}

@media screen and (max-width:491px){
    .subBanner .gp-img-responsive{
        padding-bottom: 1.4rem;
    }
    .gp-subLeft h2{
        width: 100%;
        max-width: unset;
        line-height: .4rem;
    }
    .depart01 .img{
        border-radius: .2rem;
    }
    .depart01 .boxTil .en{
        font-size: .28rem;
        line-height: 1.8;
    }
    .depart02{
        margin-top: .2rem;
    }
    .depart02 li{
        width: 50%;
    }
    .textList li a{
        padding: .15rem;
        padding-right: .35rem;
    }
    .gp-m-inner-header > span{
        font-size: .16rem;
    }
    .picList li a{
        padding: .15rem;
    }
    .gp-info{
        padding: .1rem;
    }
    .gp-info span{
        margin-right: .2rem;
    }
    .contactUs{
        padding: .2rem 0 .9rem;
    }
    .contactUsBox table{
        line-height: .4rem;
    }
    .contactUsText{
        margin-top: .2rem;
    }
    .contactUsText .row{
        margin-bottom: 0rem;
    }
    .videoList li .img,
    .videoList li a{
        border-radius: .15rem;
    }
    .calendarBox .selectInput{
        margin-left: .2rem;
        margin-right: .1rem;
        line-height: .3rem;
        padding-left: .1rem;
        padding-right: .3rem;
        background-position: 90% 50%;
        background-size: .15rem;
        border-radius: .06rem;
    }
    .calendarBox tr:first-child{
        line-height: .45rem;
    }

}

@media screen and (max-width:414px){
    .centerIntroduction{
        padding: .3rem 0 1rem;
    }
    .depart03 .imgBox{
        width: 50%;
        margin-right: 10%;
    }
    .depart03 .gp-img-responsive{
        border-radius: .22rem;
    }
    .depart03 .img2::before{
        border-radius: .2rem;
        border-width: .03rem;
    }
    .depart02 li a{
        margin-bottom: .15rem;
    }
    .textList li{
        margin-top: .15rem;
    }
    .textList li a{
        padding: .1rem .15rem;
        padding-right: .3rem;
    }
    .textList li .date{
        width: .75rem;
    }
    .textList li .day::before{
        right: -.15rem;
    }
    .picList li a{
        padding: .1rem;
    }
    .gp-info{
        flex-direction: column;
        align-items: center;
    }
    
    .gp-info span{
        margin-right: 0;
    }
}

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