@charset "gb2312";
/* body{ background-color: #F3F3F3;} */
.banner a{ display: block; padding-bottom: 20.47%;}
.subContent{ margin-top: 24px; overflow: hidden ;}

.subLeft{ width: 207px; float: left;}
.subContent h3{ width: 207px; float: left; height: 55px; color: #0A4381; font-weight: bold; padding-left: 20px; /* border-bottom: 1px solid #E5E5E5; */ position: relative;}
.subContent h3::after{ content: ''; display: block; width: 42px; height: 6px; background-color: #0A4381; position: absolute; bottom: 0px; left: 55px;}
.gp-sidebar{ width: 100%;}
/*娓氀嗙珶閺嶏拷*/
.gp-subLeft{ }
.gp-subLeft > ul >li{position: relative;  border-bottom: 1px solid #E4E4E4;}
.gp-subLeft > ul >li > a{padding:21px 0 17px 32px; line-height: 24px; display: block;border-bottom: 1px solid #fff;margin-right: 20px;transition: all 0.35s ease-in-out; font-weight: bold;}
.gp-subLeft > ul >li > a:hover,.gp-subLeft > ul >li > a.active{background: #fff;padding-right: 20px;margin-right: 0;background-color: #0A4381; color: #fff;}
.gp-subLeft .gp-toggles{width: 58px;height: 58px;position: absolute;right: 0;top: 0;line-height: 58px;text-align: center;cursor: pointer;color:#666}
.gp-second-nav{font-size: 14px;display: none;background: #e8f5ea;}
.gp-second-nav dd a{display: block;padding:10px 15px 10px 20px;color:#666;border-bottom: 1px dotted #fff;transition: all 0.35s ease-in-out;}
.gp-second-nav dd a:hover,.second_nav dd a.active{background: #fff;}

/*娓氀嗙珶閺嶅繒些閸斻劎顏� */
.gp-m-subNav{display:none;}
.gp-m-inner-header{width:100%;height:40px;background-color:#e1ebe3;cursor:pointer;line-height: 40px;}
.gp-m-inner-header > span{height: 40px;padding-left: 15px;font-size: 16px;color:#666;}
.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:#fff; padding:5px 0px;}
.gp-subNavm dl dd{ padding-left: 30px; line-height:18px; padding:8px 0px 8px 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:997px) {
  .gp-subLeft{display: none;}
  .gp-m-subNav{display: block;}
}
.subContent .gp-clearFix{  border-bottom: 1px solid #E4E4E4;}
.subRight{ width: calc(100% - 207px); float: right; border-left: 1px solid #E4E4E4;}
.bread{ width: calc(100% - 208px); float: right; text-align: right; padding-top: 14px; color: #999999; line-height: 16px; padding-bottom: 24px;}
.bread a,.bread span{ color: #999999;}
.bread a:nth-of-type(1){color:#003c7f;font-weight:bold;}
.bread span{ padding: 0 15px;}
.content{ padding: 20px 0 70px 43px; }
.channelName{ margin-left: 43px; padding-left: 15px; position: relative; line-height: 24px; margin-top: 21px;}
.channelName::before{ content: ''; display: block; width: 6px; height: 23px; background-color: #0A4381; position: absolute; left: 0; top: 1px;}
.content p{ font-size: 1.6rem; line-height: 26px;}

.textArea a:hover{ color: #333;}
.textArea li{ list-style: none; min-height: 143px; background-color: #F8F8F8; padding: 16px 0px 11px; margin-top: 24px;}
.textArea li::marker{ content: '';}
.textArea .articleTitle{ position: relative; padding-left: 30px; padding-right: 30px; font-weight: bold;}
.textArea .articleContent{ padding-left: 30px; padding-right: 30px; line-height: 24px; margin-top: 15px; text-align: justify;}
.textArea .articleTitle::before{ content: ''; display: block; width: 4px; height: 4px; background-color: #043D92; position: absolute; left: 11px; top: 50%;}

.thirdList{overflow: hidden;margin-left: -26px;margin-right: -26px;text-align: center;padding-top: 35px;}
.thirdList li{float: left;width: 12%;line-height: 20px;margin-bottom: 16px;overflow: hidden;}
.thirdList li::marker{ content: '';}
.thirdList li a{font-size: 20px !important;display: block;width: 100%;word-wrap:normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.content .box{ margin-bottom: 30px; overflow: hidden;}
.content .box:first-child{ margin-top: 11px;} 
.content .box:last-child{ margin-bottom: 13px;}
.thirdTitle{font-weight: bold;font-size: 22px;/* background-color: #0A4381; *//* font-size: 18px; */margin: 0 auto;/* align-content: center; */width: 99px;height: 36px;color: #0A4381;/* border: 1px solid #0A4381; */text-align: center;line-height: 36px;}

.teacher{ /* overflow: hidden; */ margin-left: -15px; margin-right: -15px;}
.teacher li{ float: left; width: 25%; margin-bottom: 30px;}
.teacher a{ display: block; margin-left: 15px; margin-right: 15px; padding: 21px 21px 18px; background-color: #fff; box-shadow: 0 3px 38px rgba(70, 70, 70, 0.14);}
.teacher li::marker{content: '';}
.teacher .gp-img-responsive{ padding-bottom: 138%;/*  border: 1px solid #808080; */}
.teacher .teacherName{ line-height: 20px; text-align: center; margin-top: 14.5px;}

/*閸掑棝銆�*/
.gp-page { padding:15px 0; color:#999;}
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page>a,.gp-page>span{display:inline-block;*display: inline;*zoom:1;cursor: pointer;width: 48px;height: 48px;line-height: 48px;
 position:relative;text-align: center;  border:1px solid #979797;  margin-bottom:5px; margin-left:5px;vertical-align: top; border-radius: 50%;}
.gp-page-select{height: 32px;line-height: 32px;min-width: 50px;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 15px;}
a.gp-page-prev{ background: url(../images/prev_icon.png) no-repeat; background-position: center; border: 1px solid #ECECEC;}
a.gp-page-next{ background: url(../images/next_icon.png) no-repeat; background-position: center; border: 1px solid #ECECEC}
a.gp-page-next.on{ background-color: #004F94;}
.gp-m-page a.gp-page-prev{ border: 1px solid #979797;}
.gp-m-page a.gp-page-next{ border: 1px solid #979797}
.gp-page > span{border:none}
.gp-page > a:hover,.gp-page > a.on_pages,.gp-page > a.active { background-color:#004F94; color: #fff;}
.gp-m-page a{display: inline-block;margin:0 10px}
.gp-m-page{ display: none;}
/*鐏炲懍鑵�*/
.gp-page-centered {text-align:center}
/*閸欏啿顕锟�*/
.gp-page-right {text-align:right}
.gp-page .select{ width: 121px; border: 1px solid #979797; border-radius: 24px; position: relative; text-align: left; padding-left: 22px;}
.gp-page .select::after{ content: ''; display: block; width: 17px; height: 9px; background: url(../images/down_icon.png) no-repeat; background-position: center; position: absolute; right: 15px; bottom: 40%; transition: all 0.3s ease;}
.gp-page .select dl{ text-align: center; height: 0; overflow: hidden; width: 121px; background-color: rgba(0, 79, 148, 0.85); color: #fff; border-radius: 8px; position: absolute; bottom: 48px; left: 0; transition: all 0.3s ease;}
.gp-page .select.on dl{ height: auto;}
.gp-page .select.on::after{ transform: rotate(180deg);}
.gp-page .select dd:hover{ background-color: rgba(0, 79, 148, 1);}
.gp-page .select dl a{ color: #fff;}

.teacherDetail{ padding-bottom: 33px}
.teacherDetail .gp-fl{ width: 220px;}
.teacherDetail .gp-img-responsive{ padding-bottom: 139.4%;}
.teacherDetail .detail{ padding-left: 246px;}
.infor{ margin-bottom: 34px;}
.infor:last-child{ margin-bottom: 0;}
.inforTitle{ line-height: 23px; color: #0A4381;}
.inforDetial{ margin-left: 12px; padding-left: 24px; border-left: 1px solid #CECECE; margin-top: 17px;}
.inforDetial span{ display: inline-block; min-width: 34.79%;}
.inforDetial span:nth-of-type(1),.inforDetial span:nth-of-type(2){ margin-bottom: 19px;}
.inforDetial span:nth-of-type(2),.inforDetial span:nth-of-type(4){ min-width: 50%;}
.inforDetial p{ line-height: 29px;}

.textList{ padding-top: 9px;}
.textList li{ border-bottom: 1px solid #E8E8E8; padding: 24px 0 25px 15px; position: relative;}
.textList li::before{ content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #333333; position: absolute; left: 0; top: 50%;}
.textList .date{ padding-left: 5px;}
.textList li a{ transition: all 0.3s ease;}
.textList li:hover a{ text-indent: 0.3em;}

.gp-title{ width: 100%; text-align: center; margin-top: 70px;}
.gp-info{ width: 100%; text-align: center; margin-top: 26px;}
.gp-info span{ display: inline-block; margin-right: 30px;}
.gp-info span:last-child{ margin-right: 0;}
.gp-article{ padding-top: 45px;}
.Annex{ padding-left: 32px; font-size: 1.6rem; margin-bottom: 72px;}
.Annex li{ margin-bottom: 18px;}
.Annex a{ line-height: 19px; color: #043D92;}

.pic{ overflow: hidden; margin-left: -13px; margin-right: -13px;}
.pic a{ display: block; margin-left: 13px; margin-right: 13px; padding-bottom: 15px; background-color: #F0F0F0;}
.pic .gp-img-responsive{ padding-bottom: 75.25%;}
.pic .picName{ padding: 14px 19px 0; line-height: 26px;}
.pic.gp-avg-xxs-3 li{ margin-bottom: 32px;}

.noLeft{ width: 100%; border-left: none;}
.noLeft .content{ padding-left: 0;}
.noLeft .channelName{ margin-left: 0;}
.noLeft .Annex{ padding-left: 0;}

.multiple{ padding-top: 40px;}
.multipleTitle{ padding-bottom: 15px; border-bottom: 1px solid #0A4381; margin-top: 20px;}
.multiple .channelTitle{ line-height: 20px; color: #0A4381;}
.multiple .more{ line-height: 20px; color: #999;}


/* 閸濆秴绨插蹇旂壉瀵拷 */
@media screen and (max-width:1600px){
    
}

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

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

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

@media screen and (max-width:1200px) {
    .inforDetial span{ min-width: 40%;}
}

@media screen and (max-width:1100px) {
    .inforDetial span{ min-width: 50%;}
    .inforDetial span:nth-of-type(3){ margin-bottom: 19px;}
}
@media screen and (max-width:1024px) {
    
}

@media screen and (max-width:997px) {
    .subLeft,.subRight{ float: none; width: 100%;}
    .subRight{ border-left: none;}
    .subContent h3{ display: none;}
    .bread{ width: 100%;}
    .content{ padding: 20px 0 70px 0px;}
    .thirdList{ margin-left: -20px; margin-right: -20px;}
    .gp-m-page {display: inline-block;}
    .gp-page{ display: none;}
    .gp-m-page{ display: block;}
    .channelName{ margin-left: 0;}
}

@media screen and (max-width:768px) {
    .thirdList li{ width: 20%;}
    .teacher li{ width: 50%;}
    .teacherDetail .gp-fl{ float: none; margin: 0 auto;}
    .teacherDetail .detail{ padding-left: 50px;}
    .pic.gp-avg-xxs-3 > li{ width: 50%;}
}

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

@media screen and (max-width:540px) {
    .content{ padding: 20px;}
    .thirdList li{ width: 25%;}
    .teacherDetail .detail{ padding-left: 0;}
    .textList li{ padding: 15px 0 15px 15px;}
    .textList .date{ float: none; margin-bottom: 5px;}
    .pic.gp-avg-xxs-3 > li{ width: 100%;}
}
@media screen and (max-width:440px) {
    .thirdList li{ width: 33.3%;}
    .teacher li{ width: 100%;}
}

@media screen and (max-width:414px) {
    .content{ padding: 20px 0px;}
}

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