@charset "utf-8";

.banner2.subBanner{/* height: 260px; */position: relative;}
.banner2.subBanner.gp-img-responsive{ padding-bottom: 16.5625%;}
.banner2::before{ content: ''; display: block; width: 100%; height: 126px; background: url(../images/zi-banner_gray.png) no-repeat; background-size: cover; position: absolute; top: 0px;}
.banner2.subBanner .title{ font-family: 'FZZhengHeiS-DB-GB'; color: #fff; line-height: 36px; position: absolute; top: 150px; left: 50%; margin-left: -105px;}
.banner2.subBanner img{ width: 100%;}
.subBody .lt{ width: 158px; border-right: 1px solid #94070a; box-sizing: content-box;}
.subBody .rt{ width: calc(100% - 160px); margin-bottom: 44px;}
.bread{ position: absolute; top: 213px; left: 50%; margin-left: -115px;}
.bread a,.bread span{ color: #fff;}
.subBody .rt .content{ margin-left: 80px; background-color: #f3f7fe;}

/*侧边栏*/
.gp-subLeft{width: 100%; padding: 10px 0 50px; }
.gp-subLeft > ul >li{position: relative;}
.gp-subLeft > ul >li > a{padding:30px 0 20px;display: block;border-bottom: 1px solid #dcdcdc; color: #666; margin-right: 50px;transition: all 0.35s ease-in-out;}
.gp-subLeft > ul >li > a:hover,.gp-subLeft > ul >li > a.active{/* background: #fff; */color:#121d36}
.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{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 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:998px) {
  .gp-subLeft{display: none;}
  .gp-m-subNav{display: block;}
}

.subBody .rt .content.gp-article{ padding:100px 50px 80px;}
.subBody .rt .content.gp-article p{ line-height: 28px; color: #333; min-height: 38px;}
.subBody .rt .content.gp-article .articleTitle{ color: #000; font-weight: bold; margin: 0 auto; text-align: center; margin-bottom: 17px;}
.subBody .rt .content.gp-article .articleInfo{ text-align: center; margin-bottom: 16px;}
.picList{ padding-top: 100px;}
.picList ul{ width: 100%; padding-left: 10px; padding-right: 10px; box-sizing: border-box;}
.picList li{ margin-bottom: 53px; overflow: visible; }
.picList li:hover .title{ color: #b48952;}
.picList li a{ display: block; width: 100%; padding: 0 43px; box-sizing: border-box; position: relative; z-index: 1;}
.picList li .title{ color: #121d36; line-height: 28px; margin-bottom: 13px;}
.picList li .img{ float: none; width: 100%; padding-bottom: 56.24%; background-color: #c2d9f8;}
.picList li .img:hover{
  box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.15);/*firefox*/
  -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.15);/*webkit*/
}
.picList li:hover a::before{ content: ''; display: block; width: 66px; height: 66px; border-top: 3px solid #94070a; border-left: 3px solid #94070a; position: absolute; top: 38px; left: 40px; z-index: 999;}
.picList li:hover a::after{ content: ''; display: block; width: 66px; height: 66px; border-bottom: 3px solid #94070a; border-right: 3px solid #94070a; position: absolute; bottom: -3px; right: 40px;}

/*分页*/
.gp-page { padding: 27px 0 80px; color:#999;}
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page .pageBox>a,.gp-page .pageBox>span{display:inline-block; zoom:1;cursor: pointer;width: 34px;height: 44px;line-height: 44px;
 position:relative;text-align: center; vertical-align: top;}
.gp-page-select{height: 24px;line-height: 32px;min-width: 50px;display:inline-block;*display: inline;*zoom:1;vertical-align: top; border: none; margin-bottom: 3px; background-color: #fcf8f7;}
.gp-page .gp-page-start,.gp-page .gp-page-end,.gp-page .gp-page-next,.gp-page .gp-page-prev,.gp-page .pageBox > span {width: auto;padding:0 15px;}
.gp-page .pageBox > span{border:none}
.gp-page .pageBox > a:hover,.gp-page .pageBox > a.on_pages { color: #c8a164; border-bottom: 2px solid #94070a;}
.gp-m-page a{display: inline-block;margin:0 10px}
/*居中*/
.gp-page-centered {text-align:center}
/*右对齐*/
.gp-page-right {text-align:right}
.gp-m-page{ display: none;}
.pageBox{max-width: 475px; margin: 0 auto; font-size: 0px; border: 1px solid #e5e5e5;}
.pageBox a{font-size: 1.4rem;}
.gp-page .pageBox .gp-page-start,.gp-page .pageBox .gp-page-prev,.gp-page .pageBox .gp-page-next,.gp-page .pageBox .gp-page-end{ width: 50px; padding: 0 5px;}

.threeChannel{ margin-top: 30px; text-align: center; font-size: 0px;}
.threeChannel span{ display: inline-block; width: 200px; height: 60px; line-height: 60px; text-align: center; margin-right: 80px; margin-bottom: 50px;}
.threeChannel span.on,.threeChannel span:hover{ background-color: #94070a; color: #fff; }
.threeChannel span.on a,.threeChannel span:hover a{ background-color: #94070a; color: #fff; }
.threeChannel span:last-child{ margin-right: 0;}
.video li:hover a::before,.video li:hover a::after{ display: none;}
.video li .img:hover{
  box-shadow: 0px 10px 20px rgba(148, 23, 17, 0.15);
  -moz-box-shadow: 0px 10px 20px rgba(148, 23, 17, 0.15);/*firefox*/
  -webkit-box-shadow: 0px 10px 20px rgba(148, 23, 17, 0.15);/*webkit*/
}
.video li .img{ margin-bottom: 20px; position: relative;}
.video li .img::before{ content: ''; display: block; width: 40px; height: 40px; background: url(../images/mode003_video_icon.png) no-repeat; position: absolute; z-index: 2; left: 30px; bottom: 30px; transition: all .2s ease;}
.video li:hover .img::before{ left: 50%; bottom: 50%; z-index: 2; margin-left: -20px; margin-bottom: -20px; background: url(../images/mode003_video_icon2.png) no-repeat;}
.video li .date{ line-height: 28px; margin-top: 8px; padding-bottom: 13px; padding-left: 22px; position: relative; border-bottom: 2px solid #94070a;}
.video li .date::before{ content: ''; display: block; width: 12px; height: 14px; background: url(../images/newsList_time_icon.png) no-repeat; background-size: cover; position: absolute; left: 0px; top: 6px;}
.video li:hover .title,.video li:hover .date{ color: #121d36;}

.textList .date{ float: right; color: #333; padding-top: 7px; padding-bottom: 17px; border-bottom: 1px solid #e5e5e5;}
.textList li{ margin-bottom: 30px;}
.textList li a{ padding: 0 40px;}
.textList li:hover a::before,.textList li:hover a::after{ display: none;}
.textList li .title{ padding-left: 27px; position: relative; color: #333; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; transition: all .3s ease;}
.textList li:hover .title,.textList li:hover .date{ color: #121d36; text-indent: .4em;}
.textList li .title::before{ content: ''; display: block; width: 12px; height: 13px; background: url(../images/zi-video-listIcon1.png) no-repeat; background-size: cover; position: absolute; top: 8px; left: 0;}
.textList li:hover .title::before{ background: url(../images/zi-video-listIcon2.png) no-repeat;}

/* 有问必答 */
.questionList { padding-top: 87px;}
.questionList ul{ padding-left: 50px; padding-right: 50px;}
.questionList li{ margin-bottom: 50px; border-bottom: 1px solid #d2a9ab;}
.questionList li::marker{ content: '';}
.questionList li a{ display: block; padding-left: 17px; position: relative; overflow: hidden;}
/* .questionList li:nth-of-type(odd) a{ border-right: 1px solid #d2d2d2;  padding-right: 30px;} */
/* .questionList li:nth-of-type(even) a{ padding-left: 47px;} */
.questionList li span{ line-height: 36px; max-height: 108px;}
.questionList .qustion{ margin-bottom: 2px;}
.questionList li a::before{ content: ''; display: block; width: 7px; height: 7px; background: url(../images/mode004_icon.png) no-repeat; position: absolute; left: 0px; top: 15px}
/* .questionList li:nth-of-type(even) a::before{ left: 30px;} */
.questionList .qustion .lf,.mode004 .answer .lf{ font-weight: bold; color: #3e44d0;}
.questionList .qustion .rt{ font-weight: bold;}
.questionList .answer .lf{ color: #4c82fc; font-weight: bold;}
.questionList .answer .lf{ /* width: 6.89%; */ display: block;}
.questionList .answer .rt{ width: calc(100% - 36px); display: block; margin-bottom: 30px;}
.questionList .page{ padding-bottom: 100px;}


/* 响应式样式 */

@media screen and (max-width:1600px) {
  .banner2.subBanner img{ height: 121%; width: 100%;}
  /* .banner2.subBanner .title{ top: 140px; }
  .bread{ top: 203px;} */
}
@media screen and (max-width:1400px) {
}
@media screen and (max-width:1240px) {
}
@media screen and (max-width:1100px) {
  .nav ul{ font-size: 0px;}
  .nav { width: 56.6%;}
}
@media screen and (max-width:996px) {
  .banner2.subBanner{ height: 135px;}
  .banner2.subBanner .title{ top: 30px;}
  .bread{ top: 185px;}
  .subBody .lt,.subBody .rt{ width: 100%;}
  .subBody .lt{ margin-top: 25px;}
  .gp-m-inner-header{ background-color: #c3d9f8;}
  .subBody .rt .content{ margin-left: 0;margin-top: 20px;}
  .subBody .rt .content.gp-article{ padding: 50px;}
  .gp-page{ display: none;}
  .gp-m-page{ display: block;}
  .gp-m-page a.gp-page-prev,.gp-m-page a.gp-page-next{ display: inline-block; padding: 10px 25px; margin: 0; border: 1px solid #d2d2d2; }
}
@media screen and (max-width:768px) {
  .picList li a{ padding: 0 20px;}
}
@media screen and (max-width:640px) {
  .threeChannel span{ display: inline-block; width: 45%; margin-right: 0;}
}
@media screen and (max-width:540px) {
  .picList li{ width: 100%; margin-bottom: 30px;}
  .picList{ padding-top: 50px;}
  .bread{ top: 160px;}
  .questionList ul{ padding: 15px;}
  .questionList li{ margin-bottom: 30px;}
  .questionList{padding-top: 40px;}
}
@media screen and (max-width:480px) {
  .threeChannel span{ display: block; width: 60%; margin: 0 auto; margin-top: 0;}
  .threeChannel span:last-child{ margin: 0 auto; margin-top: 10px; margin-bottom: 20px;}
}
@media screen and (max-width:414px) {
  .picList li a{ padding: 0;}
}
@media screen and (max-width:320px) {
}