@charset "utf-8"; .hrimgs { height: 100vh; width: 100%; } .hrbanner { position: relative; } .hrbanner .hrimgs { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hrtext { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .hrtext h1 { font-size: 2.2em; font-weight: bold; color: #fff; text-align: center; } .hrsearch { width: 1100px; width: 59.8%; margin: auto; background-color: #fff; height: 60px; margin-top: 1.55em; position: relative; } .search_a { position: absolute; left: 17px; top: 17px; } .hrsearch input { margin-left: 3.16em; font-size: .9em; margin-top: 17px; color: #333; width: 70%; } .hrlink { position: absolute; right: 17px; top: 19px; font-size: .9em; color: #cf9e4f; } .hrlink svg { width: 8px; height: 12px; color: #cf9e4f; } .btn_box { display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; margin-top: 3em; } .btn_boxs { width: 12.2em; height: 3.05em; line-height: 3.05em; text-align: center; color: #fff; font-size: .9em; background-color: #bf9d63; } .btn_boxs + .btn_boxs { margin-left: 1.66em; } .btn_boxs a { display: block; } .whitehead .heads2 { color: #333; background-color: #fff; border-bottom: 1px solid #e6e6e6; } .whitehead .head-search-2-1, .whitehead .head-search-1-1 { display: none !important; } .whitehead .head-search-1-2 { display: block; } .whitehead .search-box { background-color: #fff; } .whitehead.head-white-s .head-search-1-2 { display: none; } .whitehead.head-white-s .head-search-2-2 { display: block; } .whitehead .logo-b { display: block; } .whitehead .logo-w { display: none; } .hrsearch_banner { height: 100%; width: 100%; position: relative; } .hrsearch_banner .bgk1 { position: relative; width: 100%; height: 100%; object-fit: contain; } .head-place { display: none; } .whitehead .head-place { height: 80px; display: block; } .hrsearch_banner h1 { font-size: 2.6em; font-weight: bold; color: #fff; text-align: center; } .hrcen { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); } .hrcen .hrlink { border-left: 1px solid #cccccc; height: 38px; line-height: 38px; top: 12px; right: 28px; padding-left: 25px; } .hrcen .hrlink img { margin-bottom: 5px; } .hrsearch_head .left { font-size: .8em; } .hrsearch_head .left span { color: #b18743; font-weight: bold; } .p-hrsearch { background-color: #f7f4f0; } .hrsearch_head { margin-top: 1.2em; } .hrsearch_head .box { justify-content: space-between; } .hrsearch_head .right { font-size: .9em; } .hrsearch_head .right i { display: inline-block; position: relative; border: 1px solid #696969; width: 16px; height: 16px; border-radius: 50%; margin-right: 8px; } .hrsearch_head .right .act i::after { display: block; content: ''; width: 8px; height: 8px; background-color: #cf9e4f; border-radius: 50%; left: 3px; top: 3px; position: absolute; } .hrsearch_head .list { cursor: pointer; } .hrsearch_head .list + .list { margin-left: 1em; } .hrtit span { font-size: 1.2em; font-weight: bold; } .hrtit i { font-style: normal; font-size: .8em; font-weight: bold; color: #fff; background-color: #cf9e4f; padding: 2px 6px; border-radius: 1px; margin-left: 3px; } .hrsearch_cen .text { font-size: .8em; color: #cf9e4f; margin-top: 10px; } .hrsearch_cen .docbox svg { width: 13px; height: 17px; color: #fff; margin-top: -2px; margin-right: 3px; } .hrsearch_cen .docbox { margin-top: 22px; } .hrsearch_cen .pos { background-color: #cf9e4f; font-size: .8em; padding: 3px 12px; color: #fff; border-radius: 2px; } .docbox .default { padding: 3px 10px; background-color: #f7f4f0; font-size: .8em; color: #666666; } .hrsearch_cen li { padding: 3em 0 2.5em; border-bottom: 1px solid #d6d3d0; } .docbox span + span { margin-left: 10px; } .hrsearch_cen ul { padding: 1em 3em 2em; background-color: #fff; margin-top: 20px; } .hrsearch_cen .right svg { width: 23px; height: 16px; color: #cf9e4f; margin-left: 5px; } .hrsearch_cen .right { color: #cf9e4f; margin-top: 1.8em; font-size: .9em; } .hrsearch_cen li a { display: flex; justify-content: space-between; } .main-box { min-height: 400px; } .hrdet_banner .left { padding-bottom: 5px; } .whitehead .main-box { padding: 0 0 4em; } .hrdet_banner .hrtit span { font-size: 2.6em; } .hrdet_banner { padding: 3.5em 0 2.75em; } .hrbtn { width: 160px; line-height: 50px; text-align: center; background-color: #cf9e4f; color: #fff; font-size: .9em; margin-top: 2.5em; } .hrbtn a { display: block; } .bg-green { background-color: #f7f4f0; } .hrdet_text h2 { font-size: 1.33em; font-weight: bold; margin-bottom: 19px; } .hrdet_text { font-size: .9em; line-height: 1.93; } .hrdet_text p { padding-left: 15px; position: relative; } .hrdet_text p::after { position: absolute; width: 7px; height: 7px; border-radius: 50%; background-color: #cf9e4f; display: block; content: ''; left: 0; top: 14px; } .hrdet_text p + p { margin-top: 15px; } .hrdet_text .list + .list { border-top: 1px solid #f3f2f1; padding-top: 2.25em; margin-top: 2.6em; } .hrdet_text { background-color: #fff; padding: 3em 3em 3.1em; margin: 2.75em 0 4em; } .hrdetmsg span { font-size: 1.5em; font-weight: bold; } .hrdetmsg i { font-style: normal; font-size: .8em; color: #cf9e4f; } .hrdetmsg .flex { justify-content: space-between; } .hrdetmsg .hrbtn { margin-top: 0; } .hrdetmsg .left { padding-top: 9px; } .hrdetmsg { opacity: 0; position: fixed; width: 100%; top: -90px; padding: 20px 0; background-image: url(/content/img/static/hrdet1.jpg); transition: all .5s; z-index: 999; box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1); } .p-hrdet2 .hrdetmsg { opacity: 1; top: 80px; } .tab a + a { margin-left: 45px; } .tab .act { border-bottom: 2px solid #cf9e4f; color: #cf9e4f; } .all { font-size: .8em; color: #666666; margin-top: 43px; } .tab a { padding-bottom: 21px; } .cur svg { width: 8px; height: 10px; } .cur { font-size: 14px; } .p-hrlist .hrsearch_head { border-bottom: 2px solid #f0eeeb; } @media (max-width: 992px) { .hrsearch { width: 100%; height: .9rem; } .hrlink { display: none; } .hrtext h1 { font-size: .56rem; font-weight: 400; } .hrtext { padding: 0 .5rem; } .hrsearch input { font-size: .3rem; margin-left: .4rem; margin-top: .25rem; } .search_a { left: auto; right: .36rem; padding-left: .33rem; border-left: 1px solid #cccccc; top: 12px; } .btn_boxs { width: 3rem; height: .8rem; line-height: .8rem; font-size: .3rem; } .btn_box { margin-top: 6rem; } .whitehead .head-place { height: 1.2rem; } .whitehead .headwap { background-color: #fff; color: #000; border-bottom: 1px solid #e9e9e9; } .whitehead .divxian { background-color: #000; } .whitehead .logo2wap { display: inline-block; } .whitehead .logo1wap { display: none; } .hrsearch_banner { padding: 0 .5rem; } .hrcen { position: initial; transform: translate(0); padding-top: 25%; } .hrsearch_banner h1 { font-size: .56rem; font-weight: 400; } .hrtit { line-height: 1.33; } .hrsearch_cen li { padding: .7rem 0 .6rem; } .hrsearch_cen ul { padding: .05rem .5rem .4rem !important; } .docbox .default { font-size: .26rem; } .hrsearch_cen .text { font-size: .28rem; } .hrtit span { font-size: .36rem; } .hrsearch_cen .right { display: none; } .hrsearch_head .left { font-size: .3rem; } .hrdet_banner { background-image: url(/content/img/static/waphrb.jpg) !important; } .hrdet_banner .hrtit span { font-size: .48rem; } .hrdet_banner .right { float: left; } .hrdet_text h2 { font-size: .36rem; } .hrbtn { font-size: .28rem; } .p-hrdet { background-color: #fff; } .hrdet_text { padding: 0 0; font-size: .3rem; } .hrdet_text .list + .list { border-top: 0px; margin-top: .7rem; padding-top: 0; } .p-hrdet2 .hrdetmsg { top: 1.2rem; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); } .docbox span { font-size: .26rem !important; } .hrdetmsg span { font-size: .48rem; } .hrdetmsg i { display: block; margin-top: .2rem; font-size: .28rem; } } /* 新闻党建 */ .banner { position: relative; } .banner .img1, .banner .img2 { width: 100%; height: 100%; object-fit: contain; } .pcbanner { width: 100%; height: 100%; } .banner .textbox { position: absolute; top: 50%; transform: translateY(-50%); z-index: 9; width: 100%; } .banner h1 { font-size: 2.2em; font-weight: bold; text-align: center; color: #fff; } .banner .text { font-size: 1em; color: #fff; text-align: center; margin-top: 18px; line-height: 1.5; } .newsbox .imgs { padding-top: 62.8%; width: 100%; transition: all .3s; } .newsh1 { font-weight: bold; line-height: 1.5; height: 3em; font-size: .9em; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .newsbox .time { font-size: .8em; color: #666; margin-top: 12px; } .newsbox .textbox { background-color: #fff; padding: 15px 1.5em 1.25em; } .newsbox .row { margin: 3em -15px 0; } .newsbox li + li + li + li { margin-top: 1.5em; } .tabbox .tab a { padding-bottom: 21px; } .tabbox { border-bottom: 1px solid #f1edea; margin-top: 21px; } .cur img { margin-right: 5px; vertical-align: -2px; } .global-paging { width: 100%; margin-top: 3em; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .global-paging .ctrl { width: 75px; height: 40px; display: flex; background-color: #fff; align-items: center; justify-content: center; font-size: 16px; border: 1px solid transparent; transition: .0s; } .global-paging .ctrl .bi { width: .5em; height: .75em; color: #999; } .global-paging .num { display: flex; margin: 0 20px; } .global-paging .num a, .global-paging .num span { width: 40px; height: 40px; line-height: 40px; background-color: #fff; line-height: 1; color: #333; display: flex; align-items: center; justify-content: center; font-size: .9em; border: 1px solid transparent; margin-left: 20px; } .global-paging .num a.cen { background-color: transparent; margin-left: 5px; } .global-paging .num a.last_a { margin-left: 5px; width: auto; padding: 0 15px; } .global-paging .num a:first-child { margin-left: 0; } .global-paging .num .active { color: #fff; background-color: #cf9e4f; } .gotopage input { width: 55px; text-align: center; height: 40px; margin: 0 3px; } .global-paging .disabled { opacity: .5; } .gotopage { margin-left: 25px; font-size: 16px; } .textNews_box li a { display: flex; justify-content: space-between; } .textNews_box li .left { flex-shrink: 0; width: 270px; font-size: 1.1em; margin-top: 12px; } .textNews_box li .right { width: 100%; } .textNews_box .tit { font-size: 1.1em; font-weight: bold; line-height: 1.6; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .textNews_box .text { font-size: .8em; line-height: 1.75; color: #676566; margin-top: 1em; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .textNews_box li { padding: 3.5em 0; padding: 2.1em 0 2.25em; border-bottom: 1px solid #d6d2cf; } .textNews_box ul { margin-top: 45px; } @media (max-width: 991.98px) { .textNews_box ul { margin-top: 15px; } } .detbox { max-width: 1170px; width: 71%; margin: auto; } .detbox h1 { font-size: 1.9em; font-weight: bold; text-align: center; line-height: 1.5; } .newsdetbox .msg { text-align: center; font-size: .8em; color: #666; margin-top: 20px; } .newsdetbox .msg span + span { padding-left: 20px; margin-left: 20px; position: relative; } .newsdetbox .msg span + span::after { width: 1px; height: 12px; background-color: #b4b0ad; position: absolute; display: block; content: ''; left: 0; top: 5px; } .newsdetbox { padding-top: 4.5em; } .newsdetcen { font-size: .9em; line-height: 1.94em; padding-top: 3px; color: #525252; } .newsdetcen img { display: block; max-width: 100%; height: auto !important; margin: 1.1em auto; } .newsdetcen h2 { font-weight: bold; margin: 20px 0; } .newsdetcen { padding-top: 43px; margin-top: 50px; border-top: 1px solid #e6e6e6; } .detpage svg { width: 24px; height: 19px; color: #cf9e4f; } .detpage i { font-style: normal; margin-left: 13px; font-size: 16px; color: #9a9a98; width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; } .detpage .right i { margin-right: 13px; text-align: right; } .detpage span { font-weight: bold; } .detpage .flex { justify-content: space-between; } .detpage { padding: 5em 0; background-color: #f8f4f1; position: relative; } .back { position: absolute; width: 170px; height: 50px; line-height: 50px; text-align: center; color: #fff; background-color: #c09d63; left: 50%; font-size: 16px; top: 50%; transform: translate(-50%, -50%); } .back img { max-width: 15px; } .detpage { margin-top: 5em; } .p-newsdet .main-box { padding-bottom: 0; } .p-activity .newsbox li + li + li + li { margin-top: 3em; } .p-activity .newsbox .imgs { padding-top: 56%; } .dis1 .text { font-size: .9em; line-height: 1.5; margin-top: 23px; } .dis1 .text p + p { margin-top: 1em; } .dis1 .tit { font-size: 1.2em; font-weight: bold; } .dis1 { flex-wrap: nowrap; } .dis1 .right { padding-left: 4.25em; } .mainpadding .main-box { padding-top: 4.5em; } .dis2 .tit { font-size: 1.2em; font-weight: bold; } .dis2 img { max-width: 40px; display: block; margin-bottom: 17px; } .dis2 .line { width: 50px; height: 2px; background-color: #cf9e4f; margin: 15px 0 30px; } .dis2 .text { font-size: .9em; color: #666; margin-bottom: 15px; line-height: 1.5; } .dis2 .text p + p { margin-top: 10px; } .dis2 .box { background-color: #f8f4f1; padding: 2.25em 2em 0; height: 320px; } .p-discipline .main-box { padding-bottom: 0; } .dis2 .list { padding: 0 16px; } .dis2 .row { margin: 5em -16px 0; } .p-discipline .banner { height: 100%; } .contacth1 { font-size: 2em; font-weight: bold; text-align: center; } .svgbox { width: 3.2em; height: 3.2em; border-radius: 50%; border: 1px solid #d2cbc1; display: flex; justify-content: center; align-items: center; margin: auto; } .svgbox svg { width: 20px; height: 20px; } .contacth2 { font-size: .9em; color: #666666; text-align: center; margin-top: 26px; } .contactbox .text { font-size: 1em; margin-top: 1em; text-align: center; } .contactbox .row { margin-top: 4.75em; } .contactbox .box { position: relative; } .contactbox li + li .box::after { position: absolute; width: 1px; height: 120px; background-color: #ebe6df; display: block; content: ''; left: 0; top: 10px; } .contactbox li { padding: 0; } @media (min-width: 991.98px) { .contactbox li { width: 50%; max-width: none; flex: 0 0 41.5%; } } .contact2 img { display: block; width: 200px; margin: auto; border: 10px solid #d7cdbf; } @media (max-width: 991.98px) { .contact2 { height: 5rem; } } .contact2h1 { font-weight: bold; font-size: 1.2em; line-height: 1.41; color: #fff; text-align: center; margin-top: 1.1em; } .contact2 { margin-top: 4.5em; } .contact2 .contact2-add { display: none; } .searchlefttit { justify-content: space-between; } .searchleft { width: 245px; flex-shrink: 0; } .searchdetbox { flex-wrap: nowrap; } .searchleft span { font-size: .9em; font-weight: bold; } .searchleft i { font-style: normal; font-size: .8em; cursor: pointer; color: #cf9e4f; } .radio_box { width: 16px; height: 16px; border: 1px solid #666666; border-radius: 50%; float: left; position: relative; margin-top: 2px; } .search_input .list { font-size: .9em; color: #666; } .search_input .list input { margin-right: 5px; } .radio_box.act::after { width: 8px; height: 8px; border-radius: 50%; background-color: #cf9e4f; display: block; content: ''; left: 3px; top: 3px; position: absolute; } .search_input .list + .list { margin-top: 25px; } .search_input { padding-top: 35px; margin-top: 10px; border-top: 1px solid #d6d3d0; } .search_input label { cursor: pointer; } .p-searchdet .textNews_box { padding-left: 5em; width: 100%; } .search_input .list input { border: 1px solid #666666; width: 16px; height: 16px; border-radius: 50%; position: relative; } .searchdetbox { padding-top: 3.25em; } .search_input .list input:checked:after { width: 8px; height: 8px; border-radius: 50%; background-color: #cf9e4f; display: block; content: ''; left: 3px; top: 3px; position: absolute; } .allmsg { font-size: .9em; color: #666666; border-bottom: 1px solid #d6d3d0; padding-bottom: 10px; } .hrsearch input { margin-left: 60px; } .p-searchdet .hrsearch { display: flex; align-items: center; justify-content: space-between; } .p-searchdet .hrsearch input { margin-top: 0; } .p-searchdet .textNews_box li { padding: 2.1em 0 3em; } .p-searchdet .textNews_box li a { display: block; } .p-searchdet .textNews_box .tit { margin-top: 13px; } .p-searchdet .textNews_box ul { margin-top: 0; } .p-searchdet .textNews_box li .left { margin-top: 0; font-size: 1em; } .hrsearch_banner { background-position: center; background-repeat: no-repeat; background-size: contain; } .drop_down svg { width: .3rem; height: .18rem; color: #cf9e4f; margin-top: .35rem; } @media (max-width: 992px) { .drop_down .list { line-height: .6rem; font-size: .28rem; } .drop_down .list input { position: absolute; opacity: 0; } .p-searchdet .textNews_box li .left { font-size: .28rem; margin-top: .37rem; } .p-searchdet .textNews_box .tit { font-weight: 400; margin-top: 0; } .p-searchdet .textNews_box li { padding: .7rem 0 .6rem; } .p-searchdet .textNews_box li a { display: flex; } .drop_down { position: relative; z-index: 999; } .drop_down .bottom { position: absolute; background-color: #f7f4f0; z-index: 9; width: 100%; padding: .2rem 0; border: 1px solid #ac884a; border-top: 0px; padding-left: .3rem; display: none; } .searchleft { display: none; } .drop_down .tit { width: 100%; line-height: .9rem; font-size: .3rem; border: 1px solid #ac884a; padding: 0 .3rem; } .searchdetbox { display: block; } .p-searchdet .hrlink img { width: .42rem; } .p-searchdet .hrlink { display: block; padding-left: .3rem; right: .35rem; top: .1rem; } .p-searchdet .textNews_box { padding-left: 0; } .contacth1 { font-size: .42rem; } .contactbox li + li .box::after { display: none; } .p-discipline .banner { height: auto; } .contactbox .row { margin-top: .8rem; } .contactbox li + li .box { margin-top: .8rem; } .contacth2 { font-size: .28rem; } .dis1.flex { flex-wrap: wrap; } .dis1 .left { width: 100%; } .dis1 .right { padding-left: 0; margin-top: .5rem; } .dis1 .right .tit { font-size: .3rem; } .dis1 .right .text { font-size: .3rem; } .dis2 .row { margin-top: 1rem; } .p-discipline .main-box { padding-bottom: 0; } .dis2 .box { min-height: 280px; min-height: auto; height: auto; padding: 2.25em 2em; } .dis2 .list + .list { margin-top: .3rem; } .dis2 .text { font-size: .28rem; } .dis1 img { width: 100%; } .newsdetbox { padding-top: .8rem; } .detbox { width: 100%; padding: 0 .5rem; } .newsdetbox .msg { font-size: .28rem; text-align: left; margin-top: .5rem; } .detpage i { display: none !important; } .detpage span { font-weight: 400; } .back { width: 2.4rem; line-height: .8rem; height: .8rem; } .newsdetcen { font-size: .3rem; line-height: .6rem; margin-top: .8rem; padding-top: .65rem; } .detpage { padding: 1.05rem 0; margin-top: 1.1rem; } .detbox h1 { font-size: .48rem; } .textNews_box .tit { font-size: .3rem; } .textNews_box li a { flex-wrap: wrap; flex-direction: column-reverse; } .textNews_box .text { display: none; } .textNews_box li .left { width: 100%; font-size: .28rem; } .textNews_box li { padding: .6rem 0 0.7rem; } .textNews_box li .right { width: 100%; } .wapbanner { height: 6rem; } .waptab .bottom { position: absolute; width: 100%; top: 1rem; left: 0; display: none; background-color: #f7f4f0; background-color: #fff; padding: .2rem .5rem; border-top: 1px solid #f1edea; box-shadow: 5px 12px 15px rgba(0, 0, 0, 0.1); } .waptab .tit { font-size: .3rem; } .banner h1 { font-size: .56rem; } .banner { height: auto; } .banner .text { font-size: .28rem; padding: 0 .4rem; margin-top: .25rem; } .newsbox .row { margin-top: .9rem; } .waptab .bottom a { display: block; line-height: 2.5; } .waptab { position: relative; z-index: 99; } .waptab svg { width: .3rem; height: .18rem; color: #cf9e4f; float: right; margin-top: 0.05rem; } .waptab .tit { padding: .35rem .5rem; border-bottom: 1px solid #e9e9e9; } .global-paging .num { margin: 0 0 0.3rem; width: 100%; flex: none; justify-content: center; } .global-paging .num a, .global-paging .num span { min-width: .8rem; height: .8rem; width: auto; font-size: .32rem; color: #333; margin: 0 0.15rem 0 0; padding: 0 0.1rem; } .global-paging .num a:last-child, .global-paging .num span:last-child { margin-right: 0; } .global-paging .ctrl { width: 1.75rem; height: .8rem; line-height: .8rem; background-color: #fff; color: #333; margin: 0 0.15rem 0 0; } .global-paging .ctrl.next { margin-right: 0; } .global-paging .gotopage { font-size: .28rem; line-height: .8rem; margin: 0 0 0 0.6rem; color: #333; display: flex; align-items: center; white-space: nowrap; } .global-paging .gotopage input { flex: none; width: 1.2rem; height: .8rem; display: block; font-size: .32rem; color: #333; margin: 0 0.1rem; } .newsbox li + li { margin-top: .4rem; } .tabbox { display: none; } .newsh1 { font-size: .3rem; } .newsbox .time { font-size: .28rem; } .newsbox .textbox { padding: .35rem .4rem .5rem; } .global-paging { margin-top: .6rem; } .contact2 img { width: 150px; } } @media (min-width: 992px) { .back:hover { background-color: #9b7c49; } .textNews_box li a:hover .tit { color: #cf9e4f; } .textNews_box li:hover { border-bottom: 1px solid #cf9e4f; } .global-paging .num a:hover { border: 1px solid #cf9e4f; } .newsbox li a:hover .imgs { transform: scale(1.05); } .newsbox li a:hover .newsh1 { color: #cf9e4f; } .tab a:hover { color: #cf9e4f; transition: 0s; } .hrsearch_cen a:hover .hrtit span { color: #cf9e4f; } .btn_boxs:hover { background-color: #a9884f; } } /* 业务 */ .p-business .banner { height: 32.5em; height: 100%; } .bus1h1 { font-size: 2em; font-weight: bold; text-align: center; } .bus1 .text { font-size: .9em; line-height: 1.77; padding: 0 8.7em; margin-top: 2.2em; } .bus1bg li img { width: 4.25em; display: block; margin: auto; } .bus1bg .bus1bg_h2 { text-align: center; font-size: 1.2em; margin-top: 22px; } .bus1bg { padding: 2em 0 2.5em; margin-top: 2.75em; } .bus1bg ul { padding: 0 14.5em; } .bus2h1 { font-size: 2em; text-align: center; font-weight: bold; } .bus2h2 { font-size: 1.2em; color: #cf9e4f; line-height: 1.3; margin-top: 15px; text-align: center; } .bus2 .text { font-size: .9em; line-height: 1.77; padding: 0 8.7em; margin-top: 2.2em; margin-top: 25px; } .bus2 { margin-top: 5.5em; } .mapbox { width: 750px; width: 850px; display: block; margin: auto; position: relative; overflow: hidden; } .mapbox img { width: 750px; display: block; margin: auto; } .mapbox { margin-top: 60px; } .mapimg img { display: none; } .map { position: relative; } .dian { width: 3px; height: 3px; position: absolute; left: 280px; top: 0; background-color: red; } .mapimg { position: absolute; top: 0; width: 100%; z-index: -1; } .mapimg img { margin: auto; width: 750px; } .maptexth1 { font-size: 1.2em; font-weight: bold; } .maptext .item { width: 390px; background-color: #faf8f6; /* min-height: 420px; */ padding: 3em 2em 3.3em; box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.15); } .maptext .itembox { padding-top: 28px; margin-top: 25px; border-top: 1px solid #d6d3d0; } .maptext li { font-size: .8em; line-height: 1.5; padding-left: 25px; position: relative; } .maptext { position: absolute; right: 205px; /* right: 1%; */ /* right: -50%; */ top: 115px; right: 1%; top: 16%; } .maptext li::after { width: 12px; height: 12px; border-radius: 50%; display: block; position: absolute; left: 0; top: 5px; content: ''; background-color: #cf9e4f; border: 3px solid #fff; } .maptext li + li { margin-top: 18px; } .maptext .item + .item { display: none; } .maptext .item:last-child { margin-top: 27%; } .mapnum { display: none; position: absolute; right: 170px; font-size: .7em; color: #666666; bottom: 60px; } .bus3 .text { text-align: center; padding: 0 10.9em; } .bus3btn { width: 320px; height: 55px; line-height: 55px; text-align: center; font-size: .9em; color: #fff; background-color: #b8d6de; border: 1px solid #fff; } .bus3btnbox { justify-content: center; margin-top: 2.5em; } .bus3btn + .bus3btn { margin-left: 20px; } .bus3btn.act { background-color: #cf9e4f; border-color: #cf9e4f; } .bus4 { background-color: #f7f4f0; } .comh1 { font-size: 1.3em; line-height: 1.4; font-weight: bold; width: 100%; } .comcen .left-box { width: 49.92%; height: 19em; overflow: hidden; } .comcen .left { width: 100%; height: 100%; object-fit: cover; } .comcen .right { width: 50%; display: flex; align-content: center; flex-wrap: wrap; background-color: #fff; padding-left: 3.25em; padding-right: 4.15em; } .comcen li { display: flex; } .comcen .swiper-slide + .swiper-slide { margin-top: 1.5em; } .comcen .text { font-size: .8em; line-height: 2; color: #666666; margin-top: 20px; width: 100%; } .comcen .swiper-slide:nth-child(even) { flex-direction: row-reverse; } .bus4 { padding: 3em 0 6.85em; } .bus3 { padding: 6em 0 7.65em; } .bannerblack .banner h1 { text-align: left; color: #333333; margin-top: -2em; } .bannerblack .banner .text { font-size: 1em; margin-top: 18px; line-height: 1.33; text-align: left; color: #212121; } .bus4 .big-inner + .big-inner { display: none; } .regh1 { font-size: 2em; font-weight: bold; text-align: center; } .regtit .text { font-size: .9em; line-height: 1.77em; margin-top: 2.33em; } .regtit .big-inner { padding: 0 8.33em; } .comcentit .text { font-size: .8em; line-height: 1.75em; color: #666666; } .comcenh1 { font-size: 2em; text-align: center; font-weight: bold; margin-bottom: 1.5em; } .comcenh2 { font-size: 1.5em; font-weight: bold; } .comcentit { margin-bottom: 1.5em; } .p-regional .comcen { margin-top: 7.25em; } .p-regional .comcen img { width: 100%; height: 100%; object-fit: cover; } .p-regional .bus4 .big-inner + .big-inner { display: block; margin-top: 5em; } .comcenh2 { padding: 0 60px; } .comcentit .text { padding: 0 60px; max-width: 1035px; } .bannerblack .banner { height: 32.5em; height: 100%; } .p-mak .regtit .text { text-align: center; } .mak { width: 100%; } .p-regional.p-mak .comcen { margin-top: 3.75em; } .bannerblack .main-box { padding-bottom: 0; } .abouttop { font-size: .9em; line-height: 1.77em; padding: 0 7.6em; } .abouttop p + p { margin-top: 22px; } .about1 .top span { font-size: 2.5em; font-weight: bold; } .about1 .box { color: #cf9e4f; text-align: center; } .about1 .top i { font-style: normal; vertical-align: 11px; } .about1 .bottom { font-size: .8em; color: #666666; margin-top: 18px; padding: 0 3em; line-height: 1.5; } .about1 .box { position: relative; } .about1 .box::after { width: 1px; height: 80px; background-color: #e6e6e6; display: block; content: ''; position: absolute; left: 0; top: 32px; } .about1 li:nth-child(1) .box::after { display: none; } .about1 ul { margin: 3.5em 23px 0; } .aboutvideo { height: 27.5em; position: relative; margin-top: 3em; } .video-js.vjs-paused .vjs-big-play-button { background-image: url(/content/img/static/video-play.png); } .about2 { background-color: #f7f4f0; padding: 4.5em 0 4.1em; margin-top: 4.5em; } .about2h1 { font-size: 2em; font-weight: bold; text-align: center; } .memcen .yeal { font-size: 2.1em; font-weight: bold; color: #666666; } .memcen .important .yeal { font-size: 2.8em; } .memcen .text { font-size: .8em; margin-top: 1.6em; line-height: 1.75; } .memcen { padding: 2.2em 0em 0em; position: relative; margin-top: 25px; } .membtn a { font-size: 16px; color: #666666; } .memcen::after { position: absolute; display: block; width: 1px; height: 100%; border-left: 1px dashed #333333; left: 50%; top: 7px; z-index: 2; content: ''; } .membtn svg { width: 16px; height: 9px; color: #d0a053; } .memcen img { margin-top: 2em; width: 100%; } .memcen li { width: 43%; position: relative; z-index: 3; } .memcen li::after { width: 9px; height: 9px; border-radius: 50%; background-color: #666666; border: 1px solid #666666; position: absolute; right: -4.8em; right: -17.2%; top: 7px; z-index: 3; content: ''; display: block; } .memcen li:nth-child(even)::after { left: -16.95%; } .memcen li:nth-child(odd) { text-align: right; margin-top: 0; } .memcen ul { justify-content: space-between; } .memcen li:nth-child(even) { margin-top: 5.5em; } .membtn { font-size: .9em; color: #212121; text-align: center; margin-top: 22px; } .memcen li + li + li + li + li + li + li + li + li { display: none; } .about3 { position: relative; } .about3 .bgk1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; } .about3h1 { font-size: 2em; text-align: center; font-weight: bold; color: #fff; } .aboutSwip .box { height: 10em; background-color: rgba(0, 0, 0, 0.35); display: flex; align-items: center; position: relative; } .aboutSwip .text { font-size: .9em; line-height: 1.77; color: #fff; text-align: center; padding: 0 3.7em; padding: 0px 3em; width: 100%; } .aboutSwip .box::after { position: absolute; display: block; content: ''; background-image: url(/content/img/images/about4.png); background-position: center; background-repeat: no-repeat; background-size: cover; width: 27px; height: 70px; left: 22px; top: 50%; transform: translateY(-50%); } .aboutSwip .box::before { position: absolute; display: block; content: ''; background-image: url(/content/img/images/about5.png); background-position: center; background-repeat: no-repeat; background-size: cover; width: 27px; height: 70px; right: 22px; top: 50%; transform: translateY(-50%); } .aboutSwip { margin-top: 3.5em; } .about3 { padding: 5.5em 0 4.2em; } .about3pag { text-align: center; margin-top: 1.1em; } .about3pag .swiper-pagination-bullet { background-color: transparent; border: 1px solid #fff; width: 10px; height: 10px; } .about3pag .swiper-pagination-bullet-active { background-color: #fff; } .memcen li + li + li + li + li { display: none; } .cur1 img { max-width: 73px; display: block; margin: auto; } .cur1 .curh1 { font-size: 1.5em; font-weight: bold; text-align: center; margin-top: 12px; } .cur1 .text { line-height: 1.5; color: #666666; font-size: .9em; margin-top: 1.15em; text-align: center; } .cur1 .row { padding: 1.5em 0 4.25em; } .cur2 { display: none; } .cur2 .left { float: left; width: 61.8%; } .cur2h1 { font-size: 2em; font-weight: bold; } .cur2 .text { font-size: .9em; line-height: 1.77; margin-top: 3.33em; } .cur2 .text p + p { margin-top: 20px; } .cur2 .big-inner { display: flex; } .cur2 .right { width: 38.2%; display: flex; justify-content: center; align-items: center; margin-top: 5em; } .cur2 { margin-top: 5.25em; } .cur3h1 { font-size: 2.25em; font-weight: bold; text-align: center; } .cur3 { width: 100%; height: 100%; color: #fff; margin-top: 8.5em; margin-top: 4.2em; } .p-culture .main-box { padding-bottom: 0; } .adm .big-inner { padding: 0 8em; } .adm img { margin-top: 35px; max-width: 100%; } .p-administer.mainpadding .main-box { padding-bottom: 0; } @media (max-width: 991.98px) { .p-administer.mainpadding .main-box { padding-top: .6rem; } } .p-about .banner, .p-culture .banner, .p-administer .banner { height: 32.5em; height: 100%; } .p-regional1 .banner h1 { color: #fff; } .p-regional1 .banner .text { color: #fff; } @media (min-width: 992px) { .p-regional .comcen { padding-top: 5em; } .memcen li:hover .yeal { color: #cf9e4f; } .memcen li:hover:after { background-color: #cf9e4f; border: 1px solid #cf9e4f; } .memcen li:nth-child(odd):hover::before { width: 20px; height: 20px; border-radius: 50%; background-color: #cf9e4f; border: 1px solid #cf9e4f; position: absolute; right: -4.8em; right: -18.1%; top: 2px; z-index: 3; content: ''; display: block; opacity: .5; } .memcen li:nth-child(even):hover::before { width: 20px; height: 20px; border-radius: 50%; background-color: #cf9e4f; border: 1px solid #cf9e4f; position: absolute; right: -4.8em; left: -17.9%; top: 2px; z-index: 3; content: ''; display: block; opacity: .5; } .bus4 .swiper-slide { display: flex; } .comcenSwiper .swiper-wrapper { display: block; } .comcenpag { display: none; } .cur3h1 br { display: none; } } @media (max-width: 991.98px) { .p-about .banner, .p-culture .banner, .p-administer .banner { height: auto; } .adm .big-inner { padding: 0; } .abouttop { font-size: .3rem; padding: 0; } .cur1 img { max-width: 1.4rem; } .about2h1 { font-size: .48rem; } .cur1 .text { font-size: .3rem; } .cur1 li + li { margin-top: 1.1rem; } .cur2 .text p + p { margin-top: .43rem; } .cur3h1 { font-size: .48rem; font-weight: 400; line-height: 1.5; } .cur3 { padding: 2.07rem 0; } .cur2 { margin-top: 1.2rem; } .cur2 .text { font-size: .3rem; margin-top: .6rem; } .cur2h1 { font-size: .48rem; text-align: center; font-weight: 400; } .cur1 .row { padding: 1.2rem 0 1.35rem; padding: 0rem 0 0.5rem; } .cur2 .left { float: none; width: 100%; } .cur2 .right { float: none; width: 100%; height: 3.2rem; background-color: #f6f6f6; margin-top: .7rem; } .cur2 .right img { width: 2.05rem; } .cur3 { margin-top: 1.2rem; } .cur2 .big-inner { display: block; } .cur1 .curh1 { font-size: .4rem; } .memcen .yeal { font-size: .56rem; } .memcen .text { font-size: .3rem; line-height: .56rem; margin-top: .2rem; } .about2 { padding: 1.2rem 0 .9rem; margin-top: 0; } .memcen li:nth-child(even) { margin-top: .75rem; } .memcen li + li { margin-top: .75rem !important; } .memcen li { width: 100%; padding-left: .67rem; } .memcen::after { left: .6rem; border-color: #6a6968; height: 95%; } .membtn a { font-size: .26rem; } .memcen li:nth-child(odd) { text-align: left; } .memcen li::after { left: 0px !important; } .membtn span { display: block; width: 100%; margin-top: 11px; } .about3pag { position: absolute; top: auto !important; bottom: 0; } .membtn a { display: flex; justify-content: center; flex-wrap: wrap; flex-direction: column-reverse; align-items: center; } .about3 { padding: 1.2rem 0 1rem; } .about3pag .swiper-pagination-progressbar-fill { background-color: #fff; } .about3pag.swiper-pagination-progressbar { height: .04rem; background-color: rgba(255, 255, 255, 0.1); } .aboutSwip { padding-bottom: .7rem; margin-top: 0.8rem; } .aboutSwip .box::after { width: 20px; height: 60px; } .aboutSwip .text { font-size: .3rem; line-height: .56rem; } .about3h1 { font-size: .48rem; } .p-about.mainpadding .main-box { padding-top: .8rem; } .about1 li + li span { font-size: .6rem !important; } .about1 li + li + li span { font-size: .88rem !important; } .about1 li + li { margin-top: .9rem; } .about1 .top i { font-size: .28rem; vertical-align: 1px; } .about1 ul { margin-top: .8rem; margin-left: -15px; margin-right: -15px; } .about1 .box::after { display: none; } .about1 .bottom { font-size: .28rem; margin-top: .15rem; line-height: .5rem; padding: 0 .7rem; } .bannerblack .banner { height: auto; } .aboutvideo { margin: 1.14rem -.5rem 0; height: 5.05rem; } .about1 .top span { font-size: .88rem; } .video-js.vjs-paused .vjs-big-play-button { width: 1.4rem; height: 1.4rem; } .regtit .text { font-size: .3rem; margin-top: .6rem; } .regh1 { font-size: .48rem; } .comcen .comcentit .text { padding: 0; } .p-regional .comcen { margin-top: 1.05rem; } .comcenh1 { font-size: .48rem; } .comcenh2 { font-size: .34rem; padding: 0; } .bus1bg ul { padding: 0; } .p-business .banner { height: auto; } .bannerblack .banner .text2 { width: 100%; font-size: .28rem; line-height: .48rem; } .comcen .swiper-slide + .swiper-slide { margin-top: 0; } .bus1h1 { font-size: .48rem; } .bus1bg li img { width: 1.36rem; } .bus1bg .bus1bg_h2 { font-size: .36rem; margin-top: .15rem; } .wapmap img { max-width: 100%; display: block; margin: auto; } .wapmap { margin-top: .6rem; } .bus2h2 { font-size: .36rem; margin-top: .2rem; } .bus2 .text { padding: 0; margin-top: .5rem; font-size: .3rem; } .maptext { margin: 0.55rem 0 0; position: relative; transform: none; -webkit-transform: none; } .maptext .item { background-color: transparent; width: 100%; box-shadow: none; padding: 0 .5rem; min-height: 0; margin: 0 !important; } .maptext .maptexth1 { font-size: .36rem; } .maptext .itembox { padding: .3rem 0 0; margin: .3rem 0 0; } .maptext li { font-size: .28rem; line-height: .48rem; color: #666; margin: 0 0 0.24rem !important; padding: 0 0 0 0.26rem; } .maptext li:last-child { margin-bottom: 0; } .maptext li::after { width: 5px; height: 5px; top: calc((.48rem - 5px) * 0.5); border: none; } .comcenpag { width: .15rem; height: .15rem; border-radius: 50%; } .comcenpag { text-align: center; } .bus3 { margin-top: 1.1rem; padding: 1.2rem 0 1.9rem; } .comcenpag .swiper-pagination-bullet { background-color: #dedbd8; margin-top: .4rem; } .bus4 { padding: .8rem 0 1.2rem; } .comcenpag { margin-top: .4rem; } .comcenpag .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #cf9e4f; } .comcenSwiper { padding-bottom: .2rem; } .bus3btn { width: 3.1rem; height: auto; line-height: .37rem; padding: .25rem .23rem; } .comcen .left-box { width: 100%; height: 3.4rem; } .comcen .left { width: 100%; height: 100%; } .comcen .text { font-size: .3rem; line-height: .5rem; } .comh1 { font-size: .36rem; line-height: .56rem; height: 1.12rem; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; } .comcen .right { width: 100%; padding: .47rem .4rem .9rem; } .bus3btnbox { flex-wrap: nowrap; } .mapnum { display: none; } .mapbox { display: none; } .mapimg { display: none; } .bus1bg .col-lg-6 + .col-lg-6 { margin-top: .85rem; } .bus2h1 { font-size: .48rem; } .bus1bg { padding: 1.1rem 0 1.15rem; margin-top: .5rem; } .bus1 .text { font-size: .3rem; line-height: .56rem; padding: 0; margin-top: .55rem; } .mainpadding .main-box { padding-top: 1.2rem; } } /* hover 效果 */ .bus4 .swiper-slide .left { transition: .3s; background: no-repeat center; background-size: cover; } @media (min-width: 991.98px) { .bus4 .swiper-slide:hover .left { transform: scale(1.05); transition: .5s; } .p-hrsearch .hrsearch_head { margin-top: 2.4em; margin-bottom: .4em; } .p-hrsearch .hrsearch_head .list { color: #666; } .hrsearch_cen li a:hover .left { transform: translateX(10px); transition: .3s; } .hrsearch_cen li a .left { transition: .3s; } .p-administer .abouttop { padding: 0 0em; } } @media (max-width: 991.98px) { .banner .text { width: 90%; font-size: .28rem; padding-left: 0; } .bannerblack .banner .text { width: 90%; font-size: .28rem; padding-left: 0; } .hrsearch_head .list { display: flex; } } @media (min-width: 991.98px) { .searchdetbox { position: relative; } .posfixed .searchleft { position: fixed; left: 15.2vw; top: 3.5em; } } @media (max-width: 991.98px) { .bannerblack .banner h1 { margin-top: -1em; } .p-business .bus3.bus2 { background: no-repeat center; background-size: cover; background-image: url(/content/img/static/add-ye.jpg) !important; } .p-business .bus1bg { background: no-repeat center; background-size: cover; background-image: url(/content/img/static/add-yw.jpg) !important; } .p-regional.p-mak .comcen { background: transparent; } .p-regional.p-mak .comcen .big-inner { padding: 0 !important; } .memcen li::after { width: 6px; height: 6px; left: 2px !important; } .p-about.mainpadding .main-box { padding-bottom: 0; } .p-culture.mainpadding .main-box { padding-top: 0.8rem; } .p-news .banner .text { width: 100%; padding: 0; } .contactbox .row { margin-top: -.2rem; } .p-regional .comh1 { height: auto; } .cur2h1 { font-weight: bold !important; } .contactbox .text { margin-top: .2rem; } .svgbox { width: 1rem; height: 1rem; } .p-regional .bus4 .big-inner + .big-inner { margin-top: .9rem; } .p-activity .newsbox li + li + li + li { margin-top: 1.5em; } .p-regional.p-mak .comcen { padding-bottom: 0; } .wapmap .comcenpag { margin-bottom: .3rem; } } @media (min-width: 991.98px) { .p-searchdet .main-box .big-inner { display: flex; justify-content: space-between; } .searchleft { padding-top: 3.25em; } .searchdetbox { width: 81.29%; } .posfixed .main-box .big-inner { display: flex; justify-content: right; } .posfixed .main-box .big-inner .searchdetbox { width: 81.29%; } .hrlink:hover { opacity: .5; } .cur a { transition: 0s; } .global-paging .ctrl:hover, .global-paging .ctrl, .global-paging .num a, .global-paging .num a:hover, .cur a:hover { transition: 0s; } .p-searchdet .hrsearch input { margin-left: 28px; } .p-regional .regtit .text { width: 95%; margin: 0 auto; margin-top: 2.33em; } } .p-SubChannel .hrsearch_head .left { opacity: 0; } .p-hr.head2block .heads2 { border-bottom: 1px solid #e6e6e6; } .p-about .modal-video .modal-close { top: 0em; } .p-about .modal-video .modal-dialog { top: 50%; transform: translateY(-50%); } @media (max-width: 991.98px) { .p-about .modal-video .modal-close { top: -3rem; top: -1.5rem; } } .hrbanner { position: relative; } .hrbanner .hrimgs { position: relative; object-fit: contain; } .bus2 { position: relative; } .bus2 .bgk1 { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; object-fit: contain !important; } .cur3 { position: relative; } .cur3 .bgk1 { width: 100%; height: 100%; object-fit: contain; } .cur3 .cur3h1 { position: absolute; top: 50%; left: 00%; width: 100% !important; object-fit: contain !important; border: 0 !important; transform: translate(-50%, -50%); } .contact2 { position: relative; } .contact2 .bgk1 { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; object-fit: contain !important; border: 0 !important; } @media (min-width: 991px) and (max-width: 1120px) { .bus3btnbox { margin-top: 1em; } } @media (min-width: 991px) and (max-width: 1320px) { .aboutSwip .box { height: 7em; } .contact2 img { width: 140px; } .contact2 img { width: 140px; } } @media (max-width: 991px) { .cur3 .bgk1, .contact2 .bgk1, .hrsearch_banner .bgk1, .contact2 .bgk1 { background-size: cover !important; } .bus2 .bgk1 { display: none; } .hrsearch_banner { height: 18.5em; } .hrsearch_banner .bgk1 { position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; left: 0; } .hrsearch_head .right { display: none; } .about3 .bgk1 { object-fit: cover; } .cur3 { height: 23em; padding-top: 0; } .cur3 .bgk1 { object-fit: cover; position: absolute; } .contact2 .bgk1 { object-fit: cover !important; } } @media (min-width: 991px) { .contact2 .bgk1 { position: relative; } .contact2 .contact2-add { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .bus2 .bgk1 { position: relative; } .bus2 .big-inner { left: 50%; height: auto; top: 50%; transform: translate(-50%, -50%); position: absolute; } .about3 .bgk1 { position: relative; } .about3 .big-inner { left: 50%; height: auto; top: 50%; transform: translate(-50%, -50%); position: absolute; } .p-business .bus3.bus2 { padding-top: 0; padding-bottom: 0; } } .p-about .vjs-error-display.vjs-modal-dialog { display: none; } .p-about .modal-video .video-js.vjs-paused .vjs-big-play-button { display: none !important; } .p-about .aboutvideo .video-js.vjs-paused .vjs-big-play-button { display: block !important; } .p-about .aboutvideo .video-js.vjs-paused .vjs-big-play-button { background-image: url(/content/img/static/video-play.png) !important; } .p-about .vjs-big-play-button { display: block !important; background-image: url(/content/img/static/video-play.png) !important; } .p-about .video-js .vjs-big-play-button { border: 0; background: transparent no-repeat center center; background-image: url(/content/img/static/video-play.png) !important; background-size: contain; } .p-about .modal-video .vjs-playing .vjs-poster, .p-about .modal-video .vjs-playing .vjs-big-play-button { display: none !important; } .self-discipline { margin-bottom: 2.5em; } .self-discipline .sd-box { display: flex; align-items: center; justify-content: space-between; } .self-discipline .sd-image { width: 52.29%; } .self-discipline .sd-image .sd-image-box { position: relative; width: 100%; padding-top: 84.67%; overflow: hidden; } .self-discipline .sd-image .sd-image-box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .self-discipline .sd-desc { width: 42.74%; } .self-discipline .sd-desc .sd-list { margin-top: 2.7em; } .self-discipline .sd-desc .sd-title { font-size: 2em; line-height: 1.3; font-weight: bold; color: #333; text-align: center; } .self-discipline .sd-desc .sd-item { position: relative; padding-bottom: 1.2em; margin-top: 1.5em; } .self-discipline .sd-desc .sd-item::before { position: absolute; content: ''; bottom: 0; left: 0; width: 50px; height: 2px; background-color: #cf9e4f; } .self-discipline .sd-desc .sd-item:first-child { margin-top: 0; } .self-discipline .sd-desc .sd-item:last-child::before { display: none; } .self-discipline .sd-desc .sd-item .sd-item-tit { font-size: 1.2em; line-height: 1.5; color: #333; font-weight: bold; margin-bottom: 0.416em; } .self-discipline .sd-desc .sd-item .sd-item-doc { font-size: .9em; line-height: 1.77; color: #333; } @media (max-width: 991.98px) { .self-discipline { margin-bottom: 0em; } .self-discipline .sd-box { display: block; } .self-discipline .sd-image { width: 100%; } .self-discipline .sd-image .sd-image-box { position: relative; width: 100%; padding-top: 84.67%; overflow: hidden; } .self-discipline .sd-image .sd-image-box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .self-discipline .sd-desc { width: 100%; margin-top: .6rem; } .self-discipline .sd-desc .sd-list { margin-top: .5rem; } .self-discipline .sd-desc .sd-title { font-size: .48rem; line-height: .68rem; } .self-discipline .sd-desc .sd-item { position: relative; padding-bottom: .3rem; margin-top: .4rem; } .self-discipline .sd-desc .sd-item::before { position: absolute; content: ''; bottom: 0; left: 0; width: 50px; height: 2px; background-color: #cf9e4f; } .self-discipline .sd-desc .sd-item:first-child { margin-top: 0; } .self-discipline .sd-desc .sd-item:last-child::before { display: none; } .self-discipline .sd-desc .sd-item .sd-item-tit { font-size: .36rem; line-height: .56rem; margin-bottom: 0.416em; } .self-discipline .sd-desc .sd-item .sd-item-doc { font-size: .28rem; line-height: .4rem; margin-top: 0.1rem; } .self-discipline .sd-desc .sd-item .sd-item-doc:first-child { margin-top: 0; } } /* 2023.9.26 */ .webmap { transform: scale(0.85); margin: -2em 0; } @media screen and (min-width: 992px) and (max-width: 1200px) and (max-height: 600px) { .webmap { transform: scale(0.7); } }