@charset "UTF-8"; .banner img { display: block; width: 100%; } .banner { position: relative; } /* 分页 */ .pagination { text-align: center; font-size: 0; padding-top: 50px; } .pagination a { display: inline-block; border: 1px solid #dcdcdc; padding: 0 12px; height: 35px; font-size: 14px; line-height: 35px; text-align: center; color: #666; margin: 0 7px; } .pagination a.active { background: #0458a6; color: #fff; border: 1px solid #0458a6; } .pagination a:hover { background: #0458a6; color: #fff; border: 1px solid #0458a6; } .pagination span { display: inline-block; font-size: 14px; } #nymain { background-size: 1920px auto; background-position: center bottom; } .nymain { margin-top: 50px; margin-bottom: 50px; overflow: hidden; } .nymain .leftNav { float: left; width: 242px; background: #0458a6; position: relative; } .nymain .leftNav p { text-align: center; font-size: 30px; color: #fff; line-height: 92px; background-size: 100% 100%; } .nymain .leftNav ul { background: #fff; padding-top: 5px; } .nymain .leftNav ul li { position: relative; margin-top: 3px; } .nymain .leftNav ul li a { display: block; font-size: 18px; color: #333333; line-height: 60px; padding-left: 30px; } .nymain .leftNav>ul>li>a { background: #f6f7f9; } .nymain .leftNav>ul>li>span { position: absolute; width: 30px; height: 30px; right: 20px; top: 15px; line-height: 50px; background: url(../images/sub_left_down.png) no-repeat center center; background-size: 15px 12px; cursor: pointer; } .nymain .leftNav>ul>li.active>a { background: #f7f8fa; background-size: 8px 100%; background-position: left top; color: #fff; background: #0458a6; } .nymain .leftNav>ul>li.active>ul { display: block; } .nymain .leftNav>ul>li.active>span { background: url(../images/sub_left_down-hover.png) no-repeat center center; background-size: 15px 12px; } .nymain .leftNav ul li:hover>a { background-size: 8px 100%; background-position: left top; color: #fff; background: #0458a6; } .nymain .leftNav ul li:hover span { background: url(../images/sub_left_down-hover.png) no-repeat center center; background-size: 15px 12px; } .nymain .leftNav>ul>li>ul { display: none; background: #f6f7f9; padding-top: 0; padding-bottom: 0; padding-right: 0; } .nymain .leftNav>ul>li>ul>li>a { font-size: 14px; padding-left: 50px; line-height: 50px; } .ny-right { overflow: hidden; padding-left: 50px; } .position { text-align: right; font-size: 0; padding: 16px 0; border-bottom: 1px solid #eceae4; margin-bottom: 30px; } .position h3 { float: left; font-size: 20px; font-weight: 600; color: #0458a6; padding-bottom: 9px; border-bottom: 3px solid #0458a6; } .position span { color: #666666; font-size: 16px; vertical-align: middle; } .position img { height: 16px; vertical-align: middle; margin-right: 5px; } .position a { font-size: 16px; color: #666666; margin: 0 5px; vertical-align: middle; } .position a:hover { color: #0166b3; } .text-list ul { margin-top: 30px; } .text-list ul li { padding-left: 10px; padding-right: 100px; background: url(../images/i-list-dot.png) no-repeat; background-position: left center; position: relative; font-size: 15px; line-height: 45px; } .text-list ul li a { display: block; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.3s; } .text-list ul li:hover a { color: #0458a6; transform: translateX(5px); } .text-list ul li span { position: absolute; right: 0; top: 0; color: #999999; } .ssjg-list ul { margin-top: 30px; } .ssjg-list ul li { padding-left: 10px; padding-right: 100px; background: url(../images/i-list-dot.png) no-repeat; background-position: left center; position: relative; font-size: 15px; line-height: 45px; } .ssjg-list ul li a { display: block; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.3s; } .ssjg-list ul li:hover a { color: #0458a6; transform: translateX(5px); } .ssjg-list ul li em{ position: absolute; right: 0; top: 0; color: #999999; font-style: normal; } .ssjg-list ul li span{ font-size: inherit; font-family: inherit; } .art-main .art-tit { border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; } .art-main .art-tit h3 { text-align: center; font-weight: 600; color: #000; font-size: 20px; margin-bottom: 20px; padding-top: 20px; } .art-main .art-body p { color: #333; text-indent: 2em; font-size: 16px; line-height: 32px; margin-bottom: 20px; } .art-main .art-body img { max-width: 80% !important; } .art-main .cont-tit p { font-size: 0; text-align: center; padding-bottom: 20px; } .art-main .cont-tit p img { display: inline-block; vertical-align: middle; height: 16px; margin-right: 5px; } .art-main .cont-tit p .liulan { margin-left: 50px; } .art-main .cont-tit p span { display: inline-block; vertical-align: middle; font-size: 14px; color: #666; margin: 0 10px; } .art-main .art-body table p{ text-indent:0em; } /* 图片列表 */ .img-lists ul { overflow: hidden; margin-top: 10px; } .img-lists ul li { float: left; width: 30%; margin: 20px 1.5% 0 1.5%; border: 1px solid #eee; transition: all 0.3s; position: relative; top: 0; } .img-lists ul li:hover { box-shadow: 0 0 10px rgba(51, 51, 51, 0.16); top: -10px; } .img-lists ul li a { display: block; width: 100%; } .img-lists ul li .pic { position: relative; padding-top: 75%; overflow: hidden; } .img-lists ul li .pic img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; } .img-lists ul li a>div.info { padding: 10px; font-size: 0; } .img-lists ul li a>div.info p { color: #333; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; } .img-lists ul li a>div.info img { height: 14px; vertical-align: middle; } .img-lists ul li a>div.info span { font-size: 14px; display: inline-block; margin-left: 5px; color: #999; vertical-align: middle; } /* 师资力量 */ .zzjg { margin-top: 25px; } .zzjgbox h2 { font-size: 18px; padding: 11px 0; background: #f4f4f4; } .zzjgbox h2 p { font-size: 18px; padding-left: 10px; line-height: 19px; color: #0458a6; font-weight: 600; } .zzjgbox h2 p img { vertical-align: middle; margin-right: 10px; } .zzjgbox h2 p span { vertical-align: middle; } .zzjg_text ul { overflow: hidden; } .zzjg_text { background: #fff; padding: 30px 0; } .zzjg_text li { width: 100px; padding-left: 20px; float: left; min-height: 40px; } .zzjg_text a { font-size: 16px; line-height: 38px; color: #000; } .zzjg_text a:hover { color: #1a59c0; } /* 师资力量内容页 */ .userinfo { overflow: hidden; } .upic { float: left; width: 150px; } .upic img { display: block; width: 100%; } .uinfo { float: left; margin-left: 35px; } .uinfo h3 { font-size: 18px; color: #333; font-weight: 600; margin-top: 15px; margin-bottom: 25px; } .uinfo p { font-size: 16px; color: #666666; line-height: 40px; } .utit { background: #f6f7f9; background-size: auto 100%; background-position: left center; line-height: 40px; padding-left: 15px; margin: 30px 0 15px 0; } .szllart>p { font-size: 14px; line-height: 33px; color: #333; padding: 0 10px; } /* 学院领导 */ .xyld>ul li { font-size: 15px; line-height: 60px; color: #333333; padding: 0 10px; cursor: pointer; } .xyld>ul li.odd { line-height: 50px; background: #f6f7f9; } .xyld>ul li p span { color: #0458a6; margin-right: 10px; } .xyld-main { margin-top: 50px; } .xyld-main>div { display: none; } .xyld-main>div:first-child { display: block; } .xyld-main div h3 { font-size: 16px; font-weight: 600; color: #333333; border-bottom: 2px solid #80aed1; padding: 0 10px; padding-bottom: 10px; margin-bottom: 25px; } .ld-pic { float: left; margin-left: 15px; width: 150px; } .ld-pic img { display: block; width: 100%; } .ld-info { float: right; margin-right: 10px; width: 750px; } .ld-info h4 { font-weight: normal; font-size: 16px; line-height: 48px; color: #000000; } .ld-info p { font-size: 15px; line-height: 35px; color: #777777; text-align: justify; } .timg-list ul li { border-bottom: 1px solid #dcdcdc; } .timg-list ul li a { display: block; padding: 25px 0; } .timg-list ul li a h3 { font-size: 16px; color: #333333; font-weight: 600; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .timg-list ul li a>div { overflow: hidden; margin-top: 20px; } .timg-list ul li a .pic { padding-top: 0; height: 105px; float: left; width: 150px; margin-right: 20px; } .timg-list ul li a:hover h3 { color: #0458a6; font-weight: 600; } .timg-list ul li a:hover .timg-linfo p { color: #333; } .timg-linfo { overflow: hidden; } .timg-linfo p { font-size: 14px; line-height: 26px; color: #333333; color: rgba(51, 51, 51, .7); white-space: pre-wrap; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .timg-linfo span { display: block; color: #333; font-size: 12px; margin-top: 5px; } /*新增*/ .teacher-list>ul>li { padding: 20px 10px; margin-top: 20px; background: #f6f7f9; } .teacher-list>ul>li>a { display: block; overflow: hidden; } .teacher-list>ul>li .peo { float: left; width: 130px; } .peo img { display: block; width: 130px; height: 150px; } .peo-info { overflow: hidden; padding-left: 20px; } .peo-info h4 { font-size: 20px; line-height: 28px; color: #333333; font-weight: normal; margin-bottom: 10px; margin-top: 5px; } .peo-info h4 span { display: inline-block; font-size: 12px; color: #666666; margin-left: 10px; } .peo-info p { font-size: 14px; line-height: 28px; color: #333333; } /*教师信息*/ .teacher-info .t-hd { width: 900px; padding: 20px; overflow: hidden; box-shadow: 0 0 10px #c7c3c3; } .teacher-info .t-hdl { float: left; } .teacher-info .t-hdl h4 { font-size: 24px; line-height: 25px; color: #333333; font-weight: normal; margin: 20px 0; } .teacher-info .t-hdl h4 span { display: inline-block; font-size: 16px; color: #666666; margin-left: 10px; } .teacher-info .t-hdl p { font-size: 14px; color: #333333; line-height: 24px; } .teacher-info .t-hdl p span { display: inline-block; margin-left: 10px; } .teacher-info .t-hdr { float: right; width: 130px; height: 150px; overflow: hidden; } .teacher-info .t-hdr img { display: block; width: 130px; height: 150px; } .teacher-info .t-bd { padding-top: 20px; } .teacher-info .t-bd>div { margin-top: 20px; } .t-bd>div>h4 { font-size: 18px; line-height: 1; color: #333333; margin-bottom: 20px; position: relative; padding-left: 15px; font-weight: normal; } .t-bd>div>h4:before { content: ''; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; background: #0458a6; transform: translateY(-50%); } .t-bd>div p { font-size: 14px; line-height: 24px; color: #333333; text-indent: 2em; }