@charset "utf-8";
footer.fixed{ position: fixed; width: 100%; bottom: 0; left: 0;}
@keyframes arrowRun {
  0% {
    transform: translateY(0);
  }
  7% {
    transform: translateY(150%);
  }
  7.1% {
    transform: translateY(-150%);
  }
  14% {
    transform: translateY(0%);
  }
}

.subBanner{ position: relative;z-index: 1;}
.subBanner .gp-img-responsive{ padding-bottom: 26.85%;}
.subBanner .gp-img-responsive img:hover{ transform: none; opacity: 1;}

.location{ overflow: hidden;}
.location .flex{ align-items: center;}
.curChannel{ position: relative;}
.curChannel::before{ content: '';display: block;width: 100vw;height: 100%;background: #990000;
  position: absolute; top: 0; right: 100%;z-index: -1;}
.curChannel span{position: relative; display: inline-block; padding: 20px 0; min-width: 24.47vw; line-height: 1.5; color: #fff;
  text-align: center;background: #990000; margin-right: 125px; transition: all 0.3s;}
.curChannel span::after{ content: '';display: block;width: 90px;height: 100%;background: #990000;
  clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%);
  -moz-clip-path: polygon(0 0, 100% 0, 0 100%, 0 100%);
  position: absolute; top: -1px; left: calc(100% - 1px);z-index: -1;}
.bread{ position: relative;opacity: 1; font-size: 0;}
.bread .flex{ position: absolute;right: 0%; bottom: 13px; z-index: 1;
  padding-left: 28px; background: url(../images/home.png) no-repeat left center;}
