@charset "UTF-8"; .ny-index { background: #f3f3f3; } .pagination { text-align: center; font-size: 14px; padding-top: .5rem; } .ny-banner { position: relative; padding-top: 1.05rem; } .ny-banner>img { display: block; width: 100%; } .dqwz { display: inline-block; min-width: 5.56rem; padding: .15rem .4rem; background: url(../images/dqwz-bg.png) no-repeat right top; background-size: cover; } .ny-tit { position: absolute; left: 0; bottom: 0; width: 100%; } .dqwz h3 { font-size: .36rem; line-height: .45rem; letter-spacing: .02rem; color: #ffffff; font-weight: 600; } .location { font-size: .16rem; line-height: .45rem; letter-spacing: .01rem; color: #ffffff; display: flex; flex-wrap: wrap; align-items: center; } .location img { margin-right: .05rem; width: .15rem; } .wzlb h3 { border-bottom: .02rem solid #eee; position: relative; margin-bottom: .3rem; } .wzlb h3 b { font-weight: 600; font-size: .28rem; line-height: .45rem; letter-spacing: .02rem; color: #0d6db9; border-bottom: .04rem solid #0d6db9; display: inline-block; padding-bottom: .1rem; } .wzlb ul li a { padding-bottom: .25rem; display: block; border-bottom: .02rem solid #eee; } .wzlb ul li a span { font-size: .14rem; line-height: .22rem; color: #0d6db9; margin-bottom: .3rem; display: block; } .wzlb ul li a p { font-size: .18rem; line-height: .27rem; height: .54rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; letter-spacing: .01rem; color: #333333; font-weight: 600; } .wzlb ul li { width: 30.5%; margin-bottom: .45rem; } .wzlb ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .wzlb ul li a:hover p { color: #0d6db9; } .wzlb ul li a:hover { border-color: #aecee8; } .wzlb ul>i { width: 30.5%; height: 0; } .wzlb { padding: .7rem 0; } .sz-tit { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: .4rem; } .sz-tit h3 { font-size: .2rem; line-height: .6rem; letter-spacing: .02rem; color: #666666; width: 2.23rem; text-align: center; border: solid 1px #b2b2b2; margin-right: .2rem; cursor: pointer; } .sz-tit h3.on { background-color: #0d6db9; color: #ffffff; border-color: transparent; } .sz-tit h3:hover { background-color: #0d6db9; color: #ffffff; border-color: transparent; } .szdw { padding: .6rem 0; } .sz-zm ul li { display: inline-block; vertical-align: top; font-size: .2rem; line-height: .45rem; letter-spacing: .02rem; color: #808080; cursor: pointer; margin-right: .2rem; } .sz-zm ul li.on { color: #0d6db9; } .sz-zm ul li:nth-child(1) { margin-left: 0; margin-right: .1rem; } .sz-zm ul li:hover { color: #0d6db9; } .sz-c ul li a .pic { width: 1.58rem; height: 1.94rem; padding-top: 0; margin-right: .25rem; } .sz-c ul li a { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: .18rem; background: #ffffff; position: relative; z-index: 2; } .sz-c ul li a:hover { box-shadow: 0px 2px 21px 0px rgba(0, 0, 0, 0.22); } .sz-tx { flex: 1; } .sz-c { padding-top: .5rem; } .sz-c ul li { width: 31%; margin-bottom: .5rem; position: relative; } .sz-c ul li::after { content: ''; position: absolute; width: 100%; height: 100%; right: -10px; top: -10px; background-color: #0d6db9; display: none; z-index: 1; } .sz-c ul li:hover:after { display: block; } .sz-c ul li:hover p, .sz-c ul li:hover h2, .sz-c ul li:hover h3 { color: #0d6db9; } .sz-c ul i { width: 31%; } .sz-c ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .sz-tx h2 { font-size: .24rem; letter-spacing: .02rem; color: #333333; } .sz-tx h3 { font-size: .14rem; letter-spacing: .01rem; line-height: 1.2; color: #666666; margin: .2rem 0; } .sz-tx p { font-size: .14rem; line-height: 1.2; letter-spacing: .01rem; color: #666666; margin-top: .1rem; } .tplb { padding-top: 1.4rem; padding-bottom: 50px; } .tplb .pic { padding-top: 64%; } .tp-tx h3 { font-size: .18rem; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tp-tx span { font-size: .12rem; line-height: .22rem; color: #808080; padding-left: .19rem; background: url(../images/date1.png) no-repeat left center; background-size: .12rem; display: block; margin: .2rem 0; } .tplb ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .tplb ul i { width: 31%; } .tplb ul li { width: 31%; margin-bottom: .58rem; } .tplb ul li a { display: block; } .tp-tx { padding: .3rem .15rem; padding-bottom: .5rem; background: url(../images/icon-arrow1.png) no-repeat right .18rem bottom .2rem #fff; background-size: .3rem; } .tp-tx p { font-size: .14rem; line-height: .24rem; height: .72rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #808080; } .twlb .pic { width: 3.04rem; height: 1.9rem; padding-top: 0; } .tw-tx h3 { font-size: .24rem; line-height: .31rem; color: #333333; margin-bottom: .25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tw-tx p { font-size: .16rem; line-height: .3rem; color: #666666; height: .9rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } .twlb ul li a { padding: .3rem .4rem .3rem 1.3rem; display: block; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; background: #ffffff; } .tw-tx { width: calc(100% - 3.5rem); } .twlb ul li { position: relative; } .tw-date { position: absolute; top: 0; left: .3rem; transform: translateY(-50%); background-color: #0d6db9; border-radius: 10px 0px 10px 0px; padding: 13px; text-align: center; } .tw-date b { display: block; font-size: .3rem; letter-spacing: .01rem; color: #ffffff; margin-bottom: .1rem; } .tw-date span { display: block; font-size: .12rem; color: #ffffff; } .twlb { padding: 1rem 0; } .twlb ul li { margin-bottom: .65rem; } .twlb ul li:hover a { background: url(../images/tw-bg.jpg) no-repeat; background-size: 100% 100%; } .twlb ul li:hover h3 { color: #ffffff; } .twlb ul li:hover p { color: #ffffff; } .twlb ul li:hover b { color: #ffffff; } .twlb ul li:hover span { color: #ffffff; } .twlb ul li:hover .tw-date { background-color: #f1b128; } .tx-tit a:hover { color: #0d6db9; } .tx-tit a { font-size: .18rem; line-height: .45rem; letter-spacing: .01rem; color: #333333; } .tx-tit { margin-bottom: .45rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .tx-tit a.on::after { content: '—'; margin-left: 10px; } .tx-tit a.on::before { content: '—'; margin-right: 10px; } .tx-tit a.on { color: #0d6db9; font-weight: 600; } .tx-tit a { margin: 0 .18rem; } .tx-l { width: 2.91rem; float: left; margin-right: .38rem; } .tx-l h3 { background-color: #0d6db9; font-size: .26rem; line-height: .64rem; letter-spacing: .02rem; color: #ffffff; padding: 0 .2rem; display: flex; flex-wrap: wrap; align-items: center; } .tx-l h3 img { width: .29rem; margin-right: .29rem; } .tx-l ul{ background-color: #ffffff; padding: 0 15px; } .tx-l ul li a { font-size: .16rem; line-height: .25rem; color: #333333; height: .5rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .tx-l ul li { padding: .15rem 0; padding-left: .2rem; border-bottom: solid 1px #dbdbdb; position: relative; } .tx-l ul li:last-child{ border-bottom: transparent; } .tx-l ul li::after{ content: ''; position: absolute; left: 0; top: .25rem; width: .08rem; height: .08rem; background-color: #dbdbdb; border-radius: 50%; } .tx-l ul li a:hover { color: #0d6db9; } .tx-l>div { margin-bottom: .4rem; } .tx-list { padding: .6rem 0; } .tx-r { overflow: hidden; } .tx-r ul li a span { float: left; background-color: #dbdbdb; border-radius: .12rem; display: block; padding: 0 .12rem; font-size: .14rem; color: #808080; margin-right: .2rem; } .tx-r ul li a p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .18rem; letter-spacing: .01rem; color: #333333; } .tx-r ul li a { padding: .25rem 0; display: block; line-height: .24rem; border-bottom: solid 1px #dbdbdb; } .tx-r ul li a:hover p{ color: #0d6db9; } .nry-c { overflow: hidden; padding: .5rem .35rem; background-color: #ffffff; } .nry-tit { border-bottom: solid 1px #dbdbdb; text-align: center; } .nry-tit h3 { font-size: .24rem; line-height: .31rem; color: #333333; margin-bottom: .4rem; } .nry-tit p{ font-size: .14rem; line-height: .45rem; letter-spacing: .01rem; color: #808080; text-align: center; } .nry-tit p>span { margin: 0 .1rem; } .nry-tx p{ font-size: .16rem; font-weight: normal; font-stretch: normal; line-height: .25rem; letter-spacing: 0rem; color: #4d4d4d; margin-top: .3rem; text-indent: 2em; } .nry-tx p img{ max-width:100%; height:auto; } .nry-page a{ font-size: .16rem; color: #4d4d4d; display: block; line-height: .3rem; } .nry-page a:hover { text-decoration: underline; color: #0d6db9; } .nry-page { border-top: solid 1px #dbdbdb; padding-top: .4rem; margin-top: .4rem; } @media screen and (max-width: 1200px) { .ny-banner { padding-top: 0; } .sz-c ul li { width: 48%; } .tplb { padding: .5rem 0; } .tplb ul li { margin-bottom: .3rem; } } @media screen and (max-width: 1024px) { .wzlb { padding: .3rem 0; } } @media screen and (max-width: 768px) { .sz-tit h3 { width: 23%; margin-right: 0; } .sz-tit { justify-content: space-between; } .sz-c { padding: .3rem 0; } .sz-c ul li { width: 100%; margin-bottom: .2rem; } .ny-tit { position: static; width: 100%; } .dqwz h3 { font-size: .28rem; } .dqwz { width: 100%; margin-top: .2rem; padding: .15rem; } .pagination { padding-top: .5rem; } .wzlb ul li { width: 48%; margin-bottom: .25rem; } .wzlb ul>i { width: 48%; } .wzlb ul li a span { margin-bottom: .2rem; } .wzlb h3 b { font-size: .24rem; } .szdw { padding-top: .3rem; } .tplb ul li { width: 48%; } .twlb { padding: .5rem 0; } .tx-l{ float: none; width: auto; height: auto; margin-right: 0; margin-bottom: 20px; } .tx-list{ padding: .3rem 0; } } @media screen and (max-width: 600px) { .twlb ul li a { padding: .15rem; } } @media screen and (max-width: 480px) { .wzlb ul li { width: 100%; } .tplb ul li { width: 100%; } .sz-tit h3 { width: 48%; margin-top: .2rem; } .szdw { padding-top: .1rem; } .sz-tit { margin-bottom: .2rem; } .twlb .pic { width: 100%; height: auto; padding-top: 64%; } .tw-tx { width: 100%; padding-top: .2rem; } } /* 师资内容 */ 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; } .sz-con { margin-top: 0.57rem; } .sz-con .pic1 { position: relative; z-index: 1; padding-left: 0.1rem; padding-bottom: 0.1rem; } .sz-con .pic1::before { content: ''; position: absolute; top: 0.15rem; right: 0.15rem; left: 0; bottom: 0; background: #002D70; z-index: -1; } .sz-con .pic1 img { display: block; width: 1.8rem; } .sz-t { margin-top: 0.26rem; } .sz-ty { overflow: hidden; padding-left: 1rem; } .sz-ty h3 { font-size: 0.3rem; font-weight: normal; color: #002D70; } .sz-ty>div { margin-top: 0.16rem; } .sz-ty>div p { font-size: 0.18rem; line-height: 0.44rem; color: #666666; background-size: 0.05rem auto; padding-left: 0.25rem; } .sz-d { position: relative; z-index: 1; } .sz-d::before { content: ''; position: absolute; top: 0.15rem; bottom: 0; left: 0.15rem; border-left: 1px solid rgba(13, 66, 167, 0.1); z-index: -1; } .sz-box { margin-top: 30px; } .sz-box h4 { font-size: 0; padding-left: 0.8rem; margin-bottom: 0.3rem; background-image: url(../images/sz-dot.png); background-repeat: no-repeat; background-size: 0.29rem auto; background-position: left center; } .sz-box h4 span { display: inline-block; font-family: 'sySong'; font-size: 0.26rem; font-weight: bold; color: #002D70; } .sz-box p { font-size: 0.16rem; line-height: 0.28rem; color: #666666; padding-left: 0.8rem; } .sz-p p { text-indent: 2em; margin-top: 0.3rem; } .sz-p p img{ margin:10px auto; display:block; height:auto!important; max-width: 100%!important; } .sz-p p:first-child { margin-top: 0; } @media screen and (max-width: 1100px) { .sz-ty>div { padding: 10px 0 0 25px; } .sz-ty h3 { padding-left: 25px; } } @media screen and (max-width:900px) { .sz-t .pic { float: none; margin: 0 auto; } .sz-ty h3 { padding-left: 0; text-align: center; margin-top: 10px; } .sz-ty>div { padding: 0 20px; } } @media screen and (max-width:768px) { .sz-con { margin-top: 0.25rem; } .sz-t { margin-top: 0.2rem; } .sz-ty h3 { font-size: 0.26rem; } .sz-box h4 span { font-size: 0.26rem; } .sz-box p { font-size: 0.18rem; line-height: 0.3rem; padding-left: 0.5rem; } .sz-box h4 { background-size: 0.25rem auto; padding-left: 0.5rem; } .sz-d::before { left: 0.12rem; } @media screen and (max-width:640px) { .sz-ty h3 { padding-left: 20px; } .sz-ty>div { padding-left: 20px; } } @media screen and (max-width:480px) { .sz-con { display: flex; flex-wrap: wrap; justify-content: center; } .sz-con .sz-r { width: 100%; } .sz-r { width: calc(100% - 2rem); } .sz-ty { padding-left: 0; } .sz-ty h3 { padding-left: 0; text-align: center; } .sz-ty>div p { line-height: 0.34rem; } }