@charset "utf-8"; /* CSS Document */ .teacher { margin: 20px 0 0 0; } .teacher li { width: 49%; float: left; margin: 0 0 10px 0; } .teacher li:nth-child(even) { float: right; } .teacher a { display: block; border: 1px solid #f0f0f0; overflow: hidden; padding: 10px; } .teacher a:hover { background: #184c8d; } .teacher_left { width: 160px; float: left; } .teacher_left span { height: 0px; display: block; overflow: hidden; padding-bottom: 130%; } .teacher_right { margin: 0 0 0 180px; } .teacher a:hover .teacher_right { color: #fff } .teacher_right dt { overflow: hidden; margin: 0 0 5px 0; border-bottom: #e6e6e6 1px solid; position: relative; padding: 0 0 10px 0; } .teacher_right dt::before { content: ""; position: absolute; left: 0; bottom: -1px; width: 1.875rem; height: 3px; background: #0f72ca; } .teacher_right dd { overflow: hidden; margin: 0 0 5px 0; } .teacher_right dt strong { font-size: 18px; font-weight: bold; width: 60px; display: block; float: left; text-align-last: justify; color: #0f72ca; } .teacher_right dd strong { font-size: 16px; font-weight: normal; float: left; } .teacher_right span { font-size: 16px; margin: 0px 0 0 45px; display: block; word-break: break-all; } .teacher_right dd.first strong { /* font-weight: bold; */ color: #0f72ca; float: none; /* font-size: 18px; */ /* width: 100%; */ } .teacher_right dd:last-child span { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical } .sub_header { width: 100%; height: 99px; background: url(../images/sub_header_bg.png) repeat-x; box-shadow: 0px 0px 10px -2px; } .sub_header.current .logo { transition: width 0.3s ease 0s; -webkit-transition: width 0.3s ease 0s; -moz-transition: width 0.3s ease 0s; width: 220px; height: 121px; padding: 0; } .sub_header .topWrap { height: 99px; } .sub_header .topWrap .top { height: 53px; } .sub_header .topWrap .top ul li { height: 53px; line-height: 53px; } .sub_header .logo { width: 250px; height: 135px; padding: 0; background: none; margin-left: -27px; } .sub_header .ser { left: 255px; top: 10px; line-height: 30px; background-color: #fff; z-index: 9999994; } .sub_header .topWrap .nav { box-shadow: none; } .sub_header .topWrap .nav ul li { background: none; border: none; } .sub_header .nav ul li.on { background: none; background-color: #184c8d; color: #fff; } .sub_header .nav ul li.on a { color: #fff; font-weight: bold; } .sub_header .nav ul li.on .subNav { display: block; animation: rotate 400ms; -webkit-animation: rotate 400ms; -moz-animation: rotate 400ms; } .sub_header .nav ul li.on .subNav dl { overflow: hidden; padding-top: 1px; } .sub_header .nav ul li.on .subNav dl dd { height: auto; line-height: 18px; text-align: center; } .sub_header .nav ul li.on .subNav dl dd a { font-size: 1.4em; line-height: 18px; font-weight: normal; color: #fff; padding: 8px 5px 8px 5px; } .sub_header .nav ul li.on .subNav.smallWidth dl dd a {} .sub_header .nav ul li.on .subNav dl dd a:hover { color: #184c8d; font-weight: bold; background-color: #f0f0f0 } .sub_banner { overflow: hidden; position: relative; height: 277px; background: url(../images/banner.png) no-repeat; background-size: cover; padding-bottom: 0; } .subPage { max-width: 1440px; margin: 0 auto; position: relative; } .sub_top { width: 100%; overflow: hidden; } .sub_title02 { background: #fafafa; padding: 6% 0; } .sub_title02 h3 i { color: #184c8d; font-size: 26px; display: block; padding-bottom: 20px; } .sub_title02 span i { font-family: 'Georgia'; font-size: 22px; color: #66887e; } .sub_title02 .list_info { background: #fafafa; } .sub_title { width: 320px; overflow: hidden; height: 44px; line-height: 44px; font-size: 2.4em; float: left; color: #333; font-weight: bold; border-bottom: #eeeeee 2px solid; } .bread { width: 100%; color: #fff; font-size: 1.4em; position: absolute; left: 0; bottom: 0; padding: 15px 0; } .bread span { display: block; max-width: 1440px; margin: 0 auto; font-weight: normal; } .bread span a { color: #fff; } .bread a:hover {} .sub_t01 h2:hover { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; -ms-opacity: 0.8; opacity: 0.8; transition: all 1s ease 0s; } .sub_mbtn { width: 100%; height: 40px; background: url(../images/sub-mbtn02.png) no-repeat right 20px center; background-color: #eee; cursor: pointer; display: none; } .open { background: url(../images/open.png) no-repeat right 20px center; background-color: #e3e3e3; } .sub_mbtn span { font-size: 1.4em; font-weight: bold; display: inline-block; line-height: 40px; padding-left: 20px; } .sub_navm { width: 100%; overflow: hidden; display: none; } .sub_navm h2 { width: 100%; height: 48px; line-height: 48px; background-color: #003c7f; } .sub_navm h2 a { padding-left: 13px; font-size: 20px; font-family: Tahoma; display: block; color: #fff; } .sub_navm ul { background: #eee; } .sub_navm li { position: relative; } .sub_navm li a { font-size: 13px; color: #282828; padding-left: 20px; height: 40px; line-height: 40px; border-bottom: 1px solid #dbdbdb; display: block; } .sub_navm li a:hover { color: #0a78c9; } .sub_navm li.sub_has span { margin-left: 10px; } .sub_navm li.on a { display: block; width: 100%; } .sub_navm dl { display: none; background-color: #fff; padding: 0px 0px 5px; } .sub_navm dl dd { padding-left: 30px; height: 36px; line-height: 36px; border-bottom: 1px dotted #ccc; } .sub_navm li.on dl dd a { font-size: 13px; color: #282828; font-weight: normal; display: inline; border: none; padding: 0px; height: 30px; line-height: 30px; } .sub_navm li dl dd a { font-size: 14px; color: #282828; font-weight: normal; display: inline; border: none; padding: 0px; } .sub_navm li strong.phone_arrow { width: 20px; height: 20px; line-height: 20px; text-align: center; display: block; position: absolute; right: 15px; top: 15px; z-index: 99; text-indent: 99em; background: url(../images/arrow.png) no-repeat; cursor: pointer; } .subPage_con { min-height: 470px; } .sbu_leftWrap { width: 250px; float: left; } .subPage_con { min-height: 550px; margin: 50px auto; } .sub_left li { position: relative; } .sub_left li strong.arrow { display: block; height: 15px; line-height: 15px; width: 20px; text-align: center; background: url(../images/arrow.png) no-repeat; position: absolute; right: 5px; top: 16px; text-indent: 99em; z-index: 33; cursor: pointer; transition: all 0.3s ease-in-out } .sub_left li.on strong.arrow { background: url(../images/arrow02.png) no-repeat; } .twoJ_menu { background-color: #fdfdfd; display: none; } .sub_left .twoJ_menu dd a { padding: 6px 33px 6px 43px !important; display: block; font-size: 1.4em !important; border-bottom: 1px solid #c8c8c8; color: #666666; } /*左侧边栏*/ .sub_left { width: 320px; overflow: hidden; float: left; z-index: 999; } .sub_left .sub_nav { overflow: hidden; } .sub_left .sub_nav li a { padding: 7px 20px; line-height: 30px; display: block; font-size: 1.6em; border-bottom: 1px solid #eeeeee; } .sub_left .sub_nav li a:hover, .sub_left li a.active { color: #333; position: relative; } .sub_left .sub_nav li a:hover:before, .sub_left li a.active:before { content: ""; display: block; width: 5px; height: 15px; background: #184c8d; position: absolute; left: 0; top: 15px; } .campus { width: 200px; margin-top: 20px; } /*右侧*/ .sub_right { margin: 0 0 0px 380px; } .marginBot { margin-bottom: 40px; } .pageArticle { overflow: hidden; } .articleTitle { width: auto; overflow: hidden; } .articleTitle h3 { width: auto; overflow: hidden; font-size: 2.4em; padding: 9px 0; color: #333; float: left; } .article { width: auto; overflow: hidden; } .article p { font-size: 1.4em; line-height: 44px; color: #666; } .borderBot { border-bottom: #eee 1px solid; margin-bottom: 7px; } /*列表页*/ .list01 { width: 100%; overflow: hidden; margin-bottom: 20px; } .list01 li { padding: 14px 0; border-bottom: #eeeeee 1px solid; overflow: hidden; } .list01 li a { display: block; line-height: 26px; font-size: 18px; color: #666; padding-left: 18px; transition: all 0.6s ease; position: relative; } .list01 li a:before { content: ""; display: block; width: 6px; height: 6px; background: #184c8d; border-radius: 50%; position: absolute; left: 0; top: 9px; } .list01 li a:hover { color: #184c8d; font-weight: bold; padding-left: 28px; } .list01 li .rightDate { display: inline-block; font-size: 14px; height: 26px; line-height: 25px; color: #999; background: url(../images/datebg.png) no-repeat left center; padding-left: 24px; margin: 7px 0 0 18px; } /*图片页*/ .picList ul { margin: -15px -18px 28px -18px; overflow: hidden; font-size: 0 } .picList ul li { float: none; display: inline-block; width: 33%; vertical-align: top; border-bottom: #eee 1px solid; *display: inline; *zoom: 1; font-size: 14px; } .picList ul li a { display: block; margin: 28px 18px; } .picList ul li a img { -webkit-transition: all 0.3 ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; } .picList ul li a:hover img { opacity: 1; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .picList ul li .pic-text { display: block; font-size: 16px; line-height: 24px; margin: 15px 0; height: 96px; overflow: hidden; } /*图文列表页*/ .NewsList { overflow: hidden; } .NewsList ul { margin: -15px 0 0 0; overflow: hidden; } .NewsList ul li { padding: 20px 0; border-bottom: #eee 1px solid; overflow: hidden; transition: all 0.3s ease; } .NewsList ul li a { display: block; overflow: hidden; background: #fff; } .NewsList ul li:hover { box-shadow: 0 15px 20px -17px rgba(0, 0, 0, 0.3); } .NewsList ul li img { transition: all 0.3s ease; width: 100%; } .NewsList ul li a:hover img { opacity: 1; -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .NewsList ul li .imgResponsive { display: block; width: 225px; height: 134px; padding-bottom: 0; float: left; overflow: hidden; } .NewsList ul li .news-text { display: block; overflow: hidden; margin-left: 245px; text-align: left; } .NewsList ul li .news-text h3 { font-size: 20px; line-height: 25px; } .NewsList ul li .news-text p.news-con { font-size: 18px; line-height: 26px; color: #999; display: block; margin: 15px 0; } .NewsList ul li .news-text strong { font-size: 14px; color: #999; background: url(../images/datebg.png) no-repeat left center; padding-left: 25px; } /*人物列表页1*/ .personList {} .personList ul { margin: 0 -20px; overflow: hidden; } .personList ul li { width: 50%; float: left; } .personList ul li a { display: block; margin: 15px 20px; padding: 40px 0; border: #eee 1px solid; overflow: hidden; transition: all 0.3s ease; } .personList ul li a:hover, .personList.TL-person ul li a:hover { background: #184c8d; } .personList ul li .imgResponsive { width: 150px; height: 180px; float: left; overflow: hidden; padding-bottom: 0; } .personList ul li .news-text { display: block; margin-left: 172px; margin-right: 15px; } .personList ul li .news-text h3 { font-size: 24px; color: #184c8d; } .personList ul li .news-text p.news-con { font-size: 16px; line-height: 24px; color: #999; display: block; height: 145px; margin: 12px 0 0 0; overflow: hidden; } .personList ul li a:hover h3 { color: #fff; } .personList ul li a:hover p.news-con { color: #82abd4; } .personList.TL-person ul li { width: 100%; } .personList.TL-person ul li a { border: none; background: #fafafa; } /*人物详情页*/ .personDetail {} .person-intro { overflow: hidden; border-bottom: #eee 4px solid; margin: 15px 0; padding-bottom: 10px; } .person-intro .person-img { display: block; width: 220px; height: 265px; float: left; } .person-intro .person-img img { width: 100%; } .person-intro .person-text { display: block; margin-left: 248px; } .person-intro .person-text p { font-size: 18px; line-height: 26px; padding: 0 0 15px 13px; position: relative; } .person-intro .person-text p:before { content: ""; display: block; width: 4px; height: 4px; background: #dddddd; border-radius: 50%; position: absolute; left: 0; top: 10px; } .person-intro .person-text p strong { color: #184c8d; font-weight: bold; } .person-introList .person-con { overflow: hidden; padding: 20px 0; border-bottom: #eee 1px solid; } .person-introList .person-con h3 { font-size: 24px; color: #184c8d; margin-bottom: 10px; position: relative; padding-left: 20px; } .person-introList .person-con h3:before { content: ""; display: block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #dddddd; position: absolute; left: 0; top: 8px; } .person-introList .person-con p { font-size: 18px; line-height: 26px; } /*文章页*/ .noMargin { margin-top: 0; } .articleTitle02 { margin: 18px 0 20px 0; } .articleTitle02 h2 { font-size: 2.4em; text-align: center; line-height: 35px; } .articleAuthor { text-align: center; padding: 18px 0; line-height: 20px; border-bottom: #eee 1px solid; font-size: 12px; } .articleAuthor span { font-size: 14px; color: #999; padding: 0 10px; } .article02 p { line-height: 26px; font-size: 18px; } .article02 strong { font-weight: bold; } .article02 i { font-style: italic; } .article02 img {} .article02 ol li { list-style-type: decimal; list-style-position: inside; } /*分类页*/ .listCategory { margin-bottom: 35px; overflow: hidden; } .listTitle { background: #f2f2f2; height: 45px; line-height: 45px; padding: 0 14px; overflow: hidden; } .listTitle span { font-size: 1.6em; font-weight: bold; float: left; color: #666; } .listTitle a { float: right; font-size: 1.3em; color: #666; } .listTitle a:hover { color: #184c8d; } .list02 { margin: 0 -9px; font-size: 0; overflow: hidden; } .list02 li { width: 16.6%; display: inline-block; float: none; overflow: hidden; } .list02 li a { display: block; line-height: 25px; font-size: 16px; border-top: #0075c1 2px solid; margin: 11px 9px; padding: 15px 18px; background: url(../images/sanjiao.png) no-repeat right 10px center; background-color: #ebf4fa; } .list02 li a:hover { color: #0075c1; } /*分页*/ .pages { text-align: center; height: 31px; font-size: 14px; line-height: 28px; margin: 25px 0 10px 0; overflow: hidden; padding-left: 15px; clear: both; } .pages img { vertical-align: middle; } .pages span { color: #184c8d; padding: 0 20px 0 0px; } .pages a.start, .pages a.prev, .pages a.next, .pages a.end { width: auto; padding: 0 11px; } .pages a { display: inline-block; *display: inline; *zoom: 1; *vertical-align: top; width: 27px; height: 28px; *height: 29px; font-size: 14px; text-align: center; color: #636363; margin: 0 5px; border: #dddddd 1px solid; } .pages a img { *display: block; *margin-top: 8px; } .pages a:hover {} .pages a.on_pages { background: #184c8d; color: #fff; } .pages_min { margin: 25px 0; overflow: hidden; display: none; font-size: 14px; clear: both; } .pages_min a.prev_min, .pages_min a.next_min { display: block; width: 100px; height: 30px; font-size: 13px; float: left; background: #f7f7f7; border-radius: 3px; color: #666666; line-height: 30px; text-align: center; } .pages_min a.next_min { float: right; } .pages_min a:hover { background: #184c8d; color: #fff; transition: 0.3s; } .annex { margin-top: 50px; } .annex .Side_tit h2 { background: #eeeeee; height: 40px; line-height: 40px; padding: 0 10px; overflow: hidden; } .annex .Side_tit h2 a { font-size: 1.4em; color: #333; background: url(../images/relate.png) no-repeat left center; padding-left: 25px; } .annex ul { margin: 8px 0 0 0; overflow: hidden; } .annex ul li { position: relative; padding: 8px 33px; overflow: hidden; } .annex ul li a { font-size: 1.4em; color: #999; } .article-share { width: 69px; height: auto; float: right; margin: 110px 0 0 0; } .article-share .bdsharebuttonbox a { display: block; float: none; width: 41px; height: 41px; border: #eeeeee 1px solid; border-radius: 50%; padding: 13px; margin: 8px 0 !important; transition: all 0.3s ease; } .article-share .bdsharebuttonbox a.bds_weixin { background: url(../images/weixin.png) no-repeat center; } .article-share .bdsharebuttonbox a.bds_tsina { background: url(../images/sina.png) no-repeat center; } .article-share .bdsharebuttonbox a.popup_fbook { background: url(../images/fbook.png) no-repeat center; } .article-share .bdsharebuttonbox a.popup_twi { background: url(../images/twitter.png) no-repeat center; } .article-share .bdsharebuttonbox a.bds_more { background: url(../images/more.png) no-repeat center; } .article-share .bdsharebuttonbox a:hover { border: #e2e2e2 1px solid; } .more02 { float: right; font-size: 15px; padding-top: 12px; } .pageArticle2 { width: 916px; margin: 0 auto; } /*20221212*/ .gp-ul-inline { font-size: 0; } .gp-ul-inline li { display: inline-block; vertical-align: top; font-size: 14px; } .letterList1 { padding-top: 20px; } .letterList1 li { margin: 0 5px 5px 0; } .letterList1 li a { width: 27px; height: 27px; line-height: 27px; text-align: center; background-color: #5281bd; color: #fff; display: block; } .letterList1 li.active a, .letterList1 li:hover a { background-color: #c7000b; } .xtlTitle { text-align: center; font-size: 20px; padding: 30px 0; font-weight: bold; } .t_list11 li { min-width: 110px; } .xtlTitle2 { margin-bottom: 15px; font-size: 18px; } .t_list11 li { margin-bottom: 10px; font-size: 15px; transition: transform 0.35s ease-out; } .column2 { margin-bottom: 25px; } .t_list11 li:hover { transform: translateX(10px); } @media screen and (max-width:1460px) { .subPage, .bread span { max-width: 1200px; } .subPage_con, .bread span { padding-left: 20px; padding-right: 20px; } } @media screen and (max-width:1024px) { .subPage_con { margin: 20px auto; } .subPage { margin: 0 auto; } .sub_mbtn { display: block; } .sub_left { display: none; } .sub_right { width: 100%; margin-left: 0; } .pages { display: none; } .pages_min { display: block; } .list02 li { width: 25%; } .article02 img { width: auto !important; height: auto !important; } .article02 video { width: auto !important; } .article02 table { width: 100% !important; } .pageArticle2 { width: auto; margin: 0 auto; } } @media screen and (max-width:1010px) { .teacher li { width: 100%; float: none; } } @media screen and (max-width:767px) { .articleTitle h3 { font-size: 2.0em; } .list01 li a { font-size: 15px; } .picList ul li { width: 49.5%; } .NewsList ul li .news-text h3 { font-size: 16px; } .NewsList ul li .news-text p.news-con { font-size: 14px; } .personList ul li { width: 100%; float: none; } .personList ul li a { padding: 20px 0; } .personList ul li .news-text h3 { font-size: 16px; } .personList ul li .news-text p.news-con { font-size: 14px; } .person-intro .person-text p, .person-introList .person-con p { font-size: 16px; } .person-introList .person-con h3 { font-size: 18px; } .person-introList .person-con h3:before { top: 4px; } .articleTitle02 h2 { font-size: 2.0em; line-height: 24px; } .article02 p { font-size: 16px; } } @media screen and (max-width:640px) { .bread { height: auto; line-height: 22px; padding: 5px 0; /* position: static; */ background: #eee; color: #333; border-bottom: #ddd 1px solid; } .bread span a { color: #333; } .annex .Side_tit h2 a { font-size: 1.6em; } .picList ul li a span, .leaderList ul li a span { font-size: 14px; } .NewsList ul li { padding: 20px 0; } .NewsList ul li .imgResponsive { float: none; width: 100%; height: auto; } .NewsList ul li .news-text { margin: 15px 0 0 0; } .person-intro .person-img { margin: 0 auto; float: none; } .person-intro .person-text { margin: 20px 0 0 0; } .person-intro .person-text p { padding: 0 0 7px 13px; } .person-intro .person-text p, .person-introList .person-con p { font-size: 14px; } .articleTitle02 h2 { font-size: 1.8em; } .article02 p { font-size: 14px; } .sub_banner { height: 198px; } } @media screen and (max-width:480px) { .articleTitle01 .title h2 { font-size: 1.6em; } .list01 li a { width: 100%; float: none; } .list01 li .rightDate { float: none; } .picList ul li { width: 100%; float: none; } .picList ul li a { margin: 18px; } .picList ul li .pic-text { height: auto; font-size: 14px; } .personList ul li .imgResponsive { float: none; margin: 0 auto; } .personList ul li .news-text { margin: 15px 15px 0 15px; } .t_list11 li { min-width: 100px; } .xtlTitle2 { font-size: 16px; } .xtlTitle { font-size: 18px; } .letterList1 { padding-top: 10px; } }