@charset "utf-8"; body { background: url(../images/nybg.jpg) no-repeat top center; background-size: 100% 100%; } .clearfix { clear: both; } .footerbg { z-index: 9999 !important; position: relative; } .fl { float: left } .fr { float: right } .imgBox { position: relative; overflow: hidden; isolation: isolate } .imgBox .img { padding-bottom: 60%; transition: .5s; background-size: cover; display: block; background-repeat: no-repeat; background-position: center; display: block; background: #eee } .imgBox img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: .5s } .imgBox img { display: none\0; } .social-share { font-family: "swiper-icons" !important; } .social-share * { font-family: "swiper-icons" !important; } .social-share .icon-qq:before { content: "\e60f" } .social-share .icon-qzone:before { content: "\e80f"; color: #fece00 } .social-share .icon-weibo:before { content: "\e61f"; color: #e83437 } .social-share .icon-wechat:before { content: "\e615"; color: #7dd43c } /*.social-share .icon-qzone:hover{background: #FDBE3D;color: #fff} .social-share .icon-weibo:hover{background: #ff3b3b;color: #fff} .social-share .icon-wechat:hover{background: #33b045;color: #fff}*/ .social-share a { position: relative; text-decoration: none; display: inline-block; outline: 0; margin-top: .1rem } .social-share .social-share-icon { position: relative; display: inline-block; width: .5rem; height: .5rem; font-size: .26rem; border-radius: 5px; line-height: .5rem; text-align: center; border-radius: 50%; background: #fff } .social-share .icon-wechat .wechat-qrcode { display: none; border: 1px solid #eee; position: absolute; z-index: 9; top: 50%; left: calc(100% + 10px); width: 140px; height: 152px; color: #666; font-size: 12px; text-align: center; background-color: #fff; box-shadow: 0 2px 10px #aaa; transition: all .2s; -webkit-tansition: all 350ms; -moz-transition: all 350ms; margin-top: -75px } .social-share .icon-wechat .wechat-qrcode.bottom { top: 40px; left: -84px } .social-share .icon-wechat .wechat-qrcode.bottom:after { display: none } .social-share .icon-wechat .wechat-qrcode h4 { font-weight: 400; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777 } .social-share .icon-wechat .wechat-qrcode .qrcode { width: 105px; margin: 10px auto } .social-share .icon-wechat .wechat-qrcode .qrcode table { margin: 0 !important } .social-share .icon-wechat .wechat-qrcode .help { display: none } .social-share .icon-wechat .wechat-qrcode .help p { font-weight: 400; line-height: 16px; padding: 0; margin: 0 } .social-share .icon-wechat .wechat-qrcode:after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 100%; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent #fff transparent transparent } .social-share .icon-wechat:hover .wechat-qrcode { display: block } .nyarc .wp { background: linear-gradient(to bottom, rgba(255, 255, 255, .7) 80%, rgba(255, 255, 255, 0) 100%); min-height: 3rem; border-top: 4px solid #a00707; padding: .3rem .8rem .5rem } .nyarc .arc-con { max-width: 12rem; margin: 0 auto } .arc-con { line-height: 1.8em; color: #333; text-align: justify; padding-bottom: .4rem; } .arc-con img { margin: .1rem auto; max-width: 7rem; width: 100% !important; } .arc-con.sp img { max-width: inherit; } .arc-con p { margin-bottom: .2rem; font-size: .16rem; margin: 0; padding: 0; line-height: .34rem; } .arc-con table { border: 1px solid #eee; min-width: 640px; margin-left: 0 !important; width: 100%; background: #fff } .arc-con table tr th, .arc-con table tr td { border: 1px solid #eee !important; padding: 15px; text-align: center; } /*.arc-con table tr:nth-child(2n){background: #EEEEEE}*/ .tbsc { overflow: auto; padding: 15px 0; width: 100% } .tbsc::-webkit-scrollbar { height: 4px } .tbsc::-webkit-scrollbar-thumb { border-radius: 10px; background: #999; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2) } .tbsc::-webkit-scrollbar-track { border-radius: 10px; background: #ededed; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2) } .arc-con video { max-width: 100% !important; height: auto !important; display: block; } .arc-tit { background: rgba(255, 255, 255, .3); padding: .2rem; /* margin-bottom: .3rem; */ /* border-top: 3px solid #a21c1d; */ } .arc-tit h1 { font-size: .36rem; text-align: center; line-height: 1.4em; } .arc-info { text-align: center; padding-top: .2rem; font-size: .16rem; color: #666; } .arc-info span { display: inline-block; margin: 0 .1rem; padding: 4px 0 2px } .arc-sibs { border-top: 1px solid #bbb; padding-top: .26rem; } .arc-sib div { padding: .08rem 0; font-size: .15rem; } .arc-sib div a { padding: .08rem 0; font-size: .15rem; } .arc-sib div:hover { color: #a00707; } .arc-sib div:hover a { color: #a00707; } .arc-back { margin-left: .3rem } .arc-back a { display: flex; border-radius: 5px; color: #fff; text-align: center; width: 1.5rem; height: .4rem; line-height: .4rem; justify-content: center; align-items: center; background: #8d0000; border-radius: .3rem; margin: 0 auto } .arc-back a:hover span { color: #fff } .arc-back a span { display: block; margin-left: 5px } .arc-back a img { width: .24rem } .arc-share { position: fixed; left: 50%; margin-left: -8rem; top: 6.4rem; transition: .3s } .arc-share span { display: block; margin-bottom: .15rem; text-align: center; color: #666 } .arc-share.sc { top: 1.8rem } .arc-share .social-share .social-share-icon { display: block; } @media (min-width: 1930px) { .arc-share { top: 7.5rem } } @media (max-width:1600px) { .arc-share .tt { display: none } .arc-share { position: static; left: 0; margin-left: 0; top: 0; margin-top: .15rem } .arc-share.sc { top: 0 } .arc-share .social-share { display: flex; justify-content: center; } .arc-share .social-share a { margin: 0 .1rem } } .pages { padding-top: .1rem; display: flex; justify-content: center; } .pages ul { display: flex; justify-content: center; border: 1px solid #eee; flex-wrap: wrap; background: rgba(255, 255, 255, .6); } .pages ul li { text-align: center; font-size: .16rem; border-left: 1px solid #eee; padding: 0 .1rem } .pages ul li:nth-child(1) { border-left: 0 } .pages ul li a { height: .45rem; text-align: center; line-height: .45rem; padding: 0 8px; display: block; border-radius: 3px; } .pages ul li.on a { color: #a00707 } .pages ul li.cur { color: #fff; } .pages ul li.page-count { line-height: .45rem } .page-form { line-height: .33rem; display: flex; align-items: center; } .page-form input { width: .45rem; height: .3rem; float: left; text-align: center; padding: 0 3px; background: transparent; border-radius: 3px; margin: 0 5px; background: #f6f6f6 } .page-form span { float: left; color: #666 } .page-form button { border: none; width: .5rem; height: .45rem; line-height: .45rem; text-align: center; margin-left: .1rem; background: transparent; cursor: pointer; border-left: 1px solid #eee; } @media (max-width: 640px) { .pages ul li { padding: 0 } .pages ul li.pageitem { display: none } .pages ul li.page-form { padding-left: .1rem } .pages ul li, .page-form button { border: 0 } } @media (max-width: 375px) { .pages ul li, .page-form button { border-left: 0 } } .ny-ba { position: relative; height: 6rem } .ny-ba .imgBox { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; pointer-events: none; user-select: none } .ny-ba .imgBox .img { padding-bottom: 0; height: 100% } /*.ny-ba .imgBox:before{content: '';position: absolute;left: 0;right: 0;;z-index: 1;height: 100%;background: url(../images/nybams.png) no-repeat left bottom;background-size:78.2% auto;opacity: 1}*/ .ny-ba.mask .imgBox:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; z-index: 0; height: 100%; background: url(../images/577.png) no-repeat left center; background-size: auto 100%; z-index: 1 } .ny-ba.nomask .imgBox:before { display: none } .ny-ba .wp { height: 100%; position: relative; z-index: 5; padding-top: 5%; max-width: 14.4rem; } .nytit { position: relative; z-index: 4; margin-bottom: .2rem } .nytit .en { font-size: .9rem; line-height: 1em; z-index: 3; font-weight: bold; color: rgba(255, 255, 255, .2); text-transform: uppercase; } .nytit .cn { font-size: .6rem; line-height: 1em; z-index: 3; font-weight: bold; display: block; margin-top: -.4rem } .typetit { font-size: .24rem; font-weight: bold; color: #892A28; position: relative; padding-left: 0.25rem; } .typetit:before { content: ""; position: absolute; left: 0; top: 50%; width: 0.05rem; height: 0.25rem; background: #892A28; transform: translateY(-50%); } .ny-ba .posi { color: #fff } .ny-ba .posi a { color: #fff } /* .typetit:after{content: '';height: 3px;width: .6rem;background:#a00707;display: block;margin: .1rem auto 0 } */ /*@media (min-width: 1930px){ .ny-ba .imgBox .img{height:7rem;position: relative;;} } */ .posi { position: relative; font-size: .16rem; background: url(../images/ico_home.png) left center no-repeat; padding-left: 0.3rem; line-height: .24rem; } .posi a{ font-size: .16rem;} .co { display: inline-block; background: linear-gradient(to bottom, #fffefb 0%, #ffce8d 100%); -webkit-background-clip: text; color: transparent; background: transparent\0; } .nyleft { width: 2.9rem; padding: 0 0 .1rem .1rem; background: url(../images/nyleft_bg.png); position: relative; z-index: 6; position: relative; margin-top: -.85rem; background-size: 100%; } .nyleft:before { content: ''; position: absolute; bottom: -.35rem; left: 0; right: 0; height: .6rem; /* background: #a00707; */ transform: skewY(-5deg); z-index: 0; pointer-events: none } .nyleft ul { background: #fff; position: relative; z-index: 5; padding: .4rem 0; box-shadow: 0 0 10px rgba(0, 0, 0, .1); } .nyleft ul li { font-size: 0.18rem; } .nyleft ul li:hover a { color: #892A28; background: #F4EAEA; font-weight: bold; } .nyleft ul li a { display: block; padding: .26rem .4rem; position: relative; font-size: .20rem; } .nyleft ul li a:before { content: ''; left: 0rem; right: 0rem; bottom: 0; background: #eee; position: absolute; height: 1px; } .nyleft ul li.on a::before { display: none; } .nyleft ul li a:after { content: ""; background: url(../images/sub_ri.png); position: absolute; top: 50%; transform: translateY(-50%); right: .2rem; transition: .3s; font-family: swiper-icons !important; opacity: 0; width: .18rem; height: .18rem; } .nyleft ul li.on a { color: #892A28; background: #F4EAEA; font-weight: bold; border-left: #d1ad81 .1rem solid; margin-left: -.1rem; } .nyleft ul li.on a:after { opacity: 1; } .nyright { width: calc(100% - 3.7rem); padding-top: .45rem } .nyrTit { padding: .2rem 0; border-bottom: 2px solid #D8D8D8; margin-bottom: .1rem; } .nyleft .sub-nav-p-s { padding: .3rem .3rem; margin-bottom: 1px; position: relative; background-size: 100% 100%; } .nyleft .sub-nav-p-s span { font-size: .24rem; display: block; font-weight: bold; color: #fff; } .nyMain { background: url(../images/lm_page.png) no-repeat left bottom; background-size: cover; padding: 0 0 2rem; min-height: 4rem; position: relative; background-size: 100% 80%; } .nyMain .wp { max-width: 16rem; margin: 0 auto; width: 100%; } .nyMain.sp { padding-top: .45rem } .nyrNav { padding-bottom: .2rem; position: relative; margin-bottom: .4rem; padding-top: .3rem; line-height: .36rem } .nyrNav:after { content: ''; height: 1px; background: #ddd; left: 0; right: 0; bottom: 0; position: absolute; } .nyrNav .tit { font-size: .36rem; color: #a00707; margin-right: .4rem } .nyrNav ul { position: relative; z-index: 4 } .nyrNav ul li { font-size: .26rem; margin-right: .3rem; position: relative; } .nyrNav ul li:last-child { margin-right: 0 } .nyrNav ul li:after { content: ''; height: 2px; position: absolute; left: 50%; height: 3px; transform: translateX(-50%); background: #a00707; transition: .3s; width: 0; bottom: -.21rem } .nyrNav ul li:hover:after { width: 100% } .nyrNav ul li.on:after { width: 100% } .nyrNav ul li.on a { color: #a00707; } @media (max-width: 1024px) { .nyMain .wp { width: 96%; max-width: 100%; } .nyposi .wp:before { width: 3vw } .ny-ba .imgBox:before { background-size: 100% auto } .nytit .en { font-size: .8rem; } .nytit .cn { font-size: .5rem; } .ny-ba { height: 35vw } .nyMain { padding-top: .2rem } .nyleft { width: 100%; float: inherit; } .nyright { width: 100%; float: inherit; padding-top: 0.35rem; } .nyleft ul { display: none } .nyleft .sub-nav-p-s { display: block; padding: .22rem .3rem; background: #a00707; } .nyleft .sub-nav-p-s span { font-size: .3rem } .nyleft .sub-nav-p-s:after { content: ''; width: .2rem; height: .2rem; background: url(../images/arrdd.svg) no-repeat center; background-size: .2rem .2rem; position: absolute; right: .3rem; top: 50%; margin-top: -.1rem; transition: .3s } .nyleft .sub-nav-p-s.on:after { transform: rotate(-180deg); } .nyleft { padding-left: 0; margin-top: 0; padding-bottom: 0; background: transparent; } .nyleft ul { padding: .1rem .15rem .25rem } .nyleft:before { display: none } .nyleft ul li a { padding-top: .24rem; padding-bottom: .24rem; font-size: .24rem; } .nyleft ul li a:after { background-size: 100%; width: 0.24rem; height: 0.24rem; } .nyleft ul li:first-child a { border-top: 0 } .nyrNav .tit { font-size: .32rem } .nyrNav ul li { font-size: .24rem } .nyleft ul:after { display: none; } .nyMain { padding-bottom: 2rem; } } @media (max-width: 900px) { .nytit em { font-size: .6rem } .nyposi { margin-top: 0; background: #eef2fb; height: auto; line-height: 1.4em; padding: .2rem 0; border-bottom: 1px solid; border-image: linear-gradient(to right, #eef2fb, #dbdfe7) 1; } .nyposi .wp { padding-right: 0; justify-content: flex-start; border-bottom: 0 } .nyarc .wp { padding: .3rem .3rem .5rem; } } @media (max-width:750px) { .nyposi .wp:before { width: 5vw } .ny-ba { height: 50vw } .ny-ba .wp { padding-top: 0 } .arc-con img { width: 100% !important; height: auto !important; } } @media (max-width: 640px) { .nyMain { padding-bottom: 2rem; } .typetit { display: none; } .posi { width: 100%; font-size: 0.26rem; padding-left: 0.4rem; } .posi a { font-size: 0.26rem; } .ny-ba .imgBox:before { background-size: 100% 55% } .nytit:before { height: 2px; } .nytit .en { font-size: 12vw } .nytit .cn { font-size: 7.5vw; margin-top: -4vw } .nyleft .sub-nav-p-s { padding: .2rem .25rem; } .arc-tit h1 { font-size: .26rem } .arc-con p, .arc-con span { font-size: .18rem !important } .arc-sib { width: 100% } .arc-back { width: 100%; margin-left: 0; margin-top: .15rem } .nyrNav ul { width: 100%; margin-top: .2rem; justify-content: center; } .nyrNav { padding-bottom: .15rem } .nyrNav ul li:after { bottom: -.16rem } .nyrNav .tit { font-size: .3rem; text-align: center; width: 100%; margin-right: 0 } .nyrNav ul li { font-size: .22rem } .nyleft .sub-nav-p-s span { font-size: .32rem; } } @media (max-width: 375px) {} .vidList li { width: calc(50% - .2rem); margin-bottom: .4rem } .vidList li .imgBox:before { content: ''; position: absolute; left: 50%; top: 48%; width: .8rem; height: .8rem; z-index: 2; background: url(../images/play.svg) no-repeat bottom center; background-size: 100% 100%; transform: translate3d(-50%, -50%, 0px); filter: drop-shadow(0 5px 10px rgba(0, 0, 0, .3)); pointer-events: none } .vidList li .txt { height: .7rem; line-height: .7rem; position: relative; background: #fff } .vidList li .txt:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 0; background: url(../images/zfbg.png) no-repeat center; background-size: 100% 100%; z-index: 0; transition: .3s } .vidList li .txt p { position: relative; z-index: 5; text-align: center; font-size: .22rem; transition: .3s } .photoList li { margin-bottom: .2rem } .photoList li .txt { background: transparent; line-height: .6rem; height: .6rem } .photoList li .txt p { text-align: left; } .photoList li .imgBox:before { display: none } .photoList li .txt:after { display: none } .nyzhufu { background: url(../images/578.png)no-repeat bottom right; background-size: cover; padding: .2rem .4rem 1rem } .nyzhufu .zfBtn { margin-top: .2rem } .nyzhufu .zfBtn button { display: block; position: relative; overflow: hidden; text-align: center; background: url(../images/zfbtn.png) no-repeat center; background-size: 100% 100%; width: 2.91rem; height: .82rem; color: #b30808; font-size: .26rem; transition: .3s; padding-bottom: .12rem; cursor: pointer; } .nyzhufu .zfBtn button:hover { letter-spacing: .1em } .nyzhufu .zfBtn button img { width: .35rem; margin-right: .1rem; height: .3rem; vertical-align: -.06rem; pointer-events: none } .zflist { padding-bottom: .3rem } .zflist li { padding: .2rem 0; padding-right: 1.4rem; padding-left: 0.24rem; position: relative; font-size: .22rem; } .zflist li:before { content: ""; position: absolute; width: 0.05rem; height0.1rem; height: 0.05rem; background: #892A28; border-radius: 50%; top: 50%; left: 0; transform: translateY(-50%); } .zflist li a { font-size: .20rem; /* font-weight: bold; */ } .zflist li a span{ font-size: .20rem;} .zflist li time { position: absolute; right: 0; top: 50%; font-family: "Arial"; color: #892A28; font-size: .20rem; /* font-weight: bold; */ transform: translateY(-50%); } .zflist li { border-bottom: 1px solid #e9e9e9; transition: all 0.3s } .zflist li:hover { border-bottom: 1px solid #892A28; } .zflist li:hover a { color: #892A28; } .zfform { margin-top: .5rem } .zfform ul li { width: 48%; margin-bottom: .2rem; line-height: .45rem; display: flex; align-items: flex-start; } .zfform ul li.sp { width: 100% } .zfform ul li label { width: 1.2rem; font-size: .2rem; text-align: right; } .zfform ul li .inp { height: .45rem; width: calc(100% - 1.2rem); border: 1px solid #ddd; padding: 0 .1rem } .zfform ul li .txt { height: 1.35rem; width: calc(100% - 1.2rem); border: 1px solid #ddd; padding: .1rem; line-height: 1.4em } .nyhis img { mix-blend-mode: darken; } .nyhis .hislist p { font-size: .18rem; color: #9d0707; line-height: 1.8em } .nyhis .txt { border-top: 5px solid #9d0707; padding-top: .3rem; margin-top: .3rem } .nyhis .txt h3 { font-size: .24rem; color: #9d0707; margin-bottom: .2rem } .nyhis .txt ul li { width: 30% } .nyhis .txt ul li h4 { font-size: .2rem; color: #9d0707; margin-bottom: .1rem } .nyhis .txt ul li p { line-height: 1.8em; text-align: justify; } .txtList { padding-bottom: .3rem } .txtList li { /* padding: .3rem 0; */ position: relative; /* border-bottom: #f2eaea 1px solid; */ } .txtList li a { display: flex; position: relative; z-index: 5; justify-content: space-between; } .txtList li:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 0; transition: .5s; z-index: 0; background: url(../images/tzbg.jpg) #892a28; background-size: cover } .txtList li .time { width: 1.2rem; padding-right: .2rem; /* border-right: 1px solid rgba(0, 0, 0, .1); */ color: #983836; text-align: right; font-family: 'Arial'; transition: .5s; font-size: .18rem; line-height: .34rem; display: flex; flex-direction: column; justify-content: center; background: url(../images/time_ico.png) center no-repeat; } .txtList li .time span { font-size: .34rem; display: block; font-weight: bold; } .txtList li .txt { width: calc(100% - 1.2rem); padding-left: .3rem; padding-top: 0.4rem; padding-bottom: 0.4rem; border-bottom: #f2eaea 1px solid; } .txtList li .txt h4 { font-weight: normal; font-size: .22rem; transition: .5s; line-height: .4rem; font-weight: bold; } .txtList li .txt p { margin-top: .1rem; color: #666; transition: .5s; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 0.15rem; line-height: .26rem; } .newsList { padding-bottom: .3rem } .newsList li { padding: 0 0; position: relative; border-bottom: 1px dashed #ddd; } .newsList li a { display: flex; position: relative; z-index: 5; justify-content: space-between; align-items: center; padding: 0.2rem; } .newsList li a:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 0; transition: .5s; z-index: 0; background-size: cover; background: #892a28; } .newsList li .imgBox { width: 2.8rem; z-index: 4 } .newsList li .imgBox .img { padding-bottom: 70%; } .newsList li .txt { width: calc(100% - 3rem); padding: 0 0 0 .4rem; position: relative; z-index: 3 } .newsList li .txt h4 { font-weight: normal; font-size: .26rem; transition: .5s; line-height: .3rem; } .newsList li .txt p { margin-top: .1rem; color: #666; transition: .5s; line-height: 1.6em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .newsList li .txt .txtmore { display: block; width: .8rem; height: .2rem; opacity: 0; font-size: .16rem; color: #fff; float: right; margin-top: 0.2rem; background: url(../images/chg_27.png) center no-repeat; text-align: center; margin-right: 0.2rem; transition: all 0.3s; } .newsList li .txt time { transition: .5s; display: block; margin-bottom: .2rem; color: #A3A4A5; font-size: .18rem; } .newsList li .txt time span { color: #892A28; font-size: .3rem; font-weight: bold; padding-right: 0.1rem; transition: .5s; } .ul-jgb1 { margin: 0 -15px } .ul-jgb1 li { float: left; width: 50% } .ul-jgb1 .con { display: block; font-size: 0.18rem; color: #333; line-height: 50px; padding-left: 40px; padding-right: 10px; background-color: #fff; border-left: 2px solid #96000e; margin: 0 15px 18px; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .ul-jgb1 .con:hover { color: #96000e; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .2); box-shadow: 0 0 8px rgba(0, 0, 0, .2); } .ul-jgb1 li:hover {} @media (min-width: 1025px) { .vidList li:hover .txt:after { width: 100%; } .vidList li:hover .txt p { color: #fff; } .txtList li:hover:after { width: 100%; box-shadow: 0 8px 15px rgba(0, 0, 0, .3); } .txtList li:hover .txt { border-bottom: transparent 1px solid } .txtList li:hover .time { color: #faeee0; border-color: rgba(255, 255, 255, .2); } .txtList li:hover .txt h4 { color: #fff; } .txtList li:hover .txt p { color: #fff; } .newsList li:hover a:after { width: 100%; box-shadow: 0 8px 15px rgba(0, 0, 0, .3); } .newsList li:hover .time { color: #faeee0; border-color: rgba(255, 255, 255, .2); } .newsList li:hover .txt h4 { color: #fff; } .newsList li:hover .txt p { color: rgba(255, 255, 255, .7); } .newsList li:hover .txt time { color: rgba(255, 255, 255, 1); } .newsList li:hover .txt time span { color: rgba(255, 255, 255, 1); } .newsList li:hover .txt .txtmore { opacity: 1; margin-right: 0rem; } } @media (max-width: 1024px) { .newsList li .imgBox { width: 35% } .newsList li .txt { width: 65%; padding-right: 0 } .txtList li .time { background-size: 80% } } @media (max-width: 900px) { .vidList li { width: calc(50% - .15rem); margin-bottom: .3rem } .newsList li .txt p { display: none } } @media (max-width: 640px) { .vidList li { width: 100% } .zfform ul li { width: 100% } .zflist li { padding-right: 0; font-size: .22rem; padding-left: 0; } .zflist li:before { display: none } .zflist li a { font-size: .26rem; line-height: .4rem; } .zflist li time { font-size: .26rem; } .zflist li time { position: relative; right: 0; top: 0; display: block; margin-top: .2rem; /* line-height: .4rem; */ } .zfform ul li label { width: 1rem; font-size: .19rem; text-align: right; } .zfform ul li .inp { width: calc(100% - 1rem); } .zfform ul li .txt { width: calc(100% - 1rem) } .nyhis .txt ul li { width: 100%; margin-bottom: .2rem } .txtList li .txt p { display: none } .txtList li .txt h4 { font-size: .26rem; line-height: .36rem; } .txtList li .time { width: 1rem; padding-right: .2rem; background-size: 80%; } .txtList li .time span { font-size: .3rem; } .txtList li .txt { width: calc(100% - 1rem); padding-left: .2rem } .newsList li .txt h4 { font-size: .26rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .newsList li .imgBox { width: 40% } .newsList li .txt { width: 60%; padding-left: .2rem } .newsList li .imgBox .img { padding-bottom: 65% } } /* */ /* */ .m-listb3 { padding: .6rem 0 0; margin: 0 -0.2rem; height: auto; overflow: hidden; display: flex; justify-content: center; flex-wrap: wrap; } .m-listb3 li { /* float: left; */ width: 23%; padding: 0.2rem 1%; } .m-listb3 li:nth-child(-n+3){ margin: 0; } .m-listb3 li:nth-child(1){ margin-left: 20%; } .m-listb3 li:nth-child(2){margin-right: 20%;} .m-listb3 .con { display: block; margin: 0 .2rem .45rem; border: .01rem solid #e9eced; position: relative; padding: .23rem .25rem 0; background-color: #fff; -webkit-transition: .4s; -o-transition: .4s; -moz-transition: .4s; transition: .4s } .m-listb3 .con:hover { box-shadow: 0 .14rem .25rem rgba(206, 199, 199.7) } .m-listb3 .pic { position: relative; height: 0; padding-top: 119.45%; overflow: hidden } .m-listb3 .pic img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .m-listb3 .txt { text-align: center; font-size: .2rem; color: #000; margin: .18rem .24rem; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 0.6rem; line-height: 0.6rem; } @media screen and (max-width: 1199px) { .m-listb3 { padding-top: .2rem; margin: 0 -0.05rem } .m-listb3 .con { margin: 0 .05rem .1rem; padding: .1rem } .m-listb3 .con::before { display: none } .m-listb3 .pic { margin-bottom: 0 } .m-listb3 .txt { font-size: .18rem; line-height: 0.6rem; } } @media screen and (max-width: 767px) { .m-listb3 { margin: 0 -0.05rem } .m-listb3 li { width: 46%; padding: 2%; } .m-listb3 li:nth-child(1){margin-left:0;} .m-listb3 li:nth-child(2){margin-right:0;}} .m-listb3 .con { margin: 0 .05rem .1rem; padding: .06rem } .m-listb3 .pic { margin-bottom: .06rem } .m-listb3 .txt { margin: 0 } } /* */ .teacherfl { height: auto; overflow: hidden; line-height: .4rem; } .teacherfl h2 { color: #892A28; font-size: .18rem; font-weight: bold; line-height: .4rem; display: block; float: left; padding: 0 .2rem; } .teacherfl ul { float: left; display: flex; flex-wrap: wrap; } .teacherfl li { float: left; } .teacherfl li a { font-size: .18rem; display: block; padding: 0.1rem .2rem; transition: all 0.5s; } .teacherfl li a:hover { background: #892A28; color: #fff !important; } .teacherlist { padding: .4rem 0 0; margin: 0 -0.2rem; height: auto; /* overflow: hidden; */ } .teacherlist li { float: left; width: 20%; } .teacherlist .con { display: block; margin: 0.2rem 0.2rem; position: relative; padding: .1rem .3rem 0; -webkit-transition: .4s; -o-transition: .4s; -moz-transition: .4s; transition: .4s } .teacherlist .pic { position: relative; height: 0; padding-top: 100%; overflow: hidden; background: #EDE4E0; border-radius: 50%; border: 1px dashed #892A28; } .teacherlist .pic img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: all 0.3s ease-in; } .teacherlist .con:hover img { transform: scale(1.1); transition: all 0.3s ease-in; } .teacherlist .con:hover .name { font-weight: bold } .teacherlist .txt { text-align: center; font-size: .16rem; color: #555; margin: .18rem .24rem; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 0.5rem; line-height: 0.27rem; } .teacherlist .txt .name { font-size: .26rem; color: #333; } .teacherlist .txt .zhicheng { font-size: .16rem; color: #555; } @media screen and (max-width: 1199px) { .teacherlist { padding-top: .2rem; margin: 0 -0.05rem } .teacherlist .con { margin: 0 .05rem .1rem; padding: .1rem } } @media screen and (max-width: 767px) { .teacherfl h2 { font-size: .24rem; } .teacherfl li a { font-size: .20rem; line-height: .5rem } .teacherlist { margin: 0 -0.05rem } .teacherlist li { width: 50% } .teacherlist .con { margin: 0 .3rem .2rem; padding: .06rem } .teacherlist .pic { margin-bottom: .06rem; border-radius: 0; padding-top: 115%; } .teacherlist .txt .name { font-size: 0.26rem; line-height: .4rem; font-weight: bold; } .teacherlist .txt .zhicheng { font-size: .20rem; } } /* */ .icontentbox { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; padding-top: 0.45rem; } .icontent { width: 72%; } .con_rlist { width: 24%; position: relative; padding-left: 0.2rem; } .m-details .top { position: relative; margin-bottom: 45px; /* background: #fff; */ padding: 0.15rem 0; } .m-details .top .inner { padding: .12rem .32rem .12rem 0.5rem; background-position: left center; background-size: cover; background-repeat: no-repeat; position: relative; z-index: 1; background: #fff; margin-left: 0.2rem; } .m-details .top::before { position: absolute; left: 0px; bottom: .15rem; width: 0.4rem; top: 0; content: ""; background-position: center; background-repeat: no-repeat; background-size: cover; /* border-left: #892A28 10px solid; */ /* border-top: #892A28 10px solid; */ /* border-bottom: #892A28 10px solid; */ height: 100%; box-sizing: border-box; background: url(../images/titbg.png) left center no-repeat; z-index: 0; background-size: 100% 100%; } .m-details .tit { font-size: .3rem; margin-bottom: .2rem; } .m-details .info { font-size: .16rem; color: #888; display: flex; align-items: center; justify-content: space-between } .m-details .info .share { display: flex; align-items: center } .m-details .info .size { font-size: .15rem; color: #666; margin-right: .56rem } .m-details .info .size a { color: #666; transition: .3s; margin: 0 .04rem } .m-details .info .size a.on, .m-details .info .size a:hover { color: #892a28; } .m-details .info .ort { font-size: .16rem; color: #666 } .m-details .info .ort span { display: inline-block; margin-right: .4rem; font-size: .18rem; } .m-details .info .ort a { color: #333; transition: .3s } .m-details .info .ort a:hover { text-decoration: underline } .m-details .desc { line-height: 2; font-size: .18rem; color: #666 } .m-details .desc p { text-indent: 2em; font-size: .19rem!important; line-height: .4rem!important; color: #333; } .m-details .desc span { text-indent: 2em; font-size: .19rem!important; line-height: .4rem!important; color: #333; } .m-details .desc p img { max-width: 100%; height: auto !important; display: block; margin: auto; } .m-details .txt { padding-bottom: .7rem; border-bottom: 1px solid #ddd; margin-bottom: .38rem; position: relative; bottom: 0; content: ""; background-position: center; background-repeat: no-repeat; background-size: contain } .m-details .txt::after { position: absolute; left: 0; bottom: 0; background-image: url(../images/a3.png); content: ""; background-position: center; background-repeat: no-repeat; background-size: contain; width: 1.06rem; height: 6px } .m-details .pages-box { font-size: .18rem; color: #892A28; } .m-details .pages-box a { color: #666; transition: .3s; font-size: .18rem; } .m-details .pages-box .prev { margin-bottom: .2rem; display: block; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space: nowrap; font-size: .18rem; } .m-details .pages-box .next { display: block; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space: nowrap } .m-details .pages-box a:hover { color: #0d42a7; text-decoration: underline } .m-details .date { font-size: .16rem; text-align: right; color: #888; /* margin-top: .3rem; */ background: url(../images/dateocp.png) left center no-repeat; padding-left: 0.25rem; background-size: .16rem; } .share-box { display: inline-block; float: right } .bd_weixin_popup { box-sizing: content-box } .jump-icon { text-align: right; display: block; position: relative; z-index: 1 } .jump-icon .con { display: inline-block; margin: 0 .04rem } .jump-icon .con a { width: .32rem; height: .32rem; border-radius: .02rem; background-color: transparent; display: block; position: relative; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url(../images/s-a6.png); padding-left: 0; margin-right: 0; transition: .3s } .jump-icon .con2 a { background-image: url(../images/s-a9.png) } .jump-icon .con3 a { background-image: url(../images/s-a8.png) } .jump-icon .con4 a { background-image: url(../images/s-a7.png) } .jump-icon .con5 a { background-image: url(../images/s-b1.png) } #bsBox, #bsWXBox { box-sizing: content-box } /* */ .c_title { position: relative; margin: 0 auto; } .c_title h3 { margin: 0 auto; text-align: left; } .c_title h3 a { display: block; } .c_title h3 img { display: inline-block; width: 0.86rem; height: 0.88rem; } .c_title h3 span { display: inline-block; text-align: left; background: url(../images/title.png) no-repeat right 0.2rem; padding-right: 0.95rem; margin-left: 0.2rem; position: relative; top: -0.1rem; } .c_title h3 span em { font-size: 0.38rem; font-weight: bold; color: #333333; } .c_title h3 span em i { font-size: 0.38rem; font-weight: bold; color: #983836 } .c_title h3 span b { display: block; font-size: 0.16rem; color: #983836; font-weight: normal; /* background: url(../images/title_xt.png) no-repeat left center; padding-left: 0.35rem;*/ margin-top: 0.15rem; } .c_newslist { height: auto; overflow: hidden; margin-top: 0.4rem; } .c_newslist ul {} .c_newslist ul li { float: left; width: 100%; border-bottom: #e3e3e3 1px solid; padding: 0.1rem 0 0.2rem 0; margin: 0.1rem 0 0.2rem 0; } .c_newslist ul li:hover { border-bottom: #892A28 1px solid } .c_newslist ul li span { display: block; font-family: 'imp'; font-size: 0.22rem; color: #983836; margin-bottom: 0.1rem; } .c_newslist ul li .h4 { font-size: 0.16rem; line-height: 0.28rem; /* height: .56rem; */ color: #444444; display: block; overflow: hidden; } @media only screen and (max-width:1199px) { .con_rlist { display: none; } .m-details .info { display: block } .m-details .info .ort { margin-bottom: 10px 0 } .icontentbox { padding-top: 0.2rem; } .icontent { width: 100%; float: none; } .row-banbox { overflow: hidden } } @media only screen and (max-width:959px) { .m-details .info { display: block } .m-details .desc p { font-size: .28rem !important; } .m-details .desc span { text-indent: 2em; font-size: .28rem !important; line-height: .4rem; color: #333; } .m-details .desc a { font-size: .28rem !important; line-height: .4rem; color: #333; } .m-details .desc li { font-size: .28rem !important; line-height: .4rem; color: #333; } .m-details .pages-box a { color: #666; transition: .3s; font-size: .26rem; } .m-details .pages-box .prev { font-size: .26rem; } .m-details .pages-box .next { font-size: .26rem; } .m-details .info .ort span { display: inline-block; margin-right: 0.4rem; font-size: .24rem; } .m-details .info .size { margin-right: 0; font-size: .24rem; } .m-details .info .size a{ font-size: .24rem; } .m-details .info .ort { margin-bottom: .16rem; } .m-details .info .ort a { .16rem; font-size: .18rem; } .share-box { display: none } .m-details .info .share { display: block } .row-details { padding: .4rem 0 } .m-details .top::before { display: none } .m-details .top { padding: 0 0 .15rem; margin-bottom: .15rem } .m-details .top .inner { padding: 0.2rem; margin: 0; } .m-details .desc { font-size: .14rem; line-height: 1.6 } .m-details .pages-box { font-size: .14rem } .m-details .tit { font-size: .26rem; line-height: 0.36rem; font-weight: bold; } .ul-jgb1 { margin-left: 0; margin-right: 0 } .ul-jgb1 li { float: none; width: auto } .ul-jgb1 .con { font-size: 14px; line-height: 40px; padding-left: 10px; margin: 0 0 10px } } @media only screen and (max-width:767px) { .m-details .desc p img { display: block; } }