.bread a{ display: inline-block; color: #767676; line-height: 20px;}
.bread a:hover, .bread a:last-child{ color: #990000;}
.bread a:nth-of-type(2n){ padding: 0 5px;}

.subContent{ position: relative;}
.pageCon{ background: #f3f5f8 url(../images/newlist-bg.png) no-repeat center 44px/100% auto;}

/* 新闻动态-图文列表 */
.newsList{ }
.newsList ul{ padding-top: 34px; width: 79.67%; margin: 0 auto;}
.newsList li{ margin-top: 26px;}
.newsList li a{ padding: 30px 50px 30px 35px; background: url(../images/newlist-li-bg.png) no-repeat center right/cover;}
.newsList li .img{ width: 355px; flex-shrink: 0;}
.newsList li .gp-img-responsive{ padding-bottom: 56.22%;}
.newsList .infoBox{ padding-left: 40px; width: calc(100% - 355px);}
.newsList .noImg a{ padding: 30px 50px 30px 60px;}
.newsList .noImg .infoBox{ padding-left: 0; width: 100%;}
.newsList .infoBox .title{ margin-top: 20px; color: #282828;}
.newsList .infoBox .summary{ line-height: 2; color: #767676; margin-top: 20px;}
.newsList .infoBox .date{ position: relative; overflow: hidden; margin-top: 30px;}
.newsList .infoBox .date::before{ content: '';display: block;width: 100%; height: 1px;background: #123c77; opacity: 0.2;
  position: absolute;top: 50%;left: 130px;transform: translateY(-50%);z-index: 1;}
.date.flex{ justify-content: flex-start; align-items: center;}
.redStyle.date{ color: #990000; line-height: 1;}
.redStyle.date i{ display: block; width: 14px;height: 14px; background: url(../images/time-ico.svg) no-repeat center/cover;margin-right: 10px;}
.hasTag{}
.hasTag li a:hover{ background: url(../images/newlist-li-bg-hover.png) no-repeat center right / cover;}
.hasTag .title{ line-height: 1.63;}
.hasTag .infoBox .flex{ align-items: flex-start; width: 100%;}
.hasTag .tilAndSummary{ flex-shrink: 1; min-width: 0;}
.hasTag .infoBox .title{ margin-top: 15px;}
.hasTag .infoBox .summary{ margin-top: 10px;}
.hasTag .tag{ flex-shrink: 0; line-height: 2.375; border: 1px solid #123c77; border-radius: 20px 20px 20px 0; padding: 0 20px;margin-left: 35px;}
.hasTag a:hover .tag{ background: #123c77; color: #fff;}

.bookList ul li .img{width:220px !important;}
.bookList ul li .img .gp-img-responsive{padding-bottom:100% !important;}
.bookList ul li .infoBox{width:auto !important;flex:1;}

/* 中心概况 */
.intro{}
.intro .article{ width: 100%;}
.intro .gp-article{ padding: 55px 68px 90px;}
.intro .gp-title{ padding-bottom: 0;}
.intro .gp-content{ margin-top: 20px; padding-top: 35px; border-top: 1px solid rgba(194, 102, 102, 0.25);}
.introMode01{}
.introMode01 .lf{ width: 68.34%;}
.introMode01 .rt{ width: 30.75%; justify-content: center;align-items: center; background: #f4f6f8;}
.introMode01 .rt img{ width: 84.13%;}
.introMode02{ margin-top: 20px;}
.introMode02 .lf{ background: #4a595e; color: #fff; width: 32.86%; padding: 50px 40px 20px 30px; text-align: justify;}
.introMode02 .rt{ width: 67.14%; font-size: 0;}
.introMode03{ margin-top: 20px;}




/* 横向二级导航栏 */
.hr-sider{}
.hr-sider ul{ justify-content: center; align-items: center;}
.hr-sider li{ margin-right: 50px;}
.hr-sider li:last-child{ margin-right: 0;}
.hr-sider li a{ display: block; line-height: 38px; padding: 28px 0; color: #282828; position: relative;}
.hr-sider li a.on,
.hr-sider li a:hover{ color: #990000;color: #282828;}
.hr-sider li a.on::before{ content: '';display: block;width: 100%;height: 2px;background: #990000;
  position: absolute; bottom: 0;right: 50%;transform: translateX(50%);z-index: 1;}

/* 理事会 */
.teacherList{ }
.teacherList .pageCon{ width: 90%; margin: 0 auto; padding: 60px 0 95px;}
.teacherList .listBox{ margin: 0 -37px; padding: 5px 0 90px; position: relative; z-index: 1;}
.teacherList .listBox::before{ content: '';display: block;width: 100vw; height: 100%;background: #fff;
  position: absolute;right: 0;top: 0;z-index: -1;}
.teacherList .listBox li{ margin-top: 65px;}
.teacherList .listBox a{ display: block; margin: 0 37px; padding: 20px 20px 0; background: url(../images/peo-bg1.png) no-repeat top left; transition: all .3s ease-in-out;}
.teacherList .listBox a:hover{ background: #990000; color: #fff;}
.teacherList .listBox .gp-img-responsive{ padding-bottom: 118.5%;}
.teacherList .listBox .name{ display: block; line-height: 1.18; padding: 18px 0; border-bottom: 2px solid #990000;}

.teacherDetail{ position: relative;z-index: 1;}
.teacherDetail .pageCon{ padding: 60px 0 95px;}
.teacherDetail .outBox{ padding: 47px 0 70px; align-items: flex-start; width: 90%; margin: 0 auto; position: relative; z-index: 1;}
.teacherDetail .outBox::before{ content: '';display: block;width: 100vw; height: 100%;background: #fff;margin-right: -5%;
  position: absolute; top: 0; right: 0;z-index: -1;}
.teacherDetail .outBox::after{ content: '';width: 100%;height: 100%;max-width: 35.55vw;
  background: url(../images/teacher-detail.png) no-repeat left top;background-size: 100% auto;
  position: absolute; right: calc(100% - 20.52vw);top: -60px;z-index: -1;}
.teacherDetail .lf{ width: 275px; flex-shrink: 0; padding: 20px; background: #990000; color: #fff;}
.teacherDetail .lf .gp-img-responsive{ padding-bottom: 118.5%;}
.teacherDetail .lf .name{ line-height: 1; margin: 20px 0 0;}
.teacherDetail .rt{ width: calc(100% - 275px); padding-left: 68px;}
.teacherDetail .rt .name{ line-height: 1;}
.teacherDetail .rt .post{ line-height: 2; margin-bottom: 30px;}
.teacherDetail .rt .textBox{ line-height: 2;}

.teacherDetail .rt .detailListBox{ margin-top: 50px;}
.teacherDetail .detailListTil{ padding-bottom: 19px; border-bottom: 1px solid rgba(167, 61, 117, 0.2);}
.teacherDetail .detailListTil .title{ line-height: 1;}
.teacherDetail .detailListTil .date{ color: #666;}
.teacherDetail ul a{ position: relative; z-index: 1; display: block; padding: 25px 0;
  background-image: linear-gradient(to right,#e0dfdf 60%,transparent 60%);
  background-position: 0 100%;
  background-size: 8px 1px;
  background-repeat: repeat-x;}
.teacherDetail ul a::before{ content: '';display: block;width: 100%;height: 100%;background: url(../images/teacher-li-bg.png) no-repeat calc(100% - 95px) center;
  position: absolute; right: 0;top: 0;z-index: -1;}
.teacherDetail ul .title{ color: #282828; line-height: 1;}


/* 文字列表 */
.textList{ padding: 60px 0 95px;}
.textList .textListInner{ width: 79.66%; margin: 0 auto; background: #fff; padding: 40px 120px 0 90px;}
.textList .textListInner ul{ width: 100%; padding: 0;}
.textList .textListInner li{ margin-top: 0;}
.textList ul a{ display: flex; display: -ms-flexbox; align-items: center;}
.textList ul .tag{ flex-shrink: 0; color: #123c77; border: 1px solid #214880; line-height: 34px; box-sizing: border-box;
  border-radius: 17px 17px 17px 0; padding: 0 15px; margin-right: 20px;}
.textList a:hover .tag{ background: #214880; color: #fff;}
.textList ul .title{ flex: 1; min-width: unset;}
.textList ul .date{ flex-shrink: 0;}
.textList .pages{ padding: 60px 0;}


/*分页*/
.pages{ padding: 68px 0 110px; position: relative;z-index: 2; text-align: center; font-size: 0; justify-content: center; align-items: center;}
.gp-page { padding: 0; color:#333; font-size: 0px; display: inline-block;}
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page>a,.gp-page>span{display:inline-block;color: #333;cursor: pointer; border-radius: 0%;
  background: #fff;margin: 0 5px; width: 40px; height: 40px; line-height: 40px;font-size: 16px;border: 1px solid #dbdbdb; 
  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; padding: 0 15px;}
.gp-page .gp-page-start,
.gp-page .gp-page-end{ width: auto; padding: 0 13px;}
.gp-page > span{border:none}
.gp-page > a:hover, .gp-page > a.active{ background-color:#990000; color: #fff;}
.gp-m-page{ display: none;}
.gp-m-page a{display: inline-block;margin:0 10px}
/*居中*/
.gp-page-centered {text-align:center}
/*右对齐*/
.gp-page-right {text-align:right}
.gp-page .omit{ cursor: not-allowed;}
.selectDiv{ display: inline-block; margin-right: 0px; margin-left: 12px; position: relative;height: 40px; line-height: 40px;}
.selectDiv > span{ display: inline-block; width: 40px; height: 40px; line-height: 40px; background: #fff;border-radius: 0px;
    border: 1px solid #d9d9d9; position: relative; color: #333; text-align: left;padding-left: 17px;}
.selectDiv > span{ width: 70px; margin: 0 8px;}
.selectDiv > span::before{ content: '';display: block;width: 8px;height: 4px;
    background: url(../images/page-icon.png) no-repeat center/cover;
    /* border: 5px solid transparent; border-left-width: 4px; border-right-width: 4px; border-bottom-color: #666; */
    position: absolute;top: calc(50% - 2px);right: 12px;transition: all 0s ease;}
.selectDiv:hover > span::before{ transform-origin: 50%,50%; transform: rotateZ(-180deg);}
.selectDiv dl{ display: none; max-height: 200px; overflow-y: scroll;  width: 100%;box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.04);
    position: absolute; left: 0%; bottom: 100%; background: #fff; border-radius: 4px; border-bottom: 0px solid transparent;}
.selectDiv dl a{ display: block;}
.selectDiv:hover dl{ display: block;}
.selectDiv a{ display: inline-block; line-height: 30px;}
.selectDiv dd:hover{ background: #990000;}
.selectDiv dd:hover a{ color: #fff;}
.selectDiv > span.noPadding{ width: 50px; padding: 0; border-left: 0;}
.pageInput{ width: 70px; height: 40px; background: #fff; text-align: center; vertical-align: top; border: 1px solid #d9d9d9;
  outline: none; padding: 0;}
.selectDiv .tips{ position: absolute; right: 0%;top: 100%;width: 100%; font-size: 12px; color: red;font-style: normal;}

.article{position: relative; padding: 60px 0 80px; width: 78%;margin: 0 auto;}
.gp-article{ background: #fff; padding: 65px 88px;}
.gp-article > .flex{ align-items: center; position: relative;z-index: 1;}
.gp-title{ color: #282828; text-align: center; line-height: 1.5; font-weight: bold; padding-bottom: 17px; border-bottom: 0px dashed #e6e6e6;}
.gp-info{ font-size: 0; line-height: 1; flex-wrap: wrap; justify-content: center; padding: 7px 0; background: #f5f7f9;}
.gp-info span{ display: inline-block; color: #767676; margin-right: 20px;}
.gp-info span:last-child{ margin-right: 0px;}
.gp-content{ margin: 0 auto; padding-top: 31px; box-sizing: border-box; position: relative; line-height: 2; color: #282828;}
/* .gp-content p{ margin-bottom: 36px;}
.gp-content p:nth-last-of-type(1){ margin-bottom: 0px;} */

.shareBoxOut{ flex-wrap: nowrap; align-items: flex-start; margin-top: 40px; border-top: 1px solid rgba(0, 0, 0, 0.1);}
.Annex{ padding-top: 20px;}
.newsList .Annex ul{ width: 100%; padding: 0;}
.Annex h3{ color: #444; font-style: normal;line-height: 30px;}
.Annex li{ margin-top: 0;}
.Annex li::marker{ content: ''}
.Annex li a{ color: #214880; line-height: 1.5; padding: 0; font-weight: normal; align-items: center;justify-content: flex-start;}
.Annex i{ display: inline-block; margin-left: 10px; overflow: hidden;}
.Annex li:hover i img{ animation: arrowRun 3s infinite;}

.share{position: relative; width: 108px; height: 112px; background: rgba(0, 0, 0, 0.04); flex-shrink: 0;}
.share_btn{float: left;line-height: 33px;font-weight: normal;}
.share .bdsharebuttonbox  > a{padding-left: 0;margin:0 15px 0 0 !important;;height: 32px;text-indent: 0;width: 32px;line-height: 32px;text-align: center;background: none;font-size: 23px;}
.share .bdsharebuttonbox .bds_weixin{color:#00c785;margin: 0 auto !important; font-size: 14px;
    font-size: 18px; display: block; border-radius: 50%;
    position: absolute;left: 50%;top: 50%;transform: translate3d(-50%,-50%,0);}
.share .bdsharebuttonbox .bds_weixin a{width: 36px;height: 36px;line-height: 36px; background: #00c785;border-radius: 50%;
    color: #fff;display: block;margin: 0 auto; text-align: center;}
.share .bdsharebuttonbox .bds_weixin .text{ line-height: 1; font-size: 14px;text-align: center; margin-top: 8px;}
.shareBox .title{ display: none;}
.shareClose { position: absolute; right: 0; top: 0; cursor: pointer;font-size: 18px;}
.sharelist { display: none; position: static;   height: 250px;  overflow-y: auto;padding-left: 17px !important;}
.weChatBox{width: 280px;height:auto;background-color:#fff;border:solid 1px #d8d8d8;padding:10px;position: fixed;left: 50%;top: 50%;margin:-150px 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;}
.bdshare_dialog_bg{position:fixed;_position:absolute;width:312px;height:341px;z-index:9999;overflow:hidden;display:none}
.bdshare_dialog_box{position:fixed;_position:absolute;width:300px;border:6px solid #8F8F8F;height:329px;z-index:10000;text-align:left;box-shadow:0 0 7px #aaa;-webkit-box-shadow:0 0 7px #aaa;-moz-box-shadow:0 0 7px #aaa;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;overflow:hidden;background:#f6f6f6;display:none}
.bdshare_dialog_top,.bdshare_popup_top{height:28px;color:#626262;overflow:hidden;font-weight:bold;font-size:14px;line-height:28px;padding:0 5px}
.bdshare_dialog_close{width:22px;height:23px;background:url(../images/pop_c.gif?v=2d7108c8.gif) no-repeat 0 0;float:right;display:block;margin-top:2px}.bdshare_dialog_list{margin:0;padding:10px 0;height:256px;background:#fff;overflow:auto;overflow-x:hidden}.bdshare_dialog_bottom{height:25px;line-height:25px;font-size:12px;text-align:right;padding:0 10px}.bdshare_dialog_bottom a{color:#999;text-decoration:none}
.bdshare_dialog_bottom a:hover{color:#00a9e0}.bdshare_dialog_list li{float:left;width:130px;padding:2px;margin-left:6px;_margin-left:3px;height:28px;overflow:hidden;list-style:none}.bdshare_dialog_list a,.bdshare_popup_list a,.bdshare_popup_bottom a{color:#565656;font:12px '宋体';display:block;background-image:url(../images/icons_0_16.png?v=ba7acbd3.png);background-repeat:no-repeat;padding:5px 0 5px 28px;text-decoration:none;border:1px solid #fff;line-height:18px}.bdshare_dialog_list a:hover,.bdshare_popup_list a:hover{background-color:#f3f3f3;border:1px solid #eee;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.popup_qzone{background-position:4px -47px}.popup_tsina{background-position:4px -99px}.popup_renren{background-position:4px -203px}.popup_tqq{background-position:4px -255px}.popup_kaixin001{background-position:4px -307px}.popup_tqf{background-position:4px -359px}.popup_hi{background-position:4px -411px}.popup_douban{background-position:4px -463px}.popup_tieba{background-position:4px -723px}.popup_hx{background-position:4px -983px}.popup_fx{background-position:4px -1035px}.popup_ty{background-position:4px -1191px}.popup_fbook{background-position:4px -1347px}.popup_twi{background-position:4px -1399px}.popup_linkedin{background-position:4px -1659px}.popup_meilishuo{background-position:4px -1711px}.popup_mogujie{background-position:4px -1763px}.popup_diandian{background-position:4px -1815px}.popup_huaban{background-position:4px -1867px}.popup_duitang{background-position:4px -2023px}.popup_youdao{background-position:4px -2075px}.popup_wealink{background-position:4px -2179px}.popup_copy{background-position:4px -2283px}.popup_mail{background-position:4px -2335px}.popup_print{background-position:4px -2387px}.popup_mshare{background-position:4px -2439px}.popup_sqq{background-position:4px -2647px}.popup_sdo{background-position:4px -2699px}.popup_qingbiji{background-position:4px -2751px}.popup_people{background-position:4px -2803px}.popup_xinhua{background-position:4px -2907px}.popup_yaolan{background-position:4px -2959px}.popup_thx{background-position:4px -2491px}.popup_bdhome{background-position:4px -151px}.popup_bdxc{background-position:4px -2543px}.popup_more{background-position:4px 5px}.popup_bdysc{background-position:4px -3063px}.popup_isohu{background-position:4px -3011px}.popup_ibaidu{background-position:4px -3115px}.popup_weixin{background-position:4px -1607px}.popup_iguba{background-position:4px -1295px}.popup_h163{background-position:4px -3156px}.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 1px #e9e9e9}.bdshare_popup_list{margin:0;padding:5px 0;background:#fff;overflow:auto;overflow-x:hidden;_zoom:1}.bdshare_popup_bottom{clear:both;height:30px;font-size:12px;text-align:right;padding:0 10px}.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:100px;padding:2px;margin-left:6px;_margin-left:3px;height:28px;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:4px -3180px;}



/* Responsive Style */
@media screen and (max-width:1800px){
  .teacherDetail .outBox::after{ right: calc(100% - 20.2vw);}
}

@media screen and (max-width:1700px){
  .introMode02 .lf{ padding: 30px 20px;}
  .curChannel span::after{ top: 0;}
}

@media screen and (max-width:1600px){
  .teacherDetail .outBox::after { right: calc(100% - 20vw);}
}

@media screen and (max-width:1520px) {
  .curChannel span{ min-width: 15vw; margin-right: 100px;}
  .hr-sider{ font-size: 24px;}
  .hr-sider li{ margin-right: 30px;}
  .intro .gp-article{ padding: 50px;}
  .introMode02 .rt{ overflow: hidden; position: relative;}
  .introMode02 .rt img{ position: absolute; height: 100%;top: 0;left: 0%; max-width: unset;width: auto;}
  .teacherDetail .outBox::after{ right: calc(100% - 11vw);}
}

@media screen and (max-width:1480px) {
  .teacherDetail .outBox::after{ right: calc(100% - 11.2vw);}
}

@media screen and (max-width:1400px) {
  .teacherDetail .outBox::after{ right: calc(100% - 11vw);}
  
}

@media screen and (max-width:1280px) {
  .newsList li a{ padding: 20px;}
  .newsList .noImg a{ padding: 20px;}
  .newsList .infoBox{ padding-left: 20px;}
  .curChannel span{ margin-right: 80px;}
  .hr-sider{ font-size: 20px;}
  .hr-sider li{ margin-right: 20px;}
  .hr-sider li a{ padding: 23px 0;}
  .teacherDetail .outBox::after{ right: calc(100% - 10.6vw);}
}

@media screen and (max-width:1240px) {
  .teacherDetail .outBox::after{ display: none;}
}

@media screen and (max-width:1200px) {
  .gp-right{ padding: 30px;}
  .gp-title{ font-size: 22px; line-height: 30px;}
  .gp-info{ padding: 5px 0;}
  .gp-info span{ line-height: 1.2;}
  
  .newsList ul, .article{ width: 100%; max-width: 900px;}
  .article{ padding: 40px 0;}
  .gp-article{ padding: 30px;}
  .intro .article{ max-width: unset;}
  .intro .gp-article{ padding: 40px 30px;}
  .teacherList .listBox{ margin: 0 -15px;}
  .teacherList .listBox a{ margin: 0 15px;}
  .teacherDetail .rt{ padding-left: 40px;}
  .textList .textListInner{ width: 100%; padding: 30px 50px 0;}
  .textList .textListInner ul{ max-width: unset;}
}

@media screen and (max-width:1100px) {
  .introMode01{ flex-direction: column-reverse;}
  .introMode01 .rt{ width: 100%; padding: 15px 0;}
  .introMode01 .rt img{ max-height: 100px; width: auto;}
  .introMode01 .lf{ width: 100%;}
  .introMode02{ flex-direction: column-reverse;}
  .introMode02 .lf{ width: 100%; padding: 15px;}
  .introMode02 .rt { width: 100%;}
  .introMode02 .rt img{ position: relative; width: 100%;}
}
@media screen and (max-width:1080px) {

}

@media screen and (max-width:998px) {
  .pages{  padding: 30px 0;}
  .gp-page{ display: flex; display: -ms-flexbox;}
  .selectDiv, .gp-page>a{ display: none;}
  .gp-page .gp-page-prev,
  .gp-page .gp-page-next,
  .gp-page > a.active,
  .gp-m-page{ display: block !important;}
  .gp-m-page a{ width: auto;height: 35px;line-height: 35px; border-radius: 0; padding: 0 15px; font-size: 14px;}

  .curChannel{ flex-direction: column;}
  .curChannel::before{ display: none;}
  .curChannel span{ min-width: 240px; padding: 10px 0;}
  .curChannel span::before{ content: '';display: block;width: 100vw;height: 100%;background: #990000;
  position: absolute; top: 0; right: 100%;z-index: -1;}
  .location > .flex{ align-items: flex-end;}
  .bread a{ padding: 15px 0;}
  .newsList ul{ padding-top: 10px;}
  .newsList li{ margin-top: 20px;}
  .newsList li a{ padding: 15px;}
  .newsList .noImg a{ padding: 20px;}
  .newsList li .img{ width: 300px;}
  .newsList li .infoBox{ width: calc(100% - 300px);}
  .newsList .noImg .infoBox{ width: 100%;}
  .newsList .infoBox .title{ margin-top: 10px;}
  .newsList .noImg .infoBox .title{ margin-top: 0;}
  .newsList .infoBox .summary{ margin-top: 10px;}
  .newsList .infoBox .date{ margin-top: 15px;}

  .gp-article{ padding: 20px 30px;}
  .gp-content{ padding-top: 15px;}
  .Annex li{ margin: 0;}
  .Annex li a{ padding: 0;}

  .hr-sider li a{ padding: 5px 0;}
  .teacherList .pageCon{ width: 100%; padding: 40px 0;}
  .teacherList .listBox{ padding: 0 0 30px;}
  .teacherList .listBox li{ margin-top: 30px;}
  .teacherList .listBox a{ padding: 10px 10px 0;}
  .teacherList .listBox .name{ padding: 15px 0;}
  .teacherDetail .outBox{ width: 100%;}
  .teacherDetail .lf{ width: 240px; padding: 15px;}
  .teacherDetail .lf .name{ margin: 15px 0 5px;}
  .teacherDetail .rt{ width: calc(100% - 240px); padding-left: 30px;}
  .hasTag .tag{ margin-left: 10px; padding: 0 10px; line-height: 2;}

  .textList{ padding: 40px 0;}
  .textList .textListInner{ padding: 30px 30px 0;}
  .textList ul a{ padding: 15px 0;}
  .textList .pages{ padding: 40px 0;}
}

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

@media screen and (max-width:768px) {
  .location .flex{ flex-direction: column; }
  .curChannel{ padding: 0; width: 100%; text-align: left;}
  .curChannel.flex{ align-items: flex-start; justify-content: flex-start;}
  .curChannel span{ min-width: unset; line-height: 2;}
  .curChannel span::after{ width: 55px; top: 0;}
  .curChannel::after{ width: 100vw; right: auto; left: 0; clip-path: unset;}
  .curChannel span{ padding: 0; font-size: 24px;}
  .bread{ padding: 15px 0; width: 100%;}
  .bread a{ font-size: 14px; }
  .hr-sider{ width: 100%;}
  .hr-sider .flex{ flex-direction: row; justify-content: flex-start; flex-wrap: wrap;}
  .hr-sider li a{ padding: 0; line-height: 2;}
  .bread{ padding: 0; text-align: right; border-top: 1px solid #eee;}
  .bread a{ padding: 5px 0;}
  .article{ padding: 30px 0;}
  .introMode01 .rt img{ width: auto !important;}
  .teacherDetail .pageCon{ padding: 40px 0;}
  .teacherDetail .outBox{ padding: 30px 0; flex-direction: column; align-items: center;}
  .teacherDetail .rt{ width: 100%; padding-left: 0;}
  .teacherDetail .rt .detailListBox{ margin-top: 30px;}
  .teacherDetail ul a{ padding: 20px 0;}
  .teacherDetail .rt .name{ display: none;}
  .teacherDetail .rt .post{ margin: 10px 0;}
  
  .textList ul .tag{ padding: 0 10px; margin-right: 10px;}
  .textList ul a{ padding: 15px 0;}
}

@media screen and (max-width:680px) {
  .newsList li a{ flex-direction: column;}
  .Annex li a{ flex-direction: row;}
  .newsList li .img{ width: 100%;}
  .newsList li .infoBox{ width: 100%; padding-left: 0;}
  .hasTag .tag{ margin-top: 10px;}
  .newsList li a{ flex-direction: row;}

}

@media screen and (max-width:580px) {
  .textList .textListInner{ padding: 10px 20px 0;}
  .textList ul .tag{ line-height: 30px; padding: 0 8px;}
}

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

@media screen and (max-width:480px) {
  .gp-page>a, .gp-page>span{ width: 35px;height: 35px;line-height: 35px;}
  .article{ padding: 30px 0;}
  .gp-article{ padding: 20px;}
  .gp-title{ font-size: 18px;}
  .gp-info span{ line-height: 1.5; margin-right: 15px;}
  .hr-sider li a{ font-size: 18px;}
  .intro .gp-article{ padding: 30px 20px;}
  .intro .gp-content{ margin-top: 15px;padding-top: 20px;}
  .redStyle.date i{ margin-right: 5px;}
  .newsList li a{ flex-wrap: wrap;}
  .textList ul .title{ order: 2; min-width: 100%; margin-top: 10px;}
}

@media screen and (max-width:414px) {
  .subBanner .gp-img-responsive{ position: relative; padding-bottom: 170px;}
  .subBanner .gp-img-responsive img{ position: absolute; top: 0; right: 50%; transform: translateX(50%); z-index: 1;
    height: 100%; width: auto; max-width: unset; min-width: 100%;}

  .newsList li a{ padding: 15px 10px;}
  .Annex li a{ padding: 0;}
  .newsList .noImg a{ padding: 15px;}
  .gp-article{ padding: 20px 15px;}
  .teacherList .listBox{ margin: 0 -10px;}
  .teacherList .listBox a{ margin: 0 10px;}
  .teacherList .listBox .name{ padding: 10px 0;}
  .hasTag .infoBox > .flex{ flex-direction: column;}
  .hasTag .infoBox > .flex.date{ flex-direction: row;}
  .hasTag .tilAndSummary{ width: 100%;}
  .hasTag .tag{ margin-left: 0;}
  .newsList .infoBox .date::before{ left: 110px;}
  .textList{ padding: 30px 0;}
  .textList .textListInner{ padding: 10px 15px 0;}
  .textList ul a{ padding: 15px 0;}
  .textList .pages{ padding: 30px 0;}
}

@media screen and (max-width:370px) {
  .article{ padding: 25px 0;}
  .intro .gp-article{ padding: 20px 15px;}
}