@charset "utf-8"; /* CSS Document */ .news_banner { position: relative; z-index: 1; max-width: 1920px; margin: 0 auto; } .news_Banner_bg { width: 100%; height: 30px; background: url(../images/bannerbg01.jpg) repeat-x; z-index: 999; position: absolute; left: 0; top: 0; } .news_Banner_line { position: absolute; width: 100%; height: 48px; position: absolute; bottom: -18px; left: 0; z-index: 998; } /* Browser Resets *********************************/ .news_flex-container a:active, .news_flexslider a:active, .news_flex-container a:focus, .news_flexslider a:focus { outline: none; } .news_slides, .news_flex-control-nav, .news_flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* FlexSlider Necessary Styles *********************************/ .news_flexslider { margin: 0; padding: 0; } .news_flexslider .news_slides > li { display: none; -webkit-backface-visibility: hidden; position: relative; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .news_flexslider .news_slides > li.clone { position: relative; } .news_flexslider .news_slides img { width: 100%; display: block; } .news_flex-pauseplay span { text-transform: capitalize; } .news_flexslider:hover .news_flex-prev { opacity: 0.7; left: 10px; } .news_flexslider:hover .news_flex-next { opacity: 0.7; right: 10px; } .news_flexslider:hover .news_flex-next:hover, .news_flexslider:hover .news_flex-prev:hover { opacity: 1; } /* Clearfix for the .slides element */ .news_slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .news_banner .news_flex-control-nav { width: 160px; height: 32px; position: absolute; bottom: -1px; left: 50%; margin-left: -80px; z-index: 1045; } .news_review_newsBg { width: 65px; height: 25px; background-color: #fff; opacity: 0.4; filter: alpha(opacity=60); position: absolute; right: 20px; bottom: 60px; z-index: 998; } .news_review_news { width: 65px; height: 25px; line-height: 23px; font-size: 15px; z-index: 999; position: absolute; right: 20px; bottom: 60px; text-align: center; } /*content*/ .content { width: 100% !important; position: relative; z-index: 1000; } .gz_bg { width: 100%; height: 50px; position: absolute; left: 0; top: -12px; } .modeWrap01 { width: 100%; margin: 0 auto; background: #B92026; } .section { width: 1225px; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; } .listTitle01:hover { opacity: 0.8; } .listTitle01 { width: 100%; position: relative; height: 30px; } .listTitle01 h3 { background: url(../images/more.png) no-repeat 144px center #B92026; width: 204px; margin: 0 auto; height: 30px; position: relative; z-index: 10; } .listTitle01:before { content: ''; width: 100%; position: absolute; left: 0; height: 1px; background-color: #fff; top: 50%; z-index: 2; } .listTitle01 img { width: 100px; height: 30px; padding-left: 29px; } .list01 { width: 100%; overflow: hidden; padding-top: 30px; } .list01 li { width: 25%; float: left; } .list01 li a { margin: 0 1px; display: block; } .item-img01 { width: 100%; display: block; height: 0; padding-bottom: 56.394%; overflow: hidden; } .item-img01 img { transition: all 0.5s ease; } .item-txt01 { width: auto; padding: 20px 10px 16px; overflow: hidden; } .item-txt01 h3 { font-size: 16px; color: #fff; line-height: 24px; height: 48px; overflow: hidden; } .item-txt01 .more01 { width: 30px; height: 30px; float: right; transition: all 0.3s ease; } .item-txt01 .more01:hover { transform: rotateZ(90deg); opacity: 0.8; } .list01 li a:hover .item-txt01 { opacity: 0.8; } .list01 li a:hover .item-img01 img { opacity: 0.8; transform: scale(1.1); } .liBg1 a { background-color: #172536; } .liBg2 a { background-color: #010101; } .liBg3 a { background-color: #862428; } .liBg4 a { background-color: #862428; } .modeWrap02 { background-color: #cce1fa; width: 100%; overflow: hidden; } .listTitle02 { margin: 10px 0 26px; } .listTitle02 h3 { background: url(../../../images/more.png) no-repeat 144px center #cce1fa; } .listTitle02:before { background-color: #fff; } .list02 { width: 105%; } .list02 li { width: 32%; float: left; margin-right: 8px; transition: all 0.3s ease; } .list02 li:hover { margin-top: -12px; box-shadow: 0 2px 5px rgba(0,0,0,0.3); } .list02 li > div { background-color: #fff; height: 260px; } .list02 li .item-info2 { overflow: hidden; display: block; margin-top: 5px; } .item-img02 { width: 100%; display: block; height: 0; padding-bottom: 18%; overflow: hidden; } .item-img02 img{ height:60px; } .item-info2 { padding: 0 19px; } .item-info2 h3 { font-size: 16px; line-height: 24px; color: #024495; padding: 15px 0 10px; font-weight: normal; border-bottom: 1px solid #a9bad8; } .item-info2 p { font-size: 14px; line-height: 21px; color: #323232; padding: 15px 0 0 0; } .item-txt02 { padding: 0 19px; } .item-txt02 h3 { font-size: 16px; line-height: 24px; color: #024495; font-weight: normal; border-bottom: 1px solid #a9bad8; } .item-txt02 p { font-size: 14px; line-height: 21px; color: #323232; padding: 15px 0 0 0; } .more02 { transition: all 0.3s ease; text-align: right; height: 30px; margin-left: 240px; } .more02 img { width: 30px; height: 30px; margin: 0 auto; } .more02:hover { opacity: 0.8; } .modeWrap03 { background-color: #eaeef5; width: 100%; overflow: hidden; } .listTitle03 { margin: 10px 0 34px; } .listTitle03 h3 { background: url(../../../images/more.png) no-repeat 144px center #eaeef5; } .listTitle03:before { background-color: fff; } .list03 { } .list03 li { width: 25%; float: left; margin-bottom: 50px; } .list03 li.d-bg02 a { background-color: #e2efff; } .list03 li a { display: block; background-color: #fff; position: relative; overflow: hidden; height: 172px; border: 2px solid #fff; } .item-txt03 {/*margin-right:305px;*/ padding: 15px 25px; position: relative; } .item-txt03 h3 { color: #00a4df; font-weight: normal; font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; } .item-con03 { font-size: 12px; line-height: 20px; overflow: hidden; height: 80px; padding-top: 13px; } .item-img03 { width: 305px; position: absolute; right: 0; top: 0; } .item-img03 span { display: block; width: 100%; height: 0; padding-bottom: 56.394%; overflow: hidden; } .more03 { width: 30px; height: 30px; position: absolute; bottom: 7px; right: 20px; transition: all 0.3s ease; } .more03:hover { transform: rotateZ(90deg); opacity: 0.8; } .item-txt03 h3:hover { color: #333; } .item-img03:before { content: ''; width: 0; height: 0; border-top: 16px solid transparent; border-left: 28px solid #fff; border-bottom: 16px solid transparent; position: absolute; left: 0; top: 63px; } /*.img-lf .item-img03{right:auto;left:0;} .img-lf .item-txt03{margin:0 0 0 305px;} .img-lf .item-img03:before{border-top: none;border-left: none;border-bottom: none;border-top: 16px solid transparent;border-right: 28px solid #fff;border-bottom: 16px solid transparent;left:auto;right: 0} */.item-img03 img { transition: all 0.3s ease; } .item-img03:hover img { opacity: 0.8; transform: scale(1.2); } /*综合新闻*/ .zhxw_li_title { height: 30px; border-bottom: 1px solid #1f5788; } .zhxw_li_title a { height: 30px; line-height: 30px; margin-left: 10px; font-weight: bold; color: #175083; } .zhxw_li_ul { padding: 30px 50px 10px; } .zhxw_li_ul li { height: 25px; line-height: 20px; width: 45%; } .zhxw_li_ul li a { line-height: 25px; float: left; } .zhxw_li_ul li span { float: right; } .zhxw_li_ul li:hover { margin-top: 0px !important; box-shadow: 0 0px 1px rgba(0,0,0,0.3) !important; } /*北师故事*/ .modeWrap04 { width: 100%; overflow: hidden; background: url(../../../images/mode03_bg.png) no-repeat top center; } .listTitle04 { margin: 0px 0 43px; } .listTitle04 h3 { background: url(../images/more.jpg) no-repeat 144px center; position: relative; transition: all 0.3s ease; } .listTitle04:before { display: none; } .listTitle04 h3:before { content: ''; width: 510px; height: 1px; background-color: #305b8f; position: absolute; left: -510px; top: 18px; } .listTitle04 h3:after { content: ''; width: 510px; height: 1px; background-color: #305b8f; position: absolute; right: -510px; top: 18px; } .list04 { position: relative; width: 100%; overflow: hidden; } .item-info04 { margin-bottom: 11px; } .item-1 { } .item-info04 > div { border: 1px solid #862428; position: relative; overflow: hidden; } .item-img04 { width: 100%; height: 0; overflow: hidden; padding-bottom: 55.901%; display: block; } .item-txtBg04 { position: absolute; height: 55px; background-color: rgba(0,0,0,0.52); filter: alpha(opacity=52); width: 100%; bottom: -55px; transition: all 0.5s ease; } .item-txt04 { height: 55px; line-height: 55px; position: absolute; left: 0; bottom: -55px; padding: 0 20px; transition: all 0.5s ease; font-size: 16px; text-align: center; } .item-txt04 a { color: #fff; } .item-2 { width: 656px; position: absolute; left: 334px; top: 0; } .item-2 .item-img04 { padding-bottom: 56.621%; } .item-marginR { margin-right: 900px; } .item-4 { width: 223px; float: left; } .item-4 .item-img04 { padding-bottom: 80.718%; } .item-3 { width: 223px; position: absolute; right: 0; top: 0; } .item-3 .item-img04 { padding-bottom: 166.817%; } .item-info04:hover .item-txtBg04, .item-info04:hover .item-txt04 { bottom: 0; } /*通知公告*/ .modeWrap05 { width: 100%; overflow: hidden; } .modeWrap05 .lf { width: 61.225%; float: left; } .listTitle05 { margin: 50px 0 40px; } .listTitle05 h3 { background: url(../../../images/more.png) no-repeat 144px center #eaeef5; } .listTitle05:before { background-color: #fff; } .listTitle07 { margin: 0px 0 40px; } .listTitle07 h3 { background: url(../../../images/more.png) no-repeat 144px center #fff; } .listTitle07:before { background-color: #9D0C0D; } .modeWrap07 { width: 100%; background-color: #cce1fa; overflow: hidden; } .modeWrap07 .lf { width: 61.225%; float: left; } .modeWrap07 .rt { width: 100%; float: right; } .modeWrap05 .rt { width: 100%; float: right; } .notice-list { padding-bottom: 43px; } .notice-date { width: 71px; height: 71px; border-radius: 50%; float: left; background-color: #fff; } .notice-date strong, .notice-date i { font-family: 'Century Gothic'; font-weight: normal; font-style: italic; color: #0099da; display: block; text-align: center; } .notice-date strong { font-size: 30px; padding-top: 6px; height: 30px; } .notice-date i { font-size: 18px; } .notice-txt { margin-left: 90px; padding-bottom: 13px; } .notice-txt a { display: block; font-size: 16px; line-height: 24px; max-height: 72px; overflow: hidden; } .notice-txt:before { content: ''; position: absolute; bottom: 1px; width: 134px; height: 1px; background-color: #58b0e2; } .notice-list .slides li { margin-right: 100px; } .notice-list .flex-control-nav { display: block; } .notice-list .flex-control-paging li a { width: 8px; height: 8px; background-color: #0050a5; border: 2px solid #0050a5; } .notice-list .flex-control-paging li a.flex-active { background: none; } .notice-list .flex-control-nav { bottom: 10px; } .modeWrap05 .flex-direction-nav { display: none; } .modeWrap07 .flex-direction-nav { display: none; } /*学术*/ .xs_right { width: 1225px; } .xs_right_date p { width: 55px; height: 48px; text-align: center; margin-right: 12px; display: block;} .xs_date_1 a { background: url(../images/pic_1.jpg) no-repeat left top; width: 55px; height: 48px; display: block;} .xs_date_1 a:hover { background: url(../images/pic_2.jpg) no-repeat left top; display: block;} .xs_right_1 { width: 306px; margin-bottom: 50px;} .xs_date_1 { width: 55px; height: 48px; float: left;} .xs_date_1 span { color: rgb(255, 255, 255); line-height: 28px;} .xs_date_1 i { color: rgb(0, 33, 71); line-height: 20px;} .xs_date_2 { width: 220px; line-height: 22px; margin-left: 10px; } .xs_date_2 a:hover { color: rgb(240, 122, 7);} .fl { float: left;} .fr { float: right;} .fw { font-weight: bold;} /*专题网站*/ .topic-list { width: 105%; overflow: hidden; } .topic-list li { width: 293px; margin: 0 14px 12px 0; display: inline-block; *display: inline; *zoom:1; } .topic-list li span { display: block; width: 100%; height: 0; padding-bottom: 31.25%; overflow: hidden; } .topic-list li a { position: relative; display: block; } .topic-list li a:before { content: ''; width: 0; height: 0; border: 1px solid #dadada; left: 50%; top: 50%; z-index: 10; display: block; position: absolute; background: url(../images/link.jpg) no-repeat center center; transition: all 0.3s ease; } .topic-list li:hover a:before { width: 90%; height: 80%; left: 5%; top: 10%; } .topic-list li a:after { content: ''; position: absolute; left: 0; top: 0; z-index: 8; display: block; width: 100%; height: 100%; transition: all 0.3s ease; } .topic-list li:hover a:after { background-color: #000; opacity: 0.5; filter: alpha(opacity=5); } /*新媒体矩阵*/ .xmttopic-list { width: 105%; overflow: hidden; } .xmttopic-list li { width: 118.5px; height: 120px; display: inline-block; *display: inline; *zoom:1; } .xmttopic-list li span { display: block; height: 120px; width: 100%; overflow: hidden; } .xmttopic-list li a { position: relative; display: block; height: 120px; } .xmttopic-list li a:before { content: ''; width: 0; height: 0px; border: 1px solid #dadada; left: 50%; top: 50%; z-index: 10; display: block; position: absolute; background: url(../images/link.jpg) no-repeat center center; transition: all 0.3s ease; } .xmttopic-list li a p{ text-align: center; } .xmttopic-list li:hover a:before { width: 90%; height: 80%; left: 5%; top: 10%; } .xmttopic-list li a:after { content: ''; position: absolute; left: 0; top: 0; z-index: 8; display: block; width: 100%; height: 100%; transition: all 0.3s ease; } .xmttopic-list li:hover a:after { background-color: #000; opacity: 0.5; filter: alpha(opacity=5); } .kuang2{ height: 40px; } /*友情链接*/ .yqlj-list { width: 105%; overflow: hidden; } .yqlj-list li { width: 118.5px; height: 30px; display: inline-block; *display: inline; *zoom:1; } .yqlj-list li a { position: relative; display: block; height: 30px; line-height: 30px; } .yqlj-list li a p{ text-align: center; } .yqlj-list li:hover a:before { width: 90%; height: 80%; left: 5%; top: 10%; } .yqlj-list li:hover a:after { background-color: #000; opacity: 0.5; filter: alpha(opacity=5); } .listTitle06 { margin: 0px 0 25px; } .modewrap06 { background-color: #eaeef5; overflow: hidden; width: 100%; } .modewrap06 .section { position: relative; } .modewrap06 .lf { width: 200px; font-size: 0; position: absolute; left: 0; top: 9px; overflow: hidden; } .modewrap06 .lf span { width: 87px; height: 87px; overflow: hidden; float: left; } .modewrap06 .lf span a { width: 100%; height: 100%; display: block; } .sina { background: url(../images/sina.jpg) no-repeat center #00aecd; margin-bottom: 3px; } .weixin { background: url(../images/weixin.jpg) no-repeat center #2a79a7; } .ma01 { margin-bottom: 3px; } .sina_inner { float: left; padding: 0 50px 15px 80px; background: url(../images/small_sina.jpg) no-repeat 34px 20px; min-height: 180px; float: left; } .sina_inner >p { font-size: 14px; max-height: 175px; overflow: hidden; line-height: 25px; } .modewrap06 .md { margin-left: 202px; width: 39.76%; overflow: hidden; float: left; border-left: 1px solid #acacac; border-right: 1px solid #acacac; height: 200px; } .modewrap06 .wd { width: 100%; overflow: hidden; float: left; } .sina_inner .p01 { margin: 14px 0 10px; line-height: 25px; font-size: 12px; display: block; max-height: 178px; overflow: hidden; } .sina_inner .p01 strong { font-size: 16px; } .modewrap06 .rt { width: 42.123%; float: right; border-right: 1px solid #acacac; } .modewrap06 .rt .sina_inner { background: url(../images/small_weixin.jpg) no-repeat 34px 20px; } .review_newsBg { width: 65px; height: 25px; background-color: #fff; opacity: 0.4; filter: alpha(opacity=60); position: absolute; right: 60px; bottom: 60px; z-index: 998; } .review_news { width: 65px; height: 25px; line-height: 23px; font-size: 15px; z-index: 999; position: absolute; right: 60px; bottom: 60px; text-align: center; } .modewrap06 .p02 { height: 120px; line-height: 20px; margin-bottom: 20px; display: block; overflow: hidden; } .phoneItem-inf004 { display: none; } .phoneItem-inf004 .item-img04 a { display: block; text-align: center; margin-top: 25%; letter-spacing: 1px; font-size: 16px; } .sina_inner > section { margin: 0; max-height: 175px; overflow: hidden; line-height: 25px; } .sina_inner > section section { margin: 0 !important; } /****************************/ .ggico{ margin:20px; } .ggico ul li{ width: 65px; height: auto; color: #7d7d7d; font-size: 13px; text-align: center; line-height: 38px; margin: 7px; float: left;} .ggico ul li a {text-align: center;width: 100%;} .ggico ul li a img {width: 26px;} .ggico ul li p{ width:100%; text-align: center; } .ggicozj{ } .ggicozj ul li{ width: 106px; height: auto; color: #7d7d7d; font-size: 13px; text-align: center; line-height: 38px; margin: 7px; float: left;} .ggicozj ul li a {text-align: center;width: 100%;} .ggicozj ul li a img {width: 106px;} .ggicozj ul li p{ width:100%; text-align: center; } .ggicoyou{ } .ggicoyou ul li{ width: 106px; height: auto; color: #7d7d7d; font-size: 13px; text-align: center; line-height: 38px; margin: 7px; float: left;} .ggicoyou ul li a {text-align: center;width: 100%;} .ggicoyou ul li a img {width: 106px;} .ggicoyou ul li p{ width:100%; text-align: center; } /*底下两个栏目的UL*/ .xb_li_ul { padding: 10px 0 10px; } .xb_li_ul li { height: 25px; line-height: 20px; width: 100%; } .xb_li_ul li a { line-height: 25px; float: left; } .xb_li_ul li span { float: right; } .xb_li_ul li:hover { margin-top: 0px !important; } @media screen and (max-width:1225px) { .section { width: auto; padding: 0 15px; } .list02 { width: 100%; } .ggico li{width: 20%!important;} .ggicozj li{width: 29%!important;} .list02 li { margin: 0 0 10px; width: 32%; } .list02 li > div { margin: 0 5px; } .list03 li { margin-bottom: 10px; width: 25%; } .img-lf .item-img03 { position: static; width: 100%; } .img-lf .item-txt03 { margin: 0; } .list03 li a { height: auto; margin: 0 5px; padding-bottom: 10px; } .img-lf .item-img03:before { display: none; } .item-3, .item-4 { display: none; } .list04 { max-width: 1002px; margin: 0 auto; } .item-marginR { margin-right: 667px; } .modeWrap05 .rt, .modeWrap05 .lf { width: 100%; } .modeWrap07 .rt, .modeWrap07 .lf { width: 100%; } .topic-list { width: 100%; text-align: center; padding-bottom: 20px; } .topic-list li { width: 274px; } .listTitle06 { margin-top: 25px; } .modewrap06 .lf { position: static; width: 348px; text-align: center; padding: 10px 0; clear: both; margin: 0 auto; } .modewrap06 .lf span { } .modewrap06 .md { width: 50%; margin: 0; box-sizing: border-box; overflow: hidden; } .modewrap06 .rt { width: 50%; margin: 0; box-sizing: border-box; overflow: hidden; } .modewrap06 .lf span { margin-bottom: 0; } } @media screen and (max-width:992px) { .item-2 { position: static; width: 100%; } .item-marginR { margin-right: 12px; } .item-1 { } .item-info04 > div { margin: 0 6px; } .modeWrap04 { background-size: cover; background: url(../../../images/mode04_bg.png) no-repeat top center; } .notice-list .slides li { margin-right: 50px; } .phoneItem-inf004 { display: block; } .phoneItem-inf004 > div { background-color: #cce1fa; } /*.mode02 .slides li{margin-right: 30px;}*/ } @media screen and (max-width:800px) { .modeWrap01{display: none;} .list01 li, .list02 li, .list03 li, .item-1 { width: 100%; margin-bottom: 10px; } .modewrap06 .lf span { width: 60px; height: 60px; } .modewrap06 .lf { width: 240px; } .list02 li > div, .list02 li .item-info2 { height: auto; } } @media screen and (max-width: 768px) { .modeWrap01{display: none;} .modeWrap03{display: none;} .list01 li, .list02 li, .list03 li, .item-1 { width: 100%; margin-bottom: 10px; } .modewrap06 .lf span { width: 60px; height: 60px; } .modewrap06 .lf { width: 240px; } .list02 li > div, .list02 li .item-info2 { height: auto; } /* .list01 li, .list02 li, .list03 li { width: 50%; } .item-txt02 p { padding-top: 12px; } .notice-list .slides li { margin-right: 20px; } .list02 li:hover { margin-top: 0; box-shadow: none; } /*.flex-control-nav{bottom: 10px;} .mode01 .lf,.mode01 .rt{width: 100%;} .mode02 .flexslider{padding:0 0 30px;} .mode02 .slides li{margin-right: 20px;} .content{margin-top: 74px;} .readMore{text-align: center;padding-top: 0} .readMore a{float: none;} .item_txt01{padding-bottom: 40px}*/ } @media screen and (max-width:640px) { .modewrap06 .md, .modewrap06 .rt { width: 100%; border: none; } .sina_inner { padding: 0 15px 0 39px; background-position: 0 15px; } .sina_inner > p { max-height: auto; } .sina_inner > section { max-height: auto; } .sina_inner { min-height: auto; } .modewrap06 .md { padding-bottom: 20px; } .sina_inner br { display: none; } .modewrap06 .rt .sina_inner { background-position: 0 15px; } } @media screen and (max-width:480px) { .topic-list li { width: 170px; } } @media screen and (max-width:400px) { } @media screen and (max-width:380px) { .list01 li, .list02 li, .list03 li, .item-1 { width: 100%; margin-bottom: 10px; } .modewrap06 .lf span { width: 60px; height: 60px; } .modewrap06 .lf { width: 240px; } .list02 li > div, .list02 li .item-info2 { height: auto; } } @media screen and (max-width:320px) { }