@charset "utf-8"; /* CSS Document */ /*articlePicture*/ .articlePicture{} .articTitle{ height:33px; line-height:33px; height:33px;} .articTitle h2{font-weight: bold; line-height:33px; padding-left: 14px;} .articlePicture .Article{line-height:28px;} .articlePicture .Article img{ float:left} /*flexslider start*/ .flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {outline: none;} .slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider .slides > li a{ display:block; height:0px;padding-bottom:30%} .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flexslider {background: #fff; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } .flex-direction-nav {*height: 0;} .flex-direction-nav a { text-decoration:none; display: block; width: 28px; height: 48px;position: absolute; margin-top: -20px; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); background:url(../images/arr.png) no-repeat; text-indent:-999em; } .flex-direction-nav .flex-prev { left: 30px; width: 40px; height: 40px; background: url(../images/left.png) no-repeat; background-size:40px; } .flex-direction-nav .flex-next { right: 30px; width: 40px; height: 40px; background: url(../images/right.png) no-repeat; background-size:40px;} .flexslider:hover .flex-prev { opacity: 0.7; left: 30px;} .flexslider:hover .flex-next { opacity: 0.7; right:30px;} .flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background:#ddd;} .flex-pauseplay a:before { font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav {width: 100%; position: absolute; bottom: 10px; text-align: center; z-index: 1000;} .flex-control-nav li {margin: 0 8px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 12px; height: 12px; display: block; background: #fff;cursor: pointer; text-indent: -9999px; border-radius: 6px; } .flex-control-paging li a:hover { background: #b51f21; } .flex-control-paging li a.flex-active { background: #b51f21; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; } .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; } /*flexslider end*/ .subbanner{width: 100%;overflow: hidden;position: relative; } .subbanner-con{height: 0;padding-bottom:18%;overflow: hidden; background-position:center top;background-size: cover !important;background-repeat: no-repeat;} /*content*/ .subPage{ position: relative; } .noBord{ border: none !important; } /*侧边栏*/ .subLeft{width: 260px; } .gp-subLeft{ } .gp-subLeft > ul{ } .gp-subLeft > ul >li{position: relative;} .gp-subLeft > ul >li > a{ display: block;transition: all 0.35s ease-in-out; padding: 18px 22px; border-bottom: #eeeeee 1px solid; background: url(../images/libg.png) no-repeat left center;} .gp-subLeft > ul > li:hover > a, .gp-subLeft > ul > li > a.active{color:#b51f21;background: url(../images/libg-h.png) no-repeat left center;} .gp-subLeft .gp-toggles,.gp-sub-toggles{font-size: 12px;font-size: 1.2rem; width: 20px;height: 60px;position: absolute;right: 0;top: 0;line-height: 60px;text-align: center;cursor: pointer;color:#fff;font-weight: normal;display: block;/*! margin-right: 12px; */} .gp-subLeft .gp-toggles.icon-jia{background: url(../images/jia.png) no-repeat center center;} .gp-subLeft .gp-toggles.icon-jia.icon-down{background: url(../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(../images/jia.png) no-repeat center center;} .gp-subLeft .gp-sub-toggles.icon-jian{background: url(../images/jian.png) no-repeat center center;} .gp-second-nav{ display: none; /*! border-bottom: #eee 1px solid; *//*! padding: 8px 0; */background: #f5f5f5;margin-left: 20px;} .gp-second-nav dd{position: relative;} .gp-second-nav dd a{display: block;position: relative; padding:18px 20px; transition: all 0.35s ease-in-out;font-size: 16px;font-size: 1.6rem;border-bottom: #fff 1px solid;} .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 dd a:before{border-bottom-color: #4e81c0;} .gp-second-nav dd a:hover,.gp-second-nav dd a.active{ color: #b51f21; } .gp-subLeft *{transition: none;} .gp-subRight{margin-left: 320px; overflow: hidden; margin-top: 20px;} .gp-subRight-con{position: relative;min-height: 500px;} /*侧边栏移动端 */ .gp-m-subNav{display:none; } .gp-m-inner-header{width:100%;height:42px;background-color: #b51f21;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(../images/n-rt.png) no-repeat center;width: 50px;height: 42px;} .gp-m-subNav .gp-m-inner-header-icon-click i.icon-jian{display: block; background: url(../images/n-dw.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: #f5f5f5;} .gp-subNavm li{position: relative;} .gp-subNavm li > a{ font-size: 14px;padding-left:13px;height:45px;line-height:45px;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,.gp-sub-m-toggle{width: 15px;height: 15px;position: absolute;right: 16px;top: 15px;line-height: 40px;text-align: center;cursor: pointer;} .gp-m-toggle.icon-right{ background: url(../images/jia.png) no-repeat center center;} .gp-m-toggle.icon-down{ background: url(../images/jian.png) no-repeat center center; } .gp-subNavm dl{ display: none; background-color:#f5f5f5; } .gp-subNavm dl dd{ padding-left: 30px; line-height:18px; padding:10px 0px 10px 30px;border-bottom: 1px solid #e6e6e6;position: relative;} .gp-subNavm li dl dd a{ font-size: 14px; font-weight:normal; display:inline; border:none; padding:0px;} .subPage-con {margin: 0 auto; padding: 40px 0;} .subCon{ background: #fff;padding: 30px; /*! overflow: hidden; */} .sub-leftTitle{line-height: 30px;position: relative; padding: 17px 20px; /*! border-bottom: #e9e9e9 1px solid; *//*! margin-top: -110px; */background: #b51f21;width: 220px;} .sub-leftTitle h2{ position: relative; color: #fff;text-align: center;} .subPage-con.gp-container{ width: 1200px; margin-left: auto; margin-right: auto; } /*自定义*/ /*文章页和简介页*/ .gp-bread{ padding: 14px 0;} .gp-bread > div{ display: inline-block; width: auto; } .articleTitle{overflow: hidden; width: 100%; background: #eeeeee;} .pageArticle{ } .pageArticle{ padding: 0 20px 20px 20px;position: relative;} .pageArticleTitle{margin-bottom: 20px;} .pageArticleTitle h3{text-align: center; color: #003678;} .pageArticleTitle02{ margin: 30px 0 20px 0; overflow: hidden;} .pageArticleTitle02 h3{ color: #222;/*! border-bottom: #ddd 1px solid; *//*! padding-bottom: 20px; */} .articleAuthor { text-align: center; padding: 15px 0 0 0; overflow: hidden;} .articleAuthor span{ color: #999; padding: 0 15px;} .gp-article{line-height:26px; } .gp-article p{text-indent: 2em; line-height: 30px;} .gp-article table{margin: auto;} .gp-article i,.gp-article em{font-style: italic;} .gp-article strong{ font-weight: bold; } /*列表页*/ .articleTitle02{ margin-bottom: 15px; border-bottom: #eee 1px solid;padding-bottom: 10px; } .articleTitle02 span{ display: inline-block; } .articleTitle02 .more{ color: #757575; line-height: 30px; } .PKU-list01{margin:-15px 0 0 0;overflow: hidden;/* display: none; */} .PKU-list01 li{border-bottom: #eeeeee 1px solid;overflow: hidden;padding: 15px 0;height: 11px;} .PKU-list01 li a{ position: relative; display: block;height: 24px;line-height: 24px;overflow: hidden;} .PKU-list01 li .date{ float: right;color: #999; margin-top: 5px;} /*新闻中心*/ .PKU-list02{ margin:-15px 0 0 0; overflow: hidden;} .PKU-list02 li{ border-bottom: #eeeeee 1px solid; overflow: hidden; padding: 30px 0 15px 0; } .PKU-list02 li a{display: block;overflow: hidden;} .PKU-list02 .listText{ height: 48px; line-height: 24px; margin: 15px 0 30px 0; color: #757575; } .PKU-list02 .date{display: block;color: #999; background: url(../images/datebg.png) no-repeat left center; padding-left: 20px;} /*我们的项目*/ .ProjectBrief { background: #f5f5f5; margin-bottom: 35px; /*! overflow: hidden; */ padding: 15px 24px;line-height: 30px;} .ProjectBrief .present{ margin-bottom: -40px; } .present{ display: block; width: 152px; height: 53px; background: url(../images/jz-bg.png) no-repeat; color: #fff; text-align: center; line-height: 53px; } .present:hover{ color: #fff; opacity: 0.9; } .jz{ margin: 38px 0; overflow: hidden; } .jz.gp-fl{ width: 47%; overflow: hidden;} .jz.gp-fr{ width: 47%; overflow: hidden;} /*捐赠指南*/ .articleTitle03{ border-bottom: #eeeeee 1px solid; overflow: hidden; margin-bottom: 30px;} .articleTitle03 span{ display: block; width: 260px; height: 64px; background: #b51f21; text-align: center; line-height: 64px; color: #fff; } .PKU-list03{ margin: 0 -10px; overflow: hidden; } .PKU-list03 li .GuideList{ border: #ededed 1px solid; padding: 20px; margin: 10px; overflow: hidden;min-height: 500px;} .PKU-list03 li:nth-child(1) .GuideList,.PKU-list03 li:nth-child(3) .GuideList{border-top: #f7f5ed 10px solid;} .PKU-list03 li:nth-child(2) .GuideList,.PKU-list03 li:nth-child(4) .GuideList{border-top: #efeff4 10px solid;} .GuideList .title{ height: 36px; line-height: 36px; padding-left: 55px; } .GuideList .t1{ background: url(../images/t1.png) no-repeat left center; } .GuideList .guideText{ display: block; color: #757575; line-height: 24px; margin: 20px 0; overflow: hidden; } .GuideList dl{} .GuideList dl dd{ border-bottom: #eee 1px solid; padding: 16px 0; overflow: hidden; } .GuideList p{ padding: 16px 0; } .GuideList dl dd span{ float: right; } .GuideList .erweima{ display:block; width: 118px; height: 118px; border:#eee 1px solid; margin: 0 auto; } .GuideList .erweima img{ width: 104px; height: 104px;background: #e6e6e6; margin: 7px; } .Pro-present{ position: relative;} .Pro-present:before{ content: ""; display: block; width: 100%; height: 43px;background:#f5f5f5; position: absolute; left: 0; top: 5px; } .Pro-present .present{ margin: 0 auto; position: relative;} /*领导简介*/ .leaderImg{ width: 205px; height: 300px; float: left; } .leaderIntro{ margin-left: 235px; overflow: hidden; } .leaderIntro h2{ border-bottom: #eeeeee 1px solid; margin-bottom: 15px; padding-bottom: 15px; overflow: hidden; color: #13378f;} .leaderIntro .gp-article p{margin-bottom: 20px; line-height: 24px;} .leaderTitle { display: block; border-top: #eee 1px solid; padding: 10px 15px; color: #13378f; position: relative;} .leaderTitle:before{ content: ""; display: block; width:4px; height: 4px;background: #ddd; border-radius: 50%; position: absolute; left: 0; top: 22px;} /*新闻列表*/ .subCon .articleTitle02{ /*! display: none; */ } .newsList{ margin: 0 -5px 20px -5px; overflow: hidden; } .newsList li a{ display: block; margin: 5px; overflow: hidden;} .newsList .artText{ display: block; padding: 12px 0 0 0; overflow: hidden;text-align: center;} .newsList .artCon{ display: block; height: 24px; line-height: 24px; overflow: hidden; /*! margin-bottom: 6px; */} .newsList .date{ color: #999; background: url(../images/datebg.png) no-repeat left center; padding-left: 20px;} .newsList .article{display: none !important;} /*人物列表页*/ .newsList02{ margin: -15px -6px 0 -6px; overflow: hidden; } .newsList02 li{ overflow: hidden; } .newsList02 li a{ display: block; margin: 15px 6px; overflow: hidden;} .newsList02 .gp-img-responsive{ padding-bottom: 135%; } .newsList02 .artText{ display: block; padding: 14px;border: #eee 1px solid;overflow: hidden; transition: all 0.3s ease-in-out;} .newsList02 .artCon{ display: block; height: 24px; line-height: 24px; overflow: hidden; text-align: center;} .newsList02 .date{ color: #999; background: url(../images/datebg.png) no-repeat left center; padding-left: 20px;} .newsList02 li a:hover { box-shadow: 0px 5px 10px 0px rgba(19, 55, 143, 0.1);} .newsList02 li a:hover .artText{ background: #13378f; color: #fff;} /*图片列表页*/ .newsList03{margin: 0 -16px; overflow: hidden;} .newsList03 li{ /*! border-bottom: #eee 1px solid; */ overflow: hidden;} .newsList03 li a{ display: block; margin: 16px; overflow: hidden;} /*附件*/ .Annex{ margin-top: 35px; overflow: hidden; position: relative;background: #f5f5f5;padding: 20px 0; width: 94%;float: left;} .Annex h3{ overflow: hidden; height: 40px;line-height: 40px; padding: 0 20px;position: relative;} .annexList{overflow: hidden; padding: 0 20px;} .annexList li{ overflow: hidden; position: relative;padding: 4px 0;} .annexList li:last-child{ border-bottom: none;} .annexList li a{line-height: 24px;color: #757575;} /*分享*/ .subCon .share{ position: absolute; left: -95px; top: 20px; } .share{width: 34px; text-align: center; overflow: hidden; margin-top: 35px;float: right;} .share .bdsharebuttonbox > a{padding-left: 0;margin:0 0 20px 0 !important;;height: 34px;text-indent: 0;width: 34px;line-height:34px;text-align: center; background: none; display: block;transition: all 0.3s ease-in-out; /*! float: left; */} .share .bdsharebuttonbox > a:hover{ opacity: 0.9; } .share .bdsharebuttonbox > a.bds_weixin{ background:url(../images/bds_wechat.png) no-repeat center;} .share .bdsharebuttonbox > a.bds_tsina{background:url(../images/bds_sina.png) no-repeat center;} .share .bdsharebuttonbox > a.bds_more{background:url(../images/bds_more.png) no-repeat center;} /*分页*/ .gp-page { font-size: 0;margin: 30px auto auto auto; } .gp-page:after,.gp-page:before { content:" "; display:table} .gp-page a{display:inline-block;*display: inline;*zoom:1;cursor: pointer; position:relative;text-align: center; margin:0 8px; vertical-align: top;font-size: 12px; font-size: 1.2rem;height: 33px;line-height: 33px;width: 33px;transition: all 0.3s ease-in-out;border-radius: 50%;border: #757575 1px solid;color: #757575;} .gp-page .gp-page-data { display:inline-block;*display: inline;*zoom:1;overflow: hidden;} .gp-page-select{height: 46px;line-height: 46px;min-width: 70px;*width: 70px; color:#666; display:inline-block;*display: inline;*zoom:1;vertical-align: top;*vertical-align: middle; border:none; padding-left: 10px;padding-right: 10px;font-size: 16px;font-size: 1.6rem;background: none;} .gp-page .gp-page-start,.gp-page .gp-page-end,.gp-page .gp-page-next,.gp-page .gp-page-prev {width: 33px; font-size: 12px;font-weight: bold;} .gp-page .gp-page-next:hover{background: url(../images/arrow_rt_h.png) no-repeat center #b41f21;} .gp-page .gp-page-prev:hover{background: url(../images/arrow_lf_h.png) no-repeat center #b51f20;} .gp-page .gp-page-start,.gp-page .gp-page-end{font-size: 12px;font-size: 1.2rem;line-height: 33px;margin:0 10px;font-weight: normal;} .gp-page > .select-span{padding-left:0;margin-left: 15px;border-right:1px solid #24528a;} .gp-page a:hover,.gp-page a.active { color:#fff; background: #b01f20; position: relative;border: #b01e1f 1px solid;} .gp-m-page{display: none;} .gp-m-page a{display: inline-block;margin:0 10px;height: 35px;line-height: 35px;width: auto;background-color: #fff;border-radius: 5px;padding: 0 20px;color:#666;border: #ddd 1px solid;} /*居中*/ .gp-page-centered {text-align:center; position: relative;} /*右对齐*/ .gp-page-right {text-align:right} @media screen and (max-width:1386px) { .subCon .share{left: auto; right: 0; top: -100px;} } @media screen and (max-width:1200px) { .subPage-con{padding: 20px 0; } .subCon,.gp-subRight{ overflow: hidden;} .pageArticle{ padding: 0; } .subPage-con.gp-container{ width: auto; margin-left: 15px !important; margin-right: 15px !important; } .gp-subLeft{display: none;} .gp-m-subNav{display: block;} .gp-page{display: none;background: none;} .gp-m-page{display: block;margin: 20px auto auto auto;padding: 15px 0;} .gp-subRight{margin-left: 0;} .subCon .share{ position: absolute; width: auto; bottom: 0;margin: 0;right: 0; left: auto; top: auto; } .Annex h3{ height: 40px; line-height: 40px; } .sub-leftTitle{ display: none; } .PKU-list01 li a{ height: auto; } .pageArticleTitle02{ margin: 6px 0 22px 0; } .subCon .articleTitle02{ display: block; } } @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; } .articleTitle{ position: static; height: auto; background: #e7e7e7;} .gp-bread{ padding: 8px 0;} } @media screen and (max-width:997px) { .articleTitle03 span{ width: 200px; height: 50px; line-height: 50px; } .PKU-list03 li .GuideList{ min-height: auto; } } @media screen and (max-width:767px) { .jz{ margin: 30px 0; } .jz.gp-fl,.jz.gp-fr{ width: 100%; float: none; } } @media screen and (max-width:640px) { .PKU-list01 li .date{ float: none;} .Annex{ width: 100%; float: none; margin-top: 20px;} .share{ float: none; width: auto;margin-top: 20px;} .share .bdsharebuttonbox > a{ margin:0 10px 0 0 !important ; } } @media screen and (max-width:478px) { }