@charset "utf-8"; .head { /* transition: all .5s; */ } html, body { background: #fff; } .banner { position: relative; } .banner-tit { position: absolute; left: 0; right: 0; bottom: 0; z-index: 9; } .banner-tit h2 { width: 2.86rem; line-height: .4rem; color: #fffafc; font-size: .28rem; position: relative; height: 1rem; display: flex; justify-content: center; align-items: center; background-position: center center; background-size: 100% 100%; font-family: "sysong"; font-weight: normal; } .nymain .leftNav>h2 {} .banner { position: relative; } .banner img { display: block; width: 100%; min-height: 2rem; object-fit: cover; } .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: #94050a; color: #fff; border: 1px solid #94050a; } .pagination a:hover { background: #94050a; color: #fff; border: 1px solid #94050a; } .pagination span { display: inline-block; font-size: 14px; line-height: 30px; } .nymain { position: relative; padding-bottom: 1.3rem; z-index: 99; font-family: "微软雅黑"; margin-top: .65rem; background: url(../images/ny-bg.png) no-repeat; background-position: right bottom; background-size: 3.88rem auto; } .nymain>div { display: flex; align-items: flex-start; } .nymain::before {} .nymain .leftNav { float: left; width: 2.4rem; position: relative; margin-right: .7rem; /* background: #fff; */ border-left: none; background-color: #f0edec; } .nymain .leftNav>h2 { line-height: .4rem; color: #fffafc; font-size: .28rem; position: relative; height: 0.8rem; display: flex; align-items: center; background: #ad0005; font-weight: normal; padding-left: 0.27rem; } .nymain .leftNav>h2 i { font-style: normal; font-size: 0.3rem; line-height: .26rem; position: absolute; left: 0; right: 0; top: 0; text-align: center; top: .28rem; opacity: 0.1; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; text-shadow: 0px 4px 10px rgba(0, 91, 172, 0.2); z-index: 1; } .nymain .leftNav>h2 b { position: relative; z-index: 2; } .nymain .leftNav>h2 img { vertical-align: middle; margin-right: 10px; margin-top: -5px; } .nymain .leftNav p { margin-left: 20px; font-size: 26px; font-weight: 600; color: #fff; padding: 20px 0; } .nymain .leftNav>ul { background-position: right bottom; position: relative; padding-bottom: .66rem; border-left: 0.03rem solid #970719; background: url(../images/leftNavbg.png) no-repeat; background-position: center bottom; background-size: 100% auto; } .nymain .leftNav>ul::before {} .nymain .leftNav>ul::after {} .nymain .leftNav>ul>li { position: relative; border-top: 1px solid rgba(224, 224, 224,.7); } .nymain .leftNav>ul>li:first-child { border-top: none; } .nymain .leftNav ul li a { display: block; font-size: .22rem; line-height: .3rem; color: #4D4D4D; padding: 0 .2rem; position: relative; padding-left: .25rem; padding-top: .2rem; padding-bottom: .2rem; } .nymain .leftNav>ul>li>span { position: absolute; right: .15rem; top: .2rem; cursor: pointer; transition: all 0.3s; /* display: none; */ width: 0.3rem; height: 0.3rem; } .nymain .leftNav>ul>li>span::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); border-width: .1rem 0 0.1rem .1rem; border-style: solid; border-color: transparent transparent transparent #cdbeb9; transition: all .5s; } .nymain .leftNav>ul>li.on>a {} .nymain .leftNav>ul>li.activ { background: #dadada; } .nymain .leftNav>ul>li.active>a { color: #94050a !important; font-weight: 600; background-color: #94050a; color: #fff !important; background: #bc080e url(../images/leftNavact-bg.png) no-repeat; background-position: right bottom; background-size: auto .6rem; box-shadow: 0rem 0.06rem 0.21rem 0rem rgba(116, 9, 43, 0.2); } .nymain .leftNav>ul>li.active>a:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 2px; height: .19rem; background-color: #ffffff; opacity: 0; } .nymain .leftNav ul li:hover {} .nymain .leftNav>ul>li.on>span::before { /* background: #e0b5ba; */ transform: translateX(-50%) translateY(-50%) rotateZ(90deg); border-color: transparent transparent transparent #e79598; } .nymain .leftNav ul li.active ul { display: block; } .nymain .leftNav ul li:hover>a { color: #94050a; } .nymain .leftNav>ul>li>ul { display: none; padding-top: .13rem; padding-bottom: 0.13rem; padding-right: 0; padding-left: .3rem; padding-right: .3rem; background: #fff; } .nymain .leftNav>ul>li>ul>li>a { font-size: 0.16rem; line-height: 0.3rem; /* border-top: 1px solid #eeeeee; */ padding-left: .2rem; color: #111; border: none; padding-right: 0; padding-left: 0; padding-top: .05rem; padding-bottom: .05rem; } .nymain .leftNav>ul>li>ul>li a.active{ color: #8c050a; } .nymain .leftNav>ul>li>ul>li>a:hover { } .nymain .leftNav>ul>li>ul>li:nth-child(1)>a { border: none; } .nymain .leftNav ul li ul li ul {} .nymain .leftNav ul li ul li ul li a { font-size: .14rem; line-height: .34rem; padding-left: .2rem; } .nymain .leftNav ul li ul li ul li a:hover{ color: #94050a; } .nymain .leftNav ul li ul li span { position: absolute; right: .2rem; top: .05rem; cursor: pointer; transition: all 0.3s; /* display: none; */ width: 0.3rem; height: 0.3rem; } .nymain .leftNav ul li ul li span::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); width: 0.1rem; height: 0.03rem; background: #cfd7ea; } .nymain .leftNav ul li ul li { position: relative; } .nymain .leftNav ul li ul li+li{ border-top:1px solid rgba(240 ,233, 231,.7); } .nymain .leftNav ul li ul li .active>span::before { background: #e0b5ba; } .nymain .leftNav ul li ul li .active>a { color: #94050a !important; font-weight: 600; background-color: #94050a; color: #fff !important; background-color: #970719; box-shadow: 0rem 0.06rem 0.21rem 0rem rgba(116, 9, 43, 0.2); margin-right: -.1rem; } .ny-right { flex: 1; min-width: 0; } .ny-right img{margin:5px 10px;} .ny-rcom { font-size: 24px; color: #94050a; margin-bottom: 15px; font-weight: normal; } .position-box { overflow: hidden; margin-top: -1.28rem; } .position { display: flex; position: relative; z-index: 1; justify-content: space-between; align-items: flex-end; } .position:before { content: ""; position: absolute; right: 4.97rem; left: -2.6rem; bottom:-1px; height: 1.29rem; background: #fff; border-radius: 0 .79rem 0 0; background: url(../images/position-befbg.png) no-repeat; background-size: auto 100%; background-position: right center; } .position:after { content: ""; position: absolute; right: -2.6rem; top: .57rem; border-radius: 0 0 0 .9rem; background-color: rgba(183, 12 ,17,.75); height: .72rem; width: 8.3rem; } .position>div { flex: 1; min-width: 0; text-align: right; font-size: 0; line-height: .3rem; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; padding-bottom: .2rem; z-index: 9; } .position>h3::after { display: block; flex: 1; content: ""; position: absolute; right: -.1rem; bottom: -.08rem; background: url(../images/itit-aft.png) no-repeat; background-position: center center; background-size: 100% 100%; width: 0.26rem; height: 0.27rem; z-index: -1; } .position h3 { z-index: 9; position: relative; margin-right: .05rem; display: flex; align-items: center; font-size: 0.28rem; font-weight: normal; font-stretch: normal; line-height: 0.4rem; color: #222222; font-family: SourceHanSerifCN-Bold; margin: .74rem 0 .15rem 0; } .position svg { margin-right: .1rem; height: .29rem; } .position svg path { fill: #fff; } .position span { color: #fff; font-size: .14rem; vertical-align: middle; z-index: 9; position: relative; margin: 0 .05rem; } .position img { height: 0.17rem; vertical-align: middle; margin-right: 0.05rem; z-index: 9; position: relative; } .position a { font-size: .16rem; padding: 0 .05rem; vertical-align: middle; color: #fff; z-index: 9; position: relative; } .position a:hover { /* color: #94050a; */ } .ind_art_box { padding: 30px 0; } .ind_art h3 { text-align: center; font-size: 20px; font-weight: 900; text-indent: 0; color: rgba(0, 0, 0, .85); } .ind_art h4 { font-weight: 900; line-height: 1.5; margin: 2em 0; color: rgba(0, 0, 0, 0.65); } .ind_art p.noIndent { text-indent: 0 } .ind_art_main p { color: rgba(0, 0, 0, .6); line-height: 2.5em; text-indent: 2em; } .ind_art .c img { display: block; width: 300px; margin: 0 auto; } .ind_art p.noTitle { font-weight: 400; font-size: 14px; text-align: left; text-indent: 2em; } .timg-list ul li { position: relative; } .timg-list ul li::before { content: ""; position: absolute; right: 0; bottom: 0; height: 1px; z-index: 1; width: 0; transition: all 0.6s; background: #94050a; } .timg-list ul li a { display: block; transition: all 0.3s; padding: .15rem 0; position: relative; z-index: 2; font-family: "微软雅黑"; padding: .3rem 0; border-top: 1px dashed rgba(102, 102, 102, .3); } .timg-list ul li:nth-child(1) a { border: none; padding-top: 0; } .timg-list ul li a h3 { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; font-weight: normal; line-height: 0.50rem; letter-spacing: normal; color: #333333; position: relative; } .timg-list ul li a>div { display: flex; } .timg-list ul li a>div .date { width: .76rem; border-top: 2px solid #94050a; text-align: right; padding-top: .15rem; margin-right: .4rem; align-self: flex-start; transition: all .6s; height: .84rem; order: 1; } .timg-list ul li a>div .date span { display: block; font-size: .14rem; font-weight: normal; font-stretch: normal; line-height: .22rem; letter-spacing: -1px; color: #999999; } .timg-list ul li a>div .date b { display: block; font-family: SourceHanSerifSC-Heavy; font-size: .32rem; font-weight: normal; font-stretch: normal; line-height: .3rem; letter-spacing: -1px; color: #94050a; margin-top: .1rem; transition: all .5s; } .timg-list-img { float: left; width: 2.72rem; margin-right: .26rem; } .timg-list ul li a .pic { padding-top: 62.5%; } .timg-linfo { flex: 1; min-width: 0; align-self: center; } .timg-linfo p { font-size:14px; line-height: .24rem; color: #888888; margin: .08rem 0 .16rem 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; max-height: .72rem; } .timg-linfo span { display: block; font-size: 0.14rem; font-weight: normal; font-stretch: normal; line-height: 0.28rem; color: #9d0c3a; } .timg-linfo div { display: flex; align-items: flex-end; position: relative; } .timg-linfo div::after {} .timg-linfo div::before {} .timg-linfo div::after {} .timg-linfo div b { font-size: 0.24rem; font-weight: bold; line-height: .3rem; color: #94070A; } .timg-list ul li a:hover { border-color: transparent; } .timg-list ul li:hover+li a { border-color: transparent; } .timg-list ul li a:hover h3 { color: #94050a; font-weight: 600; } .timg-list ul li a:hover .date { background-color: #94050a; text-align: center; border-color: transparent; padding-top: .1rem; } .timg-list ul li a:hover .date span { color: #fff; } .timg-list ul li a:hover .date b { color: #fff; } .timg-list ul li:hover::before { left: 0; width: 100%; } /* 图片列表 */ .img-lists ul { margin: 0 -.1rem; display: flex; flex-wrap: wrap; } .img-lists ul li { width: 33.33%; margin-top: .2rem; transition: all 0.3s; position: relative; top: 0; } .img-lists ul li:nth-child(3n+1) { margin-left: 0; } .img-lists ul li a:hover { box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5); } .img-lists ul li:hover .info { background: #94050a; padding: 0 .15rem; } .img-lists ul li:hover .info p { color: #fff; } .img-lists ul li a { display: block; margin: 0 .1rem; transition: all 0.5s; } .img-lists ul li a .pic { padding-top: 65%; } .img-lists ul li a>img { display: block; width: 100%; height: 196px; } .img-lists ul li a>div.info { /* display: none; */ font-size: 0; background-position: left center; transition: all 0.5s; border-bottom: 2px solid #94050a; } .img-lists ul li a>div.info p { color: #1B1B1B; font-size: .18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: .65rem; text-align: center; } .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; } .cont{ margin-top:30px; } .art-main .art-tit { border-bottom: 1px dashed rgba(102, 102, 102, .3); padding-top: .35rem; padding-bottom: .45rem; } .art-main .art-tit h3 { font-size: 26px; font-weight: normal; font-stretch: normal; line-height: 40px; letter-spacing: 0rem; color: #222222; text-align: center; } .art-main .art-tit h4 { text-align: center; color: #666666; font-weight: normal; font-size: 18px; margin-top: 30px; } .art-main .art-body {} .art-main .art-body p { margin: 16px 0; color: #222222; text-indent: 2em; font-size: 16px; /* margin-top: 15px; */ } .art-main .art-body img { max-width: 100% !important; display: block; margin: .3rem auto; height: auto !important; } .art-main .cont-tit p { font-size: 0; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; line-height: .3rem; color: #666666; margin-top: .2rem; } .art-main .cont-tit p img { display: inline-block; vertical-align: middle; margin-right: 0.05rem; } .art-main .cont-tit p .liulan { margin-left: 50px; } .art-main .cont-tit p span { display: flex; align-items: center; vertical-align: middle; font-size: .16rem; line-height: .3rem; margin: 0 .1rem; color: #666666; } .art-info {} .pnext { margin-top: .35rem; padding-top: .25rem; border-top: 1px solid rgba(32, 69, 162, .2); } .pnext p { text-indent: initial; font-size: 16px; line-height: .35rem; color: #970719; display: flex; flex-wrap: wrap; align-items: center; } .pnext p+p { margin-top: .05rem } .pnext p a { color: #222222; } .pnext p:hover { color: #94050a; } .pnext p:hover a { color: #94050a; } .pages { text-align: center; clear: both; margin-bottom: 80px; font-size: 14px; color: #666; line-height: 30px } .pages .p-flip, .pages ul { display: inline-block; vertical-align: top } .pages .p-flip { margin-left: 12px } .pages .inp { display: inline-block; vertical-align: top; width: 30px; height: 30px; border: 1px solid #ddd; font-size: 14px; color: #333; line-height: 28px; text-align: center; margin: 0 8px } .pages ul li { float: left; margin: 0 3px } .pages ul a { display: block; width: 30px; height: 30px; font-size: 14px; color: #666; line-height: 30px; text-align: center; background-repeat: no-repeat; background-position: center center } .pages ul a:hover { color: #204ba0 } .pages ul li.on a { background-color: #204ba0; color: #fff } .pages .p-first a { } .pages .p-last a { } .pages .p-next, .pages .p-prev { display: inline-block; vertical-align: top; color: #333 } .pages .p-next a, .pages .p-prev a { color: inherit; width: auto; margin: 0 5px } .pages .p-next a:hover, .pages .p-prev a:hover { color: #204ba0 } .m-txt6 { background: #f3f9ff; font-size: 14px; color: #333; line-height: 2 } .m-txt6 .tit { font-size: 22px; font-weight: 700; color: #333; line-height: 62px; border-bottom: 1px solid #ccc; margin-bottom: 23px } .m-txt6 .tit img { display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 8px; height: 26px } .m-txt6 .more { display: block; font-size: 14px; color: #fff; line-height: 40px; text-align: center; background: #204ba0 } .m-txt6 .more:hover { background: #4070cf } .m-txt6 .con { padding: 12px 20px 17px } .m-txt6 p { overflow: hidden; margin-bottom: 7px } .m-txt6 p em { display: block; float: left; width: 56px; margin-right: 5px } .m-txt6 p span { display: block; overflow: hidden } /*文字 列表 */ .project { margin-top: .35rem; } .project h3 { font-size: .2rem; font-weight: 600; } .i-list { padding: 17px 0; } .i-list li { position: relative; } .i-list li a { display: flex; color: #111111; position: relative; line-height: .8rem; border-bottom: 1px dashed #E8E8E8; transition: all 0.5s; padding: .3rem .35rem; position: relative; z-index: 9; } .i-list li a:before {} .i-list li a:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(271deg, #94050a -10%, #3286e7 59%); z-index: -1; transform: scaleY(0); transition: all .6s; } .i-list li:nth-child(1) a { border-top: 1px solid transparent; } .i-list li:nth-child(1) a:before { display: none; } .i-list li:last-child a { border-bottom: 1px dashed #CBCBCB; } .i-list li a .date { min-width: .75rem; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-right: .15rem; transition: all 0.5s; padding-right: .32rem; margin-right: .35rem; position: relative; } .i-list li a .date::after { content: ""; position: absolute; right: 0; width: 1px; top: 50%; transform: translateY(-50%); height: 0.48rem; background: #FFEEEE; transition: all .6s; } .i-list li a .date b { font-size: 0.32rem; font-weight: bold; line-height: 0.26rem; color: #94050a; } .i-list li a .date span { font-size: 0.16rem; font-weight: normal; line-height: 0.24rem; color: #9E9E9E; margin-top: .2rem; width: .76rem; border: 1px solid rgba(120, 0, 9, 0.21); text-align: center; } .i-list li a .info { flex: 1; min-width: 0; } .i-list li a .info h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .18rem; line-height: .26rem; color: #333333; font-weight: normal; } .i-list li a .info p { font-size: 0.15rem; font-weight: normal; line-height: 0.26rem; color: #C5C5C5; font-weight: normal; margin-top: .07rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: .52rem; } .i-list li a span {} .i-list li:hover a::after { transform: scaleY(1); } .i-list li:hover a .date::after { background: rgba(255, 229, 229, 0.17); } .i-list li:hover a h3 { color: #fff; font-weight: 600; } .i-list li:hover a p { color: #FFD6D6; } .i-list li:hover a { border-color: transparent; } .i-list li:hover a .date b { color: #fff; } .i-list li:hover a .date span { color: #fff; border: 1px solid rgba(255, 255, 255, 0.6); } .i-list li:hover a:before { background: #94070A; } .jgsz-box { margin-top: .65rem; background: #FFFFFF; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1); } .jgsz-box:nth-child(1) { margin-top: 0; } .jgsz-box h3 { background: rgba(0, 96, 175, .1); text-align: center; font-size: .24rem; font-weight: bold; line-height: .77rem; text-align: center; color: #94050a; } .jgsz-box ul { display: flex; flex-wrap: wrap; padding: .15rem .2rem .3rem .2rem; } .jgsz-box ul li {} .jgsz-box ul li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .18rem; line-height: .62rem; color: #474747; padding: 0 .4rem 0 0; } .jgsz-box ul li a:hover { font-weight: 600; color: #94050a; text-decoration: underline; } /* 师资列表 */ .szlb ul { display: flex; flex-wrap: wrap; margin: 0 -.35rem; } .szlb ul li { width: 50%; margin-top: .65rem; } .szlb ul li:nth-child(-n+2) { margin-top: .4rem; } .szlb ul li a { display: block; margin: 0 .35rem; background: #FFFFFF; transition: all 0.5s; height: 100%; border-radius: 0px .4rem 0px 0px; position: relative; } .szlb ul li a::before { content: ""; position: absolute; left: -0.07rem; top: 0; right: 50%; height: 1.55rem; border-radius: 0px 0.45rem 0px 0.4rem; opacity: 1; background: #0A58A6; opacity: 1; background: #0A58A6; z-index: 1; } .szlb ul li a h3 { font-size: 0.22rem; font-weight: 600; line-height: 0.67rem; background: #F5F8FF; color: #0A58A6; padding: 0 .15rem 0 .42rem; position: relative; border-radius: 0px .4rem 0px 0px; z-index: 9; position: relative; } .szlb ul li a h3:before { content: ""; position: absolute; left: .28rem; top: 50%; transform: translateY(-50%); width: 3px; height: .23rem; background: #FFC062; } .szlb ul li a>div { border: 1px solid #CEDBE8; padding: .4rem .3rem; z-index: 9; position: relative; background: #fff; } .szlb ul li a>div dl {} .szlb ul li a>div dl dt { display: flex; align-items: flex-start; margin-top: .3rem; } .szlb ul li a>div dl dt:nth-child(1) { margin-top: 0; } .szlb ul li a>div dl dt div { height: .32rem; display: flex; align-items: center; justify-content: center; width: .3rem; margin-right: .2rem; } .szlb ul li a>div dl dt div img { display: block; max-height: .21rem; max-width: .25rem; } .szlb ul li a>div dl dt p { flex: 1; min-width: 0; } .szlb ul li a div p { font-size: 0.18rem; font-weight: normal; line-height: 0.32rem; color: #333333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .szlb ul li a:hover { box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.5); } .szlb ul li a:hover h3 { color: #94050a; } .searchpage .secpag { display: flex; flex-wrap: wrap; justify-content: center; font-size: 16px; line-height: 26px; color: #333; } .searchpage .secpag a { color: #333; } .searchpage .secpag a:hover { color: rgba(6, 131, 88, 1.0); } .zzjg-box { margin-top: 0.96rem; position: relative; } .zzjg-box::before {} .zzjg-tit {} .zzjg-tit h3 { font-size: 0.36rem; font-weight: 600; line-height: 0.36rem; color: #4D4D4D; position: relative; z-index: 9; position: relative; display: flex; align-items: center; justify-content: center; } .zzjg-tit h3::before { content: ""; display: block; width: .55rem; height: .02rem; background: #B9B9B9; margin-right: .2rem; } .zzjg-tit h3::after { content: ""; display: block; width: .55rem; height: .02rem; background: #B9B9B9; margin-left: .2rem; } .zzjg-list { z-index: 9; position: relative; margin-top: .06rem; } .zzjg-list ul { display: flex; flex-wrap: wrap; margin: 0 -.18rem; } .zzjg-list ul li { width: 25%; margin-top: 0.22rem; } .zzjg-list ul li a { display: block; font-size: 0.18rem; font-weight: normal; line-height: 0.24rem; color: #333333; padding-left: .2rem; position: relative; text-align: center; border: 1px solid rgba(0, 0, 0, 0.0784); height: .57rem; display: flex; align-items: center; justify-content: center; padding: 0 .15rem; margin: 0 .18rem; } .zzjg-list ul li a::before {} .zzjg-list ul li a::before { content: ""; } .zzjg-list ul li a:hover { color: #0A58A6; font-weight: 600; } .zzjg-list ul li a:hover { background: linear-gradient(270deg, #94050a 0%, #2881e6 100%); color: #fff; } .zzjg-box:hover .zzjg-tit h3 { color: #94050a; } .zzjg-box:hover .zzjg-tit h3:before { background: #94050a; } .zzjg-box:hover .zzjg-tit h3:after { background: #94050a; } .xrld-tit { background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(249, 224, 224, 0.3) 100%); height: 0.6rem; display: flex; align-items: center; margin-top: .4rem; margin-bottom: .1rem; } .xrld-tit:nth-child(1) { margin-top: 0; } .xrld-tit h3 { font-size: 0.24rem; font-weight: bold; line-height: 0.24rem; color: #333333; border-left: 0.04rem solid #A31D20; padding-left: .15rem; } .xrld ul { display: flex; flex-wrap: wrap; margin: 0 -.6rem; } .xrld ul li { width: 33.333%; } .xrld ul li a { display: flex; padding: .2rem 0; border-bottom: 1px solid #E7E6E6; transition: all 0.5s; align-items: center; margin: 0 .6rem; height: 1rem; } .xrld ul li a b { width: .3rem; height: .2rem; font-weight: normal; line-height: 0.24rem; color: #3D3D3D; position: relative; margin-right: .15rem; background-position: center center; background-size: 100% auto; } .xrld ul li a b::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-position: center center; background-size: 100% 100%; width: 0.09rem; height: 0.09rem; } .xrld ul li a p { flex: 1; min-width: 0; font-size: 0.18rem; font-weight: normal; line-height: 0.24rem; color: #3D3D3D; } .xrld ul li a:hover { border: 1px solid #A31D20; box-shadow: 2px 3px 12px 0px rgba(68, 0, 4, 0.15); height: .9rem; background: #FFF7F7; padding: .2rem .15rem; } .xrld ul li a:hover p { font-weight: 600; color: #A31D20; } .xrld ul li a:hover b { font-weight: 600; color: #0A58A6; } /* 现任领导 */ .leader ul { display: flex; flex-wrap: wrap; justify-content: space-between; } .leader ul li { width: 48%; margin-top: .45rem; } .leader ul li a { display: flex; transition: all 0.5s; background: #F4F8FF; } .leader ul li a .pics { width: 2.4rem; } .leader ul li a .pics .pic { padding-top: 119%; } .leader ul li a .info { flex: 1; min-width: 0; padding-top: .2rem; padding: .3rem .25rem 0 .35rem; } .leader ul li a .info h3 { font-size: 0.24rem; font-weight: bold; line-height: normal; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .leader ul li a .info h4 { font-size: .18rem; font-weight: normal; line-height: normal; color: #94050a; margin-top: .15rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .leader ul li a .info div { border-top: 1px dashed #94050a; transition: all 0.5s; position: relative; margin-top: .2rem; } .leader ul li a .info div::before { content: ""; position: absolute; left: 0; top: 0; transform: translateY(-2px); width: 3px; height: 3px; background: #94050a; } .leader ul li a .info div::after { content: ""; position: absolute; right: 0; top: 0; transform: translateY(-2px); width: 3px; height: 3px; background: #94050a; } .leader ul li a .info p { font-size: 0.16rem; font-weight: normal; line-height: 0.28rem; text-transform: uppercase; color: #9E9E9E; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; max-height: 1.12rem; margin-top: .2rem; } .leader ul li a:hover { background: #94050a; } .leader ul li a:hover .info h3 { color: #fff; } .leader ul li a:hover .info h4 { color: #fff; } .leader ul li a:hover .info div { border-color: #fff; } .leader ul li a:hover .info div::before { background: #fff; } .leader ul li a:hover .info div::after { background: #fff; } .leader ul li a:hover .info p { color: rgba(255, 255, 255, .7); } .whcj { margin-top: .35rem; } .whcj-pic { display: flex; justify-content: center; background: #F5F8FC; padding: 1rem .2rem; } .whcj-pic img { max-width: 100%; } .whcj-text { margin-top: .3rem; } .whcj-text p { font-size: 0.18rem; font-weight: normal; line-height: 0.44rem; text-transform: uppercase; color: #333333; } .whcj-box-flex { display: flex; align-items: flex-start; } .whcj-box-flex .whcj-pic { width: 4.59rem; margin-right: .6rem; margin-top: .3rem; } .whcj-box-flex .whcj-text { flex: 1; min-width: 0; } .whcj-down {} .whcj-down a { display: block; background: #F5F8FC; display: flex; justify-content: center; align-items: center; height: 1rem; margin-top: 1.2rem; transition: all 0.5s; } .whcj-down img { height: 0.4rem; margin-right: .1rem; } .whcj-down p { font-size: 0.24rem; font-weight: normal; line-height: normal; color: #333333; } .whcj-down a:hover p { color: #015198; font-weight: 600; } .whcj-down a:hover { box-shadow: 0 0 .1rem rgba(1, 81, 152, .3); } .xyjj-box { margin-top: .5rem; } .xyjj-text p { font-size: 0.18rem; font-weight: normal; line-height: 0.44rem; text-transform: uppercase; color: #333333; text-indent: 2em; } .xyjj-box ul { display: flex; justify-content: space-between; } .xyjj-box ul li { width: 48%; } .xyjj-box ul li img { display: block; width: 100%; } .xyjj-box-flex { display: flex; align-items: flex-start; } .xyjj-box-flex .xyjj-text { flex: 1; min-width: 0; } .xyjj-box-flex .xyjj-pic { width: 5.44rem; position: relative; padding: 0 .4rem .5rem 0; margin-left: .4rem; } .xyjj-box-flex .xyjj-pic img { display: block; width: 100%; position: relative; z-index: 9; } .xyjj-box-flex .xyjj-pic::before { content: ""; position: absolute; right: 0; left: 0.4rem; top: 0.5rem; bottom: 0; background: #94050a; z-index: 1; } .jsjj-box { margin-top: .3rem; } .jsjj-box:nth-child(1) { margin-top: 0; } .jsjj-infos { display: flex; background: #F7F7F7; } .jsjj-pics { width: 1.8rem; margin-right: .26rem; } .jsjj-pics .pic { padding-top: 127%; } .jsjj-info { flex: 1; min-width: 0; padding-top: .34rem; padding-bottom: .34rem; } .jsjj-info p { font-size: 0.16rem; font-weight: normal; line-height: 0.36rem; color: #333333; } .jsjj-tit { background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(249, 224, 224, 0.3) 100%); height: 0.6rem; display: flex; align-items: center; margin-bottom: .1rem; } .jsjj-tit h3 { font-size: 0.24rem; font-weight: bold; line-height: 0.24rem; color: #333333; border-left: 0.04rem solid #A31D20; padding-left: .15rem; } .jsjj-text p { font-size: 0.16rem; font-weight: normal; line-height: 0.36rem; color: #333333; } .jsjj-text ul li { font-size: 0.18rem; font-weight: normal; line-height: 0.48rem; color: #393939; } .xkgs-pic img { display: block; width: 100%; } .xkgs1 { display: flex; align-items: center; } .xkgs1 .xkgs-pic { width: 5.35rem; margin-right: .3rem; } .xkgs1 .xkgs-text p:nth-child(1) { margin-top: 0; } .xkgs2 { margin-top: .3rem; } .xkgs2 .xkgs-pic { display: flex; justify-content: space-between; } .xkgs2 .xkgs-pic img { display: block; width: 32.5%; } .xkgs3 { display: flex; flex-direction: row-reverse; margin-top: .3rem; } .xkgs3 .xkgs-pic { width: 5.4rem; margin-left: .3rem; } .xkgs3 .xkgs-text p:nth-child(1) { margin-top: 0; } .xkgs4 { display: flex; margin-top: .3rem; } .xkgs4 .xkgs-pic { width: 5.4rem; margin-right: .3rem; } .xkgs4 .xkgs-text p:nth-child(1) { margin-top: 0; } .xkgs-text { flex: 1; min-width: 0; } .xkgs-text p { font-size:16px; font-weight: normal; line-height: 200%; margin-top: .38rem; text-indent: 2em; } .xkgs-img1 { margin-top: .38rem; } .xkgs-img1 ul { display: flex; justify-content: space-between; } .xkgs-img1 ul li { width: 31.5%; } .xkgs-img1 ul li img { display: block; width: 100%; } .xkgs-img2 { margin-top: .38rem; } .xkgs-img2 { display: flex; justify-content: space-between; } .xkgs-img2 ul:nth-child(1) { width: 22.5%; } .xkgs-img2 ul:nth-child(2) { width: 22.5%; } .xkgs-img2 ul:nth-child(2) li:nth-child(2) { margin-top: 9%; } .xkgs-img2 ul:nth-child(3) { width: 51%; } .xkgs-img2 ul li {} .xkgs-img2 ul li img { display: block; width: 100%; } .xkgs-text-end p { text-indent: 0; } .ny-tit { display: flex; align-items: center; margin-bottom: .38rem; } .ny-tit::before { content: ""; height: 2px; background-color: #94050a; opacity: 0.1; flex: 1; min-width: 0; } .ny-tit::after { content: ""; height: 2px; background-color: #94050a; opacity: 0.1; flex: 1; min-width: 0; } .ny-tit div { display: flex; align-items: center; font-family: SourceHanSerifSC-Heavy; font-size: 0.4rem; font-weight: normal; font-stretch: normal; line-height: 0.4rem; letter-spacing: 0.02rem; margin: 0 .5rem; } .ny-tit div b { color: #94050a; } .ny-tit div span { color: #94050a; } .search-filt { background: #ffffff url(../images/search-filt-bg.jpg) no-repeat; background-position: center bottom; background-size: cover; border-radius: 0.05rem; border: solid 0.01rem #bc0905; padding: .49rem .2rem 0.3rem 0; } .search-filt>div { overflow: hidden; display: flex; } .search-filt>div+div { margin-top: .26rem; } .search-filt>div>span { margin-right: .3rem; width: 1.57rem; text-align: right; font-family: SourceHanSerifCN-Bold; font-size: 0.2rem; font-weight: normal; font-stretch: normal; line-height: 0.3rem; letter-spacing: 0rem; color: #232323; } .search-filt>div ul { overflow: hidden; flex: 1; } .search-filt>div ul li { float: left; font-size: .18rem; line-height: .3rem; margin-right: .2rem; margin-bottom: .17rem; } .search-filt>div ul li a { display: block; padding: 0.04rem .2rem; color: #3E3E3E; background-color: #f0edec; border-radius: 0.19rem; } .search-filt>div ul li a:hover { background-color: #970719 !important; color: #fff !important; } .search-filt>div ul li.on a { color: #fff !important; background-color: #970719 !important; } .search-filt>div.zm ul li { width: 6.666%; margin-right: 0; } .search-filt>div.zm ul li a { padding: 0; text-align: center; background: none; } .search-filt>div.zm ul li:nth-child(1) { width: auto; } .search-filt>div.zm ul li:nth-child(1) a { font-family: SourceHanSerifCN-Bold; padding: 0 .2rem } .szlist ul { display: flex; flex-wrap: wrap; margin: 0 -.2rem; } .szlist ul li { width: 50%; margin-top: .64rem; } .szlist ul li a { margin: 0 .2rem; display: flex; border-radius: 0.05rem; border: solid 0.01rem #f6f5f5; background-color: #f6f5f5; padding: .2rem .25rem; transition: all .5s; min-height: 100%; } .szlist ul li a .pics { width: 1.53rem; margin-right: .27rem; } .szlist ul li a .pics .pic { padding-top: 124%; } .szlist ul li a .info { flex: 1; min-width: 0; } .szlist ul li a .info h3 { display: flex; margin-bottom: .2rem; } .szlist ul li a .info h3 b { font-family: SourceHanSerifCN-Bold; font-size: 0.18rem; font-weight: normal; font-stretch: normal; line-height: 0.26rem; letter-spacing: 0rem; color: #222222; border-bottom: .03rem solid #970719; padding-bottom: .12rem; } .szlist ul li a .info dl { display: flex; font-size: 0.15rem; font-weight: normal; font-stretch: normal; line-height: 0.3rem; letter-spacing: 0rem; color: #222222; } .szlist ul li a .info dl dd { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; flex: 1; min-width: 0; } .szlist ul li a:hover { background-color: #ffffff; border: solid 0.01rem #e5e5e5; box-shadow: 0 0.08rem .1rem rgba(0, 0, 0, .2); } .szxz .szlist ul li a .pics .pic { padding-top: 145%; } .szxz .szlist ul li a .info { padding-top: 0; } .filt-ipt { display: flex !important; } .filt-ipt .text { flex: 1; min-width: 0; border: solid 0.01rem #bc0905; padding: 0 .23rem; border-radius: 0.05rem 0 0 .05rem; } .filt-ipt .text input { font-family: SourceHanSansCN-Regular; width: 100%; display: block; line-height: .56rem; height: 0.56rem; font-size: 0.2rem; font-weight: normal; font-stretch: normal; line-height: 0.3rem; letter-spacing: 0rem; background: none; border: none; } .filt-ipt .text input::placeholder { color: #afafaf; } .filt-ipt .btn { width: 1.27rem; background: #970719 url(../images/serarch-ts2.png) no-repeat; background-position: center; background-size: 21% auto; border-radius: 0rem 0.05rem 0.05rem 0rem; } .filt-ipt .btn input { display: block; width: 100%; height: 100%; background: none; border: none; font-family: SourceHanSansCN-Bold; font-size: 0.22rem; font-weight: 600; line-height: 0.58rem; color: #ffffff; cursor: pointer; } .search-filt2 { padding: 0; border: none; background: none; } .search-filt2>div>span { width: auto; } .search-filt>div.city ul li { margin-right: 0.1rem; } .search-filt>div.city ul li a { background: none; padding: 0 .1rem; } .tszl .szlist ul li a .pics { width: 1.92rem; } .tszl .szlist ul li a .pics .pic { padding-top: 140%; } .tszl .szlist ul li a .info h3 b { position: relative; border-bottom: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: .3rem; max-height: .6rem; padding-bottom: 0; } .tszl .szlist ul li a .info h3 { position: relative; padding-bottom: .15rem; } .tszl .szlist ul li a .info h3::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0.3rem; height: 0.03rem; background: #970719; } .tszl .szlist ul li a .info div { font-size: 0.15rem; font-weight: normal; line-height: 0.3rem; letter-spacing: 0rem; color: #222222; } .tszl .szlist ul li a .info div h4 { font-weight: 600; } .sz-artt { display: flex; } .sz-artt .pics { width: 3.29rem; margin-right: .4rem; } .sz-artt .pics .pic { padding-top: 124%; } .sz-artt .info { flex: 1; min-width: 0; padding-top: .3rem; } .sz-artt .info h3 { font-family: SourceHanSerifCN-Bold; font-size: 0.36rem; font-weight: normal; font-stretch: normal; line-height: 0.36rem; letter-spacing: 0rem; color: #222222; margin-bottom: .3rem; } .sz-artt .info dl { display: flex; font-size: 0.18rem; font-weight: normal; font-stretch: normal; line-height: 0.36rem; letter-spacing: 0rem; color: #222222; } .sz-artt .info dd { flex: 1; min-width: 0; } .sz-artt .info div { border-top: 1px solid #a9a9a9; padding-top: .2rem; margin-top: .2rem; } .sz-artt .info div p { font-size: 0.18rem; font-weight: normal; font-stretch: normal; line-height: 0.3rem; letter-spacing: 0rem; color: #222222; } .tab-bd { position: relative; overflow: hidden; } .tab-bd>div { position: absolute; left: 0; top: 0; width: 100%; opacity: 0; z-index: -9; transition: all 0.5s; transform: translateY(100%); } .tab-bd>div.on { position: relative; z-index: 9; opacity: 1; transform: translateY(0); } .sz-artb { margin-top: 0.45rem; } .sz-artb-tit ul { display: flex; flex-wrap: wrap; } .sz-artb-tit ul li { margin-right: 2px; } .sz-artb-tit ul li a { display: block; min-width: 1.88rem; background-color: #f0edec; text-align: center; line-height: .62rem; font-size: 0.2rem; font-weight: normal; font-stretch: normal; color: #000000; } .sz-artb-tit ul li.on a { background-color: #970719; color: #fff; } .sz-artb-bd { background-color: #f9f9f9; } .sz-artb-bd>div { padding: .2rem .1rem; } .sz-artb-bd>div>div { padding: .2rem .4rem; overflow-y: auto; max-height: 9rem; } .sz-artb-bd>div>div h3 { font-size: 0.18rem; font-weight: normal; font-stretch: normal; line-height: 0.5rem; color: #970719; } .sz-artb-bd>div>div p { font-size: 16px; line-height: .36rem; font-weight: normal; color: #292929; } .sz-artb-bd>div>div p a{ text-decoration: underline !important; } .interpret { display:none; position: fixed; right: 0.29rem; top: 50%; transform: translateY(-50%); width: 1.04rem; height: 1.04rem; background-color: #db9f6a; border-radius: 0.51rem; cursor: pointer; } .interpret div { height: 50%; background: #970719; position: relative; border-radius: .6rem .6rem 0 0; position: absolute; left: 0; top: 0; right: 0; } .interpret div span { display: flex; align-items: center; justify-content: center; padding-top: .15rem; font-size: 0.14rem; font-weight: normal; font-stretch: normal; line-height: 0.3rem; color: #ffffff; } .interpret div span::after { content: ""; display: block; width: .13rem; height: 0.2rem; background: url(../images/ndxs-arr.png) no-repeat; background-position: center center; background-size: auto .08rem; margin-left: 0.03rem; } .interpret div span img { height: 0.08rem; } .interpret div ul { position: absolute; left: 0; right: 0; top: 100%; background: #fff; transform: scaleY(0); transform-origin: center top; transition: all .4s; box-shadow: 0 0 .1rem rgba(0, 0, 0, .2); max-height: 3.5rem; overflow-y: auto; } .interpret div ul li a { display: block; text-align: center; border-top: 1px solid rgba(151, 7, 25, .2); font-size: .14rem; line-height: .3rem; color: #333; } .interpret div ul li a:hover { background: #970719; color: #fff; } .interpret b { display: block; height: 50%; font-size: 0.18rem; font-weight: normal; font-stretch: normal; line-height: 0.4rem; text-align: center; color: #ffffff; display: none; } /* .interpret div:hover ul{ transform: scaleY(1); } */ .interpret div ul.on { transform: scaleY(1); } .interpret select{ height: 50%; background: #970719; position: relative; border-radius: .6rem .6rem 0 0; color: #fff; width: 75%; text-align: center; margin: 0 auto; display: block; border: none; } .interpret button{ display: block; height: 50%; font-size: 0.12rem; font-weight: normal; font-stretch: normal; line-height: 0.4rem; text-align: center; color: #ffffff; width: 100%; border: none; background: none; } .tlist ul { padding-top: .2rem; } .tlist ul li{ border-bottom: 1px dashed #CBCBCB; } .tlist ul li a { display: flex; align-items: center; } .tlist ul li a h3 { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: .25rem; font-size: 0.18rem; font-weight: normal; line-height: 0.74rem; letter-spacing: normal; color: #333333; position: relative; } .tlist ul li.zd a h3 { background: url(../images/zdtp1.png) no-repeat; background-size: .18rem auto; background-position: -2px center; } .tlist ul li.zd a h3::before { opacity: 0; } .tlist ul li a h3::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: #90000A; width: 0.09rem; height: 0.09rem; border-radius: 50%; } .tlist ul li a span { min-width: .98rem; text-align: right; background-position: left center; background-size: .14rem auto; font-size: 0.14rem; font-weight: 500; line-height: 0.26rem; color: #90000A; } .tlist ul li a:hover h3 { font-weight: 600; color: #90000A; } .timg-list-img .btt img { object-fit:cover; } /* 2025年5月20日09:52:00 大事记 */ .dsj ul li {} .dsj ul li h3 { position: relative; padding-right: .5rem; border-bottom: 1px solid #d7dcea; font-size: 0.24rem; font-weight: 600; line-height: 0.36rem; color: #333333; padding-top: .2rem; padding-bottom: .2rem; } .dsj ul li h3 span { position: absolute; right: 0; top: 0; bottom: 0; width: 0.47rem; background: url(../images/dsj-right.png) no-repeat; background-position: center center; background-size: .19rem auto; transition: all .5s; cursor: pointer; } .dsj ul li h3 span.on{ transform: rotateZ(-180deg); } .dsj ul li dl { border-bottom: 1px solid #d7dcea; padding: .2rem 0 .37rem 0; display: none; } .dsj ul li dl dd a { display: block; font-size: 0.18rem; font-weight: normal; font-stretch: normal; line-height: 0.44rem; letter-spacing: 0rem; color: #222222; padding-left: .3rem; position: relative; } .dsj ul li dl dd a::before { content: ""; position: absolute; left: 0; width: 0.1rem; height: 0.03rem; top: 0.2rem; background: #970719; } /* 2025年5月29日16:11:46 */ .lrld-title div { font-size: 0.4rem; line-height: 1.3; text-align: center; } .lrld .tabs { height: 0.4rem; line-height: 0.4rem; text-align: center; position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-top: 0.3rem; } .lrld .tabs:before { content: ""; border-top: 1px solid #ddd; top: 0.2rem; position: absolute; left: 0; right: 0; } .lrld .tabs a { margin: 0 1.7rem; background: #fff; font-size: 0.22rem; position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .lrld .tabs a:before { content: ""; border-left: 1px solid #ddd; height: 0.1rem; display: inline-block; margin-right: 0.2rem; } .lrld .tabs a:after { content: ""; border-left: 1px solid #ddd; height: 0.1rem; display: inline-block; margin-left: 0.2rem; } .lrld .tabs a.now { } .lrld .content { margin-top: 0.4rem; } .lrld .content .list { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; flex-wrap: wrap; position: relative; -ms-flex-pack: center; justify-content: space-between; } .lrld .content .list .item { margin-left: 0.1rem; background: #fff; box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.2); padding: 0.4rem 0.25rem; font-size: 18px; width: calc(50% - 0.2rem); box-sizing: border-box; } .lrld .content .list .item:nth-child(1) { margin-left: 0; } .lrld .content .list li { cursor: pointer; padding: 0.1rem 0.15rem; margin: 0.1rem 0; } .lrld .content .list li.s { background: #94070a url(../image/png67.png) right center no-repeat; background-size: contain; color: #fff; } .lrld .mask { width: calc(50% - 0.2rem); position: absolute; left: 0; top: 0; height: 100%; visibility: hidden; transition: opacity 0.3s ease-out 0s; opacity: 0; } .lrld .mask .inner { background: #fff; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0.75rem 0.45rem 0; -ms-flex-direction: column; flex-direction: column; height: 100%; box-sizing: border-box; } .lrld .mask .inner .pics { height: 3.2rem; display: flex; justify-content: center; align-items: center;} .lrld .mask .inner .pics img{ display: block; max-width: 100%; max-height: 100%; } .lrld .mask.s { visibility: visible; opacity: 1; } .lrld .mask .h { color: #aa2d30; margin-top: 0.2rem; text-align: center; font-size: 0.18rem; line-height: 1.8; } .lrld .mask .p { margin-top: 0.2rem; line-height: 1.8; width: 100%; height: 1.45rem; text-indent: 2em; } .lrld .mask .close { position: absolute; right: 0.15rem; top: 0.15rem; font-family: icon; font-size: 0.2rem; cursor: pointer; width: 30px; height: 30px; } .lrld .mask .close::before{ content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) rotateZ(45deg); width: 20px; height: 2px; background: #333; } .lrld .mask .close::after{ content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%) rotateZ(-45deg); width: 20px; height: 2px; background: #333; } .lrld .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #94070a; } .art-main .art-body video { max-width:100%; display:block; margin:0 auto; } .lrld .inner .mCSB_container p {text-align:center;} /* .pb_sys_common { font-size: .16rem; color: #666; line-height: .24rem; font-family: 微软雅黑; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: .2rem !important; } .pb_sys_common .p_t{ font-size: .16rem; color: #666; line-height: .24rem; } .pb_sys_common span{ min-width:.24rem; text-align:center; display: flex !important; flex-wrap: wrap !important; height: auto !important; line-height: .24rem !important; justify-content: center; border: none !important; margin: 0 .05rem !important; } .pb_sys_common .p_pages span{ border: none; color: #666; font-family: 微软雅黑; padding: 0; } .pb_sys_common .p_pages span.p_no_d { border-radius:50%; color:#fff; background:#94050a; } .pb_sys_common .p_pages span a{ display: block; border: none; border-radius: 50%; padding: 0; height: auto; line-height: .24rem; margin: 0; width: 100%; } .pb_sys_common .p_pages span a:hover{ background:none; color:#94050a; } */