@charset "utf-8"; .container { width: 100%; max-width: 1400px; } .pic { padding-top: 75%; position: relative; overflow: hidden; } .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all 1s; } .img_bg { position: relative; overflow: hidden; } .img_bg .a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: 50%; background-repeat: no-repeat; background-size: cover; transition: all 0.5s ease-in; } .pic img:hover { transform: scale(1.1); } body .clear { clear: both; height: 0 !important; width: 0 !important; border: none !important; margin: 0 !important; padding: 0 !important; float: none !important; } .clearfix:after { content: ""; clear: both; display: block; overflow: hidden; font-size: 0; height: 0; } .clearfix { zoom: 1; } .fl { float: left; } .fr { float: right; } .banner { width: 100%; overflow: hidden; } .banner img { display: block; width: 100%; } /* 分页 */ .pagination { text-align: center; font-size: 0; padding-top: 40px; } .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: #961323; color: #fff; border: 1px solid #961323; } .pagination a:hover { background: #961323; color: #fff; border: 1px solid #961323; } .pagination span { display: inline-block; font-size: 14px; } /* 主体 */ .nymain { position: relative; padding-bottom: 60px; background: url(../images/bg.png) no-repeat center bottom; padding-top: 50px; } .nymain .leftNav { float: left; width: 280px; position: relative; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1); } .nymain .leftNav>h2 { line-height: 80px; color: #fff; background: url(../images/a2.jpg) no-repeat center; background-size: cover; font-size: 26px; font-weight: bold; overflow: hidden; text-align: center; } .nymain .leftNav>ul { background: #fff; } .nymain .leftNav>ul>li { position: relative; } .nymain .leftNav>ul>li::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; border-left: 3px solid #961323; transform: scaleY(0); z-index: 1; transition: all 0.3s; } .nymain .leftNav>ul>li:first-child { border-top: none; } .nymain .leftNav>ul>li>a { position: relative; } .nymain .leftNav>ul>li>a::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; background: url(../images/left-sj.png) no-repeat; background-size: cover; width: 16px; height: 16px; display: none; } .nymain .leftNav ul li a { display: block; font-size: 18px; line-height: 66px; padding-left: 40px; border-bottom: 1px solid #e5e5e5; } .nymain .leftNav ul li:last-child a { border-bottom: none; } .nymain .leftNav>ul>li.on>a { color: #961323; font-weight: 600; } .nymain .leftNav>ul>li.on>a::after, .nymain .leftNav>ul>li.active>a::after, .nymain .leftNav>ul>li:hover>a::after { display: block; } .nymain .leftNav>ul>li:hover>a { color: #961323; font-weight: 600; } .nymain .leftNav>ul>li.on::before, .nymain .leftNav>ul>li:hover::before { transform: none; } .nymain .leftNav>ul>li.active>a { color: #961323; font-weight: 600; } .nymain .leftNav ul li.active ul { display: block; } .nymain .leftNav ul li a:hover { background-position: 31px center; color: #961323; } .nymain .leftNav>ul>li>ul { display: none; padding-top: 10px; padding-bottom: 10px; padding-right: 0; border-bottom: 1px solid #e5e5e5; } .nymain .leftNav>ul>li>ul>li>a { font-size: 15px; line-height: 46px; padding-left: 60px; color: #666666; border-bottom: none; } .ny-right { float: right; width: calc(100% - 330px); min-height: 400px; } .position>div { position: relative; text-align: right; font-size: 0; line-height: 80px; border-bottom: 1px solid #C5C5C5; } .position h3 { position: absolute; font-size: 24px; font-weight: bold; text-align: left; bottom: 0; left: 0; } .position span { color: #666; font-size: 14px; vertical-align: middle; } .position img { height: 14px; vertical-align: middle; margin-right: 10px; } .position a { font-size: 14px; color: #666; margin: 0 5px; vertical-align: middle; } .position a:hover { color: #961323; } /* 列表页 */ .text-list { margin-top: 20px; } .text-list ul li { line-height: 74px; border-bottom: 1px dashed #C5C5C5; overflow: hidden; transition: all 0.5s; position: relative; } .text-list ul li::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; border-bottom: 1px solid #961323; transition: all 0.5s; } .text-list ul li:hover { border-bottom-color: transparent; } .text-list ul li:hover::after { width: 100%; } .text-list ul li span { display: block; float: right; font-size: 16px; color: #9E9E9E; padding-left: 15px; } .text-list ul li a { display: block; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; position: relative; padding-left: 20px; } .text-list ul li a::after { content: ""; position: absolute; width: 5px; height: 5px; top: 50%; transform: translateY(-50%); left: 0; background: #961323; border-radius: 50%; } .text-list ul li:hover a { color: #961323; } /* 内容页 */ .art-main .art-tit h3 { text-align: center; font-size: 25px; margin-top: 35px; font-weight: 600; } .art-main .art-body { padding-top: 30px; } .art-main .art-body p, .art-main .art-body p * { font-family: "微软雅黑" !important; font-size: 18px !important; line-height: 36px !important; margin-bottom: 20px !important; text-indent: 2em; } .art-main .art-body img { max-width: 100% !important; height: auto !important; display: block; margin: 0 auto; } .art-main .cont-tit p { font-size: 0; text-align: center; padding: 10px; line-height: 26px; background: #F6F6F6; margin-top: 30px; } .art-main .cont-tit p img { display: inline-block; vertical-align: middle; height: 16px; margin-right: 5px; } .art-main .cont-tit p span { display: inline-block; vertical-align: middle; font-size: 16px; margin: 0 32px; color: #666; } .art-info { margin-top: 50px; border-top: 1px dashed #C5C5C5; padding: 15px 0; } .pnext { color: #666; } .pnext p { font-size: 16px; text-indent: initial; line-height: 35px; color: #666; } .pnext p a { color: #666; } .pnext p:hover a { color: #961323; } /* 图片列表 */ .img-lists { overflow: hidden; } .img-lists ul { overflow: hidden; margin-left: -2%; margin-right: -2%; } .img-lists ul li { float: left; width: 29.33%; margin: 40px 2% 0 2%; border: 1px solid #eee; transition: all 0.5s; 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 a .pic { padding-top: 63.75%; } .img-lists ul li a>div.info { padding: 10px; font-size: 0; text-align: center; background: #f6f6f6; } .img-lists ul li a>div.info p { font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; } .img-lists ul li:hover a>div.info p { color: #961323; } /*领导*/ .list-ld { overflow: hidden; } .list-ld ul { margin-left: -18px; margin-right: -18px; } .list-ld ul li { float: left; width: 25%; } .list-ld ul li a { display: block; margin: 25px 20px; } .list-ld ul li .pic { padding-top: 114.81%; } .list-ld ul li .ld-tx { background-color: #fff; box-shadow: 0px 2px 8px 0px rgba(10, 11, 24, 0.1); padding: 10px 0; } .list-ld ul li h3 { font-size: 18px; font-weight: bold; position: relative; text-align: center; padding: 0 10px; } .list-ld ul li h3::after { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); left: 0; width: 4px; height: 24px; background: #495EA0; } .list-ld ul li p { font-size: 14px; line-height: 24px; color: #999; margin-top: 10px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; padding: 0 10px; } .list-ld ul li:hover h3::after { background-color: #961323; } .list-ld ul li:hover h3 { color: #961323; } .list-ld ul li:hover .pic img { transform: scale(1.1); } /* 师资内容 */ .sz-con { margin-top: 57px; background: rgba(153, 24, 27, 0.05); padding: 18px; position: relative; } .sz-con::before { content: ''; position: absolute; top: 0; left: 0; width: 31.12%; height: 100%; background: url(../images/sz-nr.png) no-repeat; background-size: 100% 100%; z-index: -1; } .sz-con .pic1 { position: relative; z-index: 1; } .sz-con .pic1 img { display: block; width: 274px; } .sz-r { overflow: hidden; } .sz-t { margin-top: 55px; } .sz-ty { overflow: hidden; padding-left: 90px; } .sz-ty h3 { font-size: 28px; font-weight: bold; color: #3D3D3D; padding-bottom: 40px; margin-bottom: 40px; position: relative; } .sz-ty h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 43px; height: 5px; background: linear-gradient(0deg, #99181B, #99181B), #99181B; } .sz-ty>div { margin-top: 16px; } .sz-ty>div p { float: left; width: 48%; font-size: 16px; line-height: 36px; color: #3E3E3E; } .sz-d { padding-bottom: 50px; } .sz-box { margin-top: 30px; } .sz-box h4 { font-size: 0; width: 315px; height: 70px; line-height: 70px; background: url(../images/sz-bt.png) no-repeat; background-size: 100% 100%; } .sz-box h4 span { display: inline-block; font-family: 'sySong' !important; font-size: 26px !important; font-weight: bold; color: #fff; padding-left: 42px; text-indent: 0 !important; line-height: 70px !important; } .sz-box p { font-size: 18px; line-height: 48px; color: #393939; } .sz-p p { margin-top: 23px; } .sz-p p:first-child { margin-top: 0; } /* 图文列表页 start */ .tw ul li a { display: block; overflow: hidden; padding: 25px 0; position: relative; border-top: 1px dashed #C5C5C5; } .tw ul li:first-child a { border-top: none; } .tw ul li a .pic { width: 270px; height: 172px; padding-top: 0; } .tw ul li a .tw-tx { overflow: hidden; padding-left: 35px; } .tw ul li a .tw-tx .date { font-family: Bebas; margin-top: 10px; font-size: 16px; color: rgba(150, 19, 35, 0.5); } .tw ul li a .tw-tx .date span { font-size: 30px; padding-right: 5px; color: #961323; } .tw ul li a .tw-tx h3 { font-size: 18px; font-weight: normal; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; margin-top: 20px; } .tw ul li a .tw-tx p { font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; margin-top: 14px; color: #888; } .tw ul li:hover a .tw-tx h3 { color: #961323; font-weight: bold; } .tw ul li:hover a .tw-tx .gd { transform: translateX(95%); } .tw2 ul { justify-content: flex-start; align-items: flex-start; } .tw2 ul li { width: 46.77%; margin-left: 6.46%; margin-top: 40px; } .tw2 ul li:nth-child(2n + 1) { margin-left: 0; } .tw2 ul li a { display: block; } .tw2 ul li .pic { padding-top: 60.35%; } .tw2 ul li .tw-tx { border: 1px solid #d8d8d8; border-top: none; padding: 50px 30px 15px 30px; position: relative; } .tw2 ul li .tw-tx .date { position: absolute; right: -1px; width: 113px; height: 37px; line-height: 37px; border-radius: 0px 0px 0px 18px; background: #ffb60e; text-align: center; font-family: Songti SC; font-size: 16px; font-weight: 900; color: #fff; top: -18px; z-index: 1; } .tw2 ul li .tw-tx .date span { font-size: 20px; font-weight: 900; } .tw2 ul li .tw-tx h3 { font-size: 22px; font-weight: 500; line-height: 28px; height: 56px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .tw2 ul li .tw-tx hr { border: none; width: 44px; height: 3px; background: #ffb60e; margin: 15px 0; } .tw2 ul li .tw-tx p { font-size: 16px; line-height: 28px; height: 84px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } /* 组织机构 */ .zzjg { justify-content: flex-start; align-items: flex-start; } .zzjg ul { margin-top: 40px; } .zzjg ul h3 { border-bottom: 4px solid #9B0D14; } .zzjg ul h3 span { display: inline-block; font-size: 30px; font-weight: bold; min-width: 240px; height: 70px; line-height: 70px; background: url(../images/zzjg_tit.png) no-repeat right center; background-size: cover; padding-left: 40px; padding-right: 60px; color: #fff; } .zzjg ul div { display: flex; flex-wrap: wrap; } .zzjg ul div li { width: 22%; margin-left: 4%; position: relative; line-height: 35px; padding-bottom: 22px; margin-top: 23px; border-bottom: 1px solid rgba(155, 13, 20, 0.2); } .zzjg ul div li:nth-child(4n+1) { margin-left: 0; } .zzjg ul div li::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; border-bottom: 3px solid #9B0D14; transition: all 0.3s; } .zzjg ul div li:hover::after { width: 100%; } .zzjg ul li a { display: block; font-size: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; position: relative; color: #333; z-index: 1; transition: all 0.4s; } .zzjg ul li a::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 16px; height: 5px; background: url(../images/zzjg_1.png) no-repeat; background-size: 100% 100%; transition: all 0.3s; } .zzjg ul li:hover a { font-weight: bold; color: #333; } .zzjg ul li:hover a::after { background-image: url(../images/zzjg_2.png); } @media screen and (max-width: 1300px) { .sz-ty { padding-left: 30px; } .sz-ty>div p { float: none; width: auto; } .sz-t { margin-top: 20px; } } @media screen and (max-width: 1024px) { .nymain { padding-top: 30px; } .nymain .leftNav { width: 220px; } .ny-right { width: calc(100% - 260px); } .tw ul li a .pic { width: 292px; height: 177px; } .tw ul li a .tw-tx .date { margin-top: 0; font-size: 16px; } .tw ul li a .tw-tx .date span { font-size: 22px; } .tw ul li a .date p { font-size: 22px; } .tw ul li a .date em { width: 30px; height: 30px; } .tw ul li a .date p { font-size: 20px; } .tw ul li a .date em { width: 22px; height: 22px; background-size: auto 12px; margin-top: 25px; } .tw ul li a .tw-tx hr { margin: 10px 0; } .sjtw ul li a .tw-tx { width: calc(100% - 80px); } .sz-ny { margin-top: 30px; padding: 20px; } .list-ld ul { margin-left: -18px; margin-right: -18px; } .list-ld ul li a { display: block; margin: 20px; } .sz-r h3 { font-size: 24px; } .sz-box h4 { width: 240px; height: 54px; line-height: 54px; } .sz-box h4 span { font-size: 24px; padding-left: 15px; line-height: 40px !important; } .sz-ty>div p { font-size: 14px; line-height: 30px; } .sz-box p { font-size: 16px; line-height: 36px; } .sz-t h3 { font-size: 22px; } .sz-t h4 { font-size: 16px; margin-top: 10px; } .sz-t h5 { font-size: 16px; margin-top: 5px; } .sz-t h5 img { width: 16px; } .zzjg ul h3 span { min-width: 200px; font-size: 24px; height: 60px; line-height: 60px; padding-left: 20px; padding-right: 40px; } .zzjg ul li a { font-size: 16px; } } @media screen and (max-width: 768px) { .nymain .leftNav>h2 { height: inherit; line-height: 56px; font-size: 18px; text-align: left; padding-left: 15px; font-weight: 600; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1); } .nymain .leftNav>h2::before, .nymain .leftNav>h2::after { display: none; } .nymain .leftNav>h2 span { float: right; width: 50px; height: 56px; background: url(../images/sub_left_down2.png) no-repeat center center; background-size: 14px 14px; cursor: pointer; } .nymain { padding: 25px 0 50px 0; } .nymain .leftNav { float: none; width: auto; margin-top: 0; } .nymain .leftNav>p { font-size: 18px; padding: 10px 0; } .nymain .leftNav ul li a { font-size: 16px; line-height: 56px; } .nymain .leftNav>ul>li>ul>li>a { font-size: 14px; } .ny-right { float: none; width: auto; padding: 0; } .position { padding: 16px 0; margin-top: 0; margin-bottom: 0; } .position>div { text-align: left; line-height: 22px; padding-bottom: 10px; } .position h3 { left: 0; width: auto; height: 45px; font-size: 20px; line-height: 45px; position: relative; left: 0; margin-bottom: 10px; font-weight: 600; display: none; } .position h3::after { width: 37px; height: 37px; right: -10px; bottom: -15px; } .pagination { padding-top: 25px; } .pagination a { padding: 0 5px; height: 20px; line-height: 20px; font-size: 12px; margin: 0 3px; } .nymain .leftNav ul { display: none; padding-bottom: 0; margin-left: 0; background: #fff; } .nymain .leftNav>ul>li>span { top: 13px; } .text-list { margin-top: 0; } .text-list ul li a { font-size: 16px; } .text-list ul li .text-l h3 { font-size: 20px; } .text-list ul li .date { width: 9px; height: 9px; margin-left: 30px; } .text-list ul li .date>p { font-size: 36px; } .text-list ul li .text-l { width: calc(100% - 120px); } .pnext { float: none; border: none; width: auto; } .zzjg_text li { width: 50%; } .img-lists ul { overflow: hidden; margin-left: -1.5%; margin-right: -1.5%; } .img-lists ul li { width: 30.33%; margin: 15px 1.5%; } .xbxx { padding-top: 0; } .xbxx ul li a { padding: 15px 10px; } .xbxx ul li a h3 { font-size: 18px; padding-bottom: 10px; margin-bottom: 15px; } .xbxx ul li a p { font-size: 14px; line-height: 26px; height: 72px; padding: 0; } .xbxx ul li a div span { font-size: 12px; } .xbxx ul li a div img { height: 14px; } .nymain .leftNav>h2 img { height: 20px; } .dt-list2 li a>.dt-text h3 { font-size: 18px; } .dt-list2 li a>.dt-text p { font-size: 14px; line-height: 24px; margin-top: 0; } .dt-list2 li a>.dt-text { padding-left: 10px; } .dt-list2 li .date { width: 60px; } .dt-list2 li .date span { font-size: 24px; } .dt-list2 li .date { padding: 4px 0; } .dt-list2 li { padding: 15px 0; } .art-main .art-body { padding-top: 20px; } .zzjg ul { width: 100%; } .zzjg ul:nth-child(even) { margin-left: 0; } .sz-con .pic1 img { width: 200px; } .sz-t { margin-top: 0; } .sz-t h3 { padding-bottom: 20px; margin-bottom: 20px; } .sz-ty h3::after { height: 3px; width: 25px; } .sz-con { margin-top: 15px; } } @media screen and (max-width: 640px) {} @media screen and (max-width: 480px) { .nymain>div { padding: 0 10px 10px; } .img-lists ul li { width: 47%; } .art-main .cont-tit p .liulan { margin-left: 15px; } .nymain .leftNav ul li a { line-height: 45px; font-size: 14px; } .nymain .leftNav>ul>li>ul>li>a { font-size: 12px; } .sz-ty h3 { padding-left: 0; text-align: center; } .sz-ty>div { margin-top: 0; padding-bottom: 10px; } .sz-ty>div p { line-height: 34px; } .tw ul li a { height: auto; } .tw ul li a .pic { float: none; width: 100%; height: auto; padding-top: 60.46%; margin-bottom: 10px; } .tw ul li a .date p { font-size: 18px; } .tw ul li a .date em { margin-top: 20px; } .tw ul li a .tw-tx { padding-left: 0; } .tw2 ul li { width: 100%; margin-top: 20px; margin-left: 0; } .list-ld ul li { width: 50%; } .list-ld ul { margin-left: -12px; margin-right: -12px; } .list-ld ul li a { margin: 15px; } .sz-t .pic { margin: 0 auto; } .sz-ty { width: 100%; margin-top: 15px; padding-left: 0; } .sz-box { margin-top: 30px; } .qh-tit ul { padding: 0 10px; } .qh-tit ul li.on { font-size: 20px; } .qh-bd>ul { padding: 0; } .sz-t { width: 100%; } .sz-t>img { width: 200px; margin: 0 auto; } .sz-r h3 { font-size: 20px; padding-bottom: 10px; } .sz-r { width: 100%; } .sz-boxbg { padding: 1px 20px 20px 20px; } .sz-box h4 { font-size: 18px; } .zzjg ul div li { width: 47%; margin-left: 6%; } .zzjg ul div li:nth-child(2n+1) { margin-left: 0; } .sz-con .pic1 { left: 50%; transform: translateX(-50%); } .sz-con::before { display: none; } .sz-ty h3::after { left: 50%; transform: translateX(-50%); } } @media screen and (max-width: 375px) { .list-ld ul li .pic { margin: 0 auto; } .list-ld ul li .ld-tx { width: 100%; } } @media screen and (max-width: 320px) { .art-main .art-tit span { font-size: 12px; padding-bottom: 5px; line-height: 24px; height: 24px; } .art-main .art-body p { font-size: 15px; } .img-lists ul li a>img { height: 84px; } }