@import "base.css"; :root { --animate-duration: .5s; --animate-delay: .5s; --animate-repeat: 1 } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px) } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } .flipInY { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInY; animation-name: flipInY } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } .infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } html { font-size: 100px } .no_scroll { overflow: hidden } @font-face { font-family: "sySong"; src: url("../fonts/sySong.woff") format("woff"); font-style: normal; font-weight: normal } .sySong, .slick_bar h3 em, .list_img h3, .list_news .txt h3, .list_notice h3, .list_stu .txt h3, .list_icon a { font-family: "sySong" } .f_nav { font-family: 'Noto Serif SC' } #browser-modal { width: 100%; height: 100%; top: 0; left: 0; text-align: center; color: #303233; position: fixed; z-index: 9990009 } #browser-modal .browser-modal-cover { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: #004098; opacity: .9; z-index: -1 } #browser-modal .browser-content { width: 700px; margin-top: 120px; margin-left: auto; margin-right: auto; padding-bottom: 80px; padding-top: 50px; background-color: #fff; border-radius: 5px } #browser-modal .browser-content .browser-dpc-logo img { height: 42px; margin: 45px auto 40px } #browser-modal .browser-content .browser-text-title { text-transform: uppercase; font-size: 24px } #browser-modal .browser-content .browser-text-desc { margin-top: 30px; margin-bottom: 20px; font-size: 14px } #browser-modal .browser-content .browser-list { width: 600px; margin: 20px auto; height: 130px } #browser-modal .browser-content .browser-item { float: left; width: 150px; padding-top: 20px; padding-bottom: 20px; margin-left: auto; margin-right: auto } #browser-modal .browser-content .browser-item .iconfont { width: 100px; height: 100px; margin: 0 auto; font-size: 80px; line-height: 80px; margin-bottom: 10px } #browser-modal .browser-content .browser-item .iconchrome { background: url(../images/bro.png) no-repeat 0 0 } #browser-modal .browser-content .browser-item .iconfirefox { background: url(../images/bro.png) no-repeat 0 -100px } #browser-modal .browser-content .browser-item .iconopera { background: url(../images/bro.png) no-repeat 0 -200px } #browser-modal .browser-content .browser-item .iconEdge { background: url(../images/bro.png) no-repeat 0 -300px } #browser-modal .browser-content .browser-item a { cursor: pointer; display: block } #browser-modal .browser-content .browser-item a img { display: block; margin: 0 auto; max-width: 100px; width: 100px; height: 100px } #browser-modal .browser-content .browser-item a h4 { text-align: center; margin-top: 20px; font-size: 18px; font-weight: 700 } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box } body { overflow-x: hidden } section, .w1600 { max-width: 1600px; margin: 0 auto } .cover_bg, .cover_img>div:first-child { background-position: 50%; background-repeat: no-repeat; background-size: cover } .cover_img { position: relative; overflow: hidden } a:hover .cover_img>div:first-child, .cover_img:hover>div:first-child { -webkit-transform: scale(1.1); transform: scale(1.1) } .link_news a:hover i { -webkit-transform: scale(.95); transform: scale(.95) } .cover_img div { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .slick-dots li { cursor: pointer } .no_scroll { overflow: hidden } #J_dotLine { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1 } header { background: url(../images/tbg2.jpg) 50% 100% no-repeat; background-size: cover; } header, .slick_bar, footer, article { position: relative; z-index: 3 } .t_logo { line-height: 1.46rem; max-width: calc(100% - 4rem) } .t_logo, .t_search { z-index: 9999 } .t_logo img { vertical-align: middle; display: inline-block; max-width: 100%; max-height: .74rem } .t_link { line-height: .12rem; margin: .3rem 0 0; border-right: 1px solid #004098 } .t_link .t_search { width: 16px; height: 16px; background: url(../images/t_search.png) 50% no-repeat; border: none !important } .t_link a { display: inline-block; padding: 0 .12rem; color: #004098; font-size: .12rem; font-family: '\5B8B\4F53', arial; border-left: 1px solid #004098; vertical-align: middle } .t_link a:hover { text-decoration: underline } .t_search i { width: 26px; height: 26px; background: url(../images/i_search.png) 50% no-repeat; border-radius: 50% } .t_nav { position: relative; background: #f4f4f6; z-index: 9; border-bottom: 1px solid #ccc } .t_nav>ul { max-width: 1600px; margin: 0 auto } .t_nav li { display: inline-block; position: relative; font-size: .18rem; vertical-align: top; width: 8.3% } .t_nav .on h3 a { color: #034794 } .t_nav .on:hover h3 a { color: #ffcc00 } .t_nav h3 { font-weight: normal; position: relative; z-index: 3 } .t_nav h3 a { font-size: .19rem; display: block; color: #000; line-height: .5rem } .t_nav a { display: block; color: #fff } .t_nav .sub_nav { position: absolute; font-size: 14px; padding: 6px 8px; background: rgba(0, 64, 152, .9); width: -webkit-max-content; width: -moz-max-content; min-width: 100%; z-index: 6 } .t_nav li:hover h3 a { color: #004098 } .t_nav .sub_nav a { padding: .1rem; font-size: .16rem; color: #fff; line-height: 1.6; white-space: nowrap } .t_nav .sub_nav a:hover { color: #ffcc00 } .t_nav .sub_nav { box-shadow: 0 5px 10px rgba(0, 0, 0, .3) } .t_nav .sub_nav a:not(:first-child) { border-top: 1px solid rgba(255, 255, 255, .1) } .search_wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; color: #666; transition: all 0.5s; z-index: 99999; display: none } .search_wrap .search_box { position: fixed; width: calc(100% - .6rem); max-width: 660px; z-index: 999; z-index: 3; display: none } .search_wrap .i_txt { width: 100%; height: 50px; position: relative; border: none; background: none; padding: 0 96px 0 15px; background: #fff; font-size: 16px } .search_wrap .submit { position: absolute; top: 0; right: 0; width: 80px; height: 50px; cursor: pointer } .search_wrap .close { position: fixed; right: 5%; top: 10%; width: .32rem; height: .32rem; background: url(data:image/png; base64, iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM2MEUwM0UyRDE0QjExRUFCMkMxQzY0OTVDMkFDRDQyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM2MEUwM0UzRDE0QjExRUFCMkMxQzY0OTVDMkFDRDQyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzYwRTAzRTBEMTRCMTFFQUIyQzFDNjQ5NUMyQUNENDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzYwRTAzRTFEMTRCMTFFQUIyQzFDNjQ5NUMyQUNENDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4tLD5kAAABQ0lEQVR42uyaSwrCMBCGh0LvZmnJGUQ8nidyIbgodF1wI0icSIpS6MOamSQ/Bv5NH5n52jSZzoSstUdWz+pYDYsy0Y51Zl1YNXmIod1ZJgMI430d2rUgohu9W8k6sQyl24z3sfw49nB09Ygu5TdjJnytli4wGUC8fFx9YcoQY5BUYVb5tPnGlCCmQFKB+cqHYB3FhFgCiQWzyaZYx5oQa0G0YH6yoWZIum91g1J9RjMcuq+YTzHo2401roMP0RgfqcikoT1tis18mmuA6FqktSqLL6haIYZ4iKMV9InHaZoRrGjkXBBK+w8t4I8dYvqFWBAhQhSIoBEijIf4sYL41YVIPkCkgyASdBApU4gkNkRZAaLQA1F6gyiGQpSnITYMVABbOBp3ss0EYg6mQ9nm1LuDew/T+mGWy8azyvvsfD88BRgACRoA/Uq+It4AAAAASUVORK5CYII=) no-repeat center; background-size: cover; cursor: pointer; transition-duration: .5s; z-index: 9999 } .search_wrap .close:hover { transform: rotate(90deg) } .search_wrap .bck { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); z-index: 3 } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto } .slick-track:before, .slick-track:after { display: table; content: '' } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { display: none; float: left; height: 100%; min-height: 1px } [dir='rtl'] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } .slick-arrow { cursor: pointer } .slick_bar a { padding-top: 34.8%; display: block; position: relative; border-bottom: .06rem solid #004098 } .slick_bar .slick-slide { padding: 0 0 33px; position: relative; overflow: hidden } .slick_bar h3 { position: absolute; right: 50%; bottom: -.33rem; line-height: .75rem; padding: 0 0 0 .52rem; margin-right: -860px; font-size: 0; width: 40%; white-space: nowrap } .slick_bar .slick-active h3 { margin-right: -800px } .slick_bar h3 em { font-size: .3rem; max-width: calc(100% - .8rem) } .slick_bar h3:before, .slick_bar h3:after { content: ''; background: #004098; position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .slick_bar h3:before { left: 0; right: 0; transform: skew(-26deg) } .slick_bar h3:after { left: 100px; right: -500% } .slick_bar h3 em, .slick_bar h3 span { position: relative; z-index: 6; display: inline-block; vertical-align: top } .slick_bar h3 span, .more { font-size: .12rem; font-family: '\5B8B\4F53', arial; display: inline-block; vertical-align: text-bottom; padding: 0 0 0 .12rem; border-left: 1px solid #fff; line-height: 12px; margin: 0 0 0 .4rem } .slick_bar .slick-dots { position: absolute; font-size: 0; right: 50%; margin-right: -800px; bottom: 1.02rem; text-align: center; z-index: 3 } .slick_bar .slick-dots li { display: inline-block; background: #fff; width: .12rem; height: .12rem; margin: 0 0 0 .2rem; position: relative; cursor: pointer; border-radius: 50px; vertical-align: middle } .slick_bar .slick-dots .slick-active { background: #ffcc00 } .f1 { padding: .3rem 0 .56rem } .bot_wrap { padding:.7rem 0; background: url(../images/bg_back.jpg) 50% no-repeat; background-size: cover; } .slick_news { width: calc(50% - 45px); overflow: hidden; } .slick_news .cover_img { float: left; padding-top: 3.3rem; width: 3.3rem; } .slick_news time { float: left; font-size: 26px; text-align: center; color: #033f7d; width: 120px; text-align: center; font-family: Arial; padding: 10px 0 0 } .slick_news time span { font-size: 50px; display: block } .slick_news .txt { float: right; width: calc(100% - 3.3rem); background: #fff; padding: .3rem .38rem; font-size: 16px; color: #333; position: relative; height: 3.3rem; } .slick_news .txt:before { content: 'FOCUS'; position: absolute; right: .4rem; bottom: .38rem; color: #f0f4fa; font-size: .7rem; font-family: Impact; line-height: .7rem; } .slick_news a:hover .txt:before {/* height: 100% */ } .slick_news .txt h3, .slick_news .txt p { position: relative; z-index: 6 } .slick_news a:hover .txt, .slick_news a:hover h3 {/* color: #fff */ } .slick_news .txt h3 { font-size: .2rem; padding: 0 0 .16rem; color: #333; font-weight: 700; margin: 0 0 .2rem; position: relative; font-family: sySong; color: #cc0000; } .slick_news .txt p { line-height: .36rem; height: 1.08rem; font-size: .14rem; color: #666; text-indent: 2em; background: url(../images/bg_line.png) 0 0; background-size: auto .36rem; } .notice_wrap { width: calc(50% - 30px) } .slick_news .txt h3:before { content: ''; position: absolute; left: 0; bottom: 0; width: .56rem; height: .08rem; background: #cc0000; } .slick_news .txt p { } .slick_news .slick-dots { position: absolute; right: .4rem; bottom: .38rem; } .slick_news .slick-dots li { display: inline-block; width: .2rem; height: .2rem; line-height: .2rem; background: #004098; border-radius: 50%; font-size: .14rem; text-align: center; color: #fff; margin-left: .2rem; } .slick_news .slick-dots .slick-active { background: #cc0000; } .list_link { width: calc(50% - 45px); margin: -.34rem 0 0 0; overflow: hidden; } .list_link a { float: left; width: calc(50% - .24rem); text-align: right; color: #004098; padding: .14rem 0; border-bottom: 1px solid #396cb1; margin-top: .28rem; } .list_link a:nth-child(even) { margin-left: .48rem; } .list_link h3 { font-size: .3rem; font-family: 'sySong'; } .list_link p { font-size: .14rem; } .f_share { font-size: 0; vertical-align: middle; margin: 0 0 0 .1rem; } .f_share li { position: relative; transition: .3s all ease-in; } .f_share li:not(:first-child) { margin-left: 40px; } .f_share h3 a { display: block; width: .36rem; height: .3rem; color: #c8cbd5; font-size: 0; background: url(../images/wechat.png) 50% no-repeat; background-size: 100%; } .f_share h3 i, .f_share h3 p { position: relative; z-index: 6 } .f_share .con { position: absolute; bottom: calc(100% + 14px); opacity: 0; filter: alpha(opacity=0); visibility: hidden; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .f_share .con:before { content: ''; position: absolute; bottom: -6px; left: 50%; margin-left: -7px; border-style: solid; border-width: 7px 7px 0 7px; border-color: #fff transparent transparent transparent } .f_share li:hover { transform: translateY(-6px); } .f_share li:hover h3 a:before { height: 100% } .f_share li:hover .con { opacity: 1; visibility: visible } .f_share .con img { width: 120px; height: 120px; max-width: initial; display: block; } .notice_wrap { width: calc(50% - 30px) } .tit { font-size: .24rem; margin: 0 0 .22rem } .tit span { font-size: .14rem; vertical-align: text-top; margin: 0 0 0 8px; text-transform: uppercase } .more { color: #004098; border-color: #004098 } .more:hover { border-color: #023f7b } .tab_wrap .tit a { display: inline-block; color: #999; vertical-align: top; margin: 0 .5rem 0 0 } .tab_wrap .tit .on { color: #004098 } .f1 .list_img { width: calc(50% - 45px); } .list_img a { float: left; width: calc(50% - .3rem); color: #333 } .list_img a:not(:first-child) { margin-left: .6rem } .list_img .cover_img { padding-top: 1.98rem } .list_img .txt { margin: .24rem 0 0; font-size: .14rem } .list_img h3, .list_stu .txt h3 { font-size: .18rem; line-height: .29rem; height: .56rem; margin: 0 0 .16rem } .list_img time { padding: 0 0 0 .36rem; background: url(../images/time.png) 0 50% no-repeat; background-size: .16rem } .list_img span { color: #004098; padding: 0 6px; border-left: 1px solid #004098; border-right: 1px solid #004098; margin: 0 0 0 15px; line-height: 12px; display: inline-block } .list_img a:hover h3, .list_news a:hover h3 { color: #004098 } .f1 .list_news { width: calc(50% - 45px); margin: -.2rem 0 -.16rem } .list_news a { display: block } .list_news a { position: relative; display: block; padding: .13rem 0 .14rem; font-size: .18rem; overflow: hidden } .list_news a:hover { padding-left: 22px } .list_news a:before { content: ''; position: absolute; left: 0; height: 0; width: 4px; background: #004098 } .list_news a:hover:before { height: calc(100% - 30px) } .list_news .txt { float: left; width: calc(100% - 1.4rem); color: #5a5a5a; font-size: .14rem; position: relative } .list_news a:not(:first-child) .txt:before { content: ''; position: absolute; left: 0; right: 0; top: -13px; border-bottom: 1px solid #ebebeb } .list_news .txt h3 { font-size: .18rem; color: #333; margin: 0 0 .08rem } .list_news .txt p { line-height: .29rem; height: .56rem } .list_news time { margin-top: 0.03rem; font-size: .24rem; color: #004098; float: right; width: .65rem; line-height: 0.41rem; background: #f4f4f6; text-align: center; border-bottom: 1px solid #ccc; } .list_news time em { font-size: .24rem; line-height: .41rem; background: #004198; display: block; color: #fff } .list_news a:hover time em { background: #21b9eb } .news_l, .news_r { width: calc(50% - 30px) } .list_time a { display: block; padding: 6px 0; font-size: 18px } .list_time a:hover time { background: #e4e8ed } .list_time time { display: inline-block; width: 100px; background: #d0d5db; color: #033f7b; text-align: center; line-height: 32px; margin: 0 20px 0 0; vertical-align: middle; font-size: 0 } .list_time time span { background: #033f7b; color: #fff; display: inline-block; font-size: 18px; width: 34px; vertical-align: top } .list_time time p { width: calc(100% - 34px); display: inline-block; vertical-align: middle; font-size: 14px } .list_notice { margin: -.2rem -.45rem } .list_notice a { float: left; width: calc(50% - 90px); border: .1rem solid #f6f6f6; margin: .2rem .45rem; padding: .2rem .38rem; font-size: .14rem; position: relative } .list_notice a:hover h3, .list_stu a:hover h3 { color: #004098 } .list_notice time { position: absolute; right: .38rem; background: #004098; color: #fff; padding: .03rem .12rem; border-radius: 4px; bottom: .2rem } .list_notice time:before { content: ''; width: 14px; height: 14px; background: url(../images/time_white.png) 50% no-repeat; display: inline-block; vertical-align: -2px; margin: 0 .12rem 0 0 } .list_notice time:after { content: ''; position: absolute; left: 0; top: -.05rem; bottom: 0; right: 0; background: #e6edf7; border-radius: 4px; z-index: -1 } .list_notice h3 { font-size: .18rem; color: #333; margin: 0 0 .08rem } .list_notice p { line-height: .28rem; height: .56rem; padding: 0 1.4rem 0 0 } .list_notice a>i:before { content: ''; display: block; width: 0; height: 0; border-top: .1rem solid; border-left: .1rem solid; border-color: #004098; position: absolute; left: -.1rem; top: -.1rem; transition: ease .65s; z-index: -1 } .list_notice a>i:after { content: ''; display: block; width: 0; height: 0; border-right: .1rem solid; border-bottom: .1rem solid; border-color: #004098; position: absolute; right: -.1rem; bottom: -.1rem; transition: ease .65s; z-index: -1 } .list_notice a:hover>i:before, .list_notice a:hover>i:after { width: 100%; height: calc(100% + .1rem); visibility: visible; z-index: 6 } .list_img a>i:after { display: block; width: 0; height: 0; border-right: 5px solid; border-bottom: 5px solid; border-color: #546f44; position: absolute; right: -5px; bottom: -5px; transition: ease .65s } .f3 { padding: .64rem 0 } .list_stu { margin: -.2rem -.26rem } .list_stu a { float: left; width: calc(20% - .52rem); margin: .2rem .26rem } .list_stu .cover_img { padding-top: 57.475% } .list_stu .txt { font-size: .12rem; margin: 20px 0 0; color: #999 } .list_stu .txt h3 { font-size: .18rem; text-align: left; color: #333; margin: 0 0 .12rem } .list_stu .txt p { font-family: '\5B8B\4F53', arial } .con_wrap .list_stu { margin: -.2rem -.26rem } .con_wrap .list_stu a { float: left; width: calc(25% - .52rem); margin: .2rem .26rem } .list_icon a { display: inline-block; width: 12.5%; color: #333; font-size: .18rem } .list_icon a:hover i { transform: rotateY(360deg) } .list_icon i { display: block; height: 62px; background-repeat: no-repeat; background-position: 50%; margin: 0 0 .1rem } .i1 { background-image: url(../images/i1.png) } .i2 { background-image: url(../images/i2.png) } .i3 { background-image: url(../images/i3.png) } .i4 { background-image: url(../images/i4.png) } .i5 { background-image: url(../images/i5.png) } .i6 { background-image: url(../images/i6.png) } .i7 { background-image: url(../images/i7.png) } .i8 { background-image: url(../images/i8.png) } footer { background: #004098; color: #fff; position: relative; padding: .56rem 0 .26rem; font-size: .12rem; /* margin: .6rem 0 0; */ } .f_fl { width: 3.34rem; border-right: 1px solid #3568ae; min-height: .28rem; } .f_logo { max-height: .45rem; max-width: 3.34rem } .f_logo img { display: inline-block; vertical-align: top; max-height: .45rem } .f_about { font-size: .12rem; line-height: .22rem; padding: 0 0 0 .56rem; margin: .44rem 0 0 } .f_about >h3 { font-size: .16rem; margin: 0 0 .2rem } .f_copy { color: #ffffff; margin: .2rem 0 0; } .f_nav { max-width: calc(100% - 4.4rem); overflow: hidden; font-size: 0; text-align: right; } .f_nav li:not(:nth-child(4n)) { /* padding: 0 7% 0 0; */ } .f_nav li { display: inline-block; min-height: 1.4rem; vertical-align: top; width: 2.8rem; margin-bottom: .2rem; } .f_nav h3, .f_list { display: inline-block; vertical-align: top } .f_list { width: calc(100% - 1.6rem); text-align: left; } .f_nav h3 { font-size: .2rem; margin: 0 .3rem 0 0; text-align: left; width: 1.3rem; text-align: right; } .f_nav li .f_list:not(:nth-child(2)) { margin-left: .34rem } .f_list a { display: block; font-size: .14rem; line-height: .26rem } .inset_bar { width: 100%; overflow: hidden } .inset_bar .slick-arrow { position: absolute; top: 0; bottom: 0; width: 70px } .inset_bar .slick-left { position: absolute; top: 0; bottom: 0 } .inset_bar .slick-right { position: absolute; top: 0; bottom: 0 } .inset_img { position: relative; display: block; width: 100%; z-index: 1 } .aside_tit h2 { font-size: .26rem; line-height: .66rem; font-family: 'Noto Serif SC' } aside { width: 3.1rem; margin: -.7rem 0 .5rem } .aside_tit { padding: 0 .2rem; background: #004098; color: #fff; font-size: .18rem } .aside_tit h2 { font-size: .24rem; line-height: .7rem; font-family:auto; font-weight:700; } .aside_tit p { opacity: .5 } .nav_list a { position: relative; line-height: .24rem; display: block; padding: .16rem .4rem .16rem .24rem; color: #004098; font-size: .2rem; } .nav_list>a { padding-right: .4rem } .nav_list>a:before { content: ''; position: absolute; left: -4px; width: 4px; height: 0; background: #ffcc00 } .nav_list>a.on:before { height: 100% } .nav_list>a:not(:first-child) { border-top: 2px solid #fff } .nav_list a b { position: absolute; right: 28px; top: 50%; margin-top: -3px; width: 50px; top: 0; bottom: 0; right: 0; color: #999; font-size: 16px } .nav_list a b:before { content: ''; position: absolute; font-family: monospace, serif; z-index: 6; background: url(../images/i_down.png) 50% no-repeat; z-index: 6; width: .2rem; height: .2rem; background-size: 60% } .nav_list { padding: .32rem 0 .78rem; border-left: 4px solid #004098; background: #f5f5f5 } .nav_list .on { background: #fff; font-weight:700; } .nav_list .on b { right: 0; font-size: 12px; color: #fff } .nav_list a.on b { transform: rotate(180deg) } .nav_list a b:after { content: ''; position: absolute; width: .2rem; height: .2rem; border-radius: 50%; background: #aaa } .nav_list .on b:after, .nav_list .sub_con .active:before { background: #004098 } .nav_list .sub_con { padding: 10px 0; display: none } .nav_list .sub_con a { padding-left: 21%; font-size: .15rem; background: none; line-height: 1.6; position: relative; padding-top: 4%; padding-bottom: 4% } .nav_list .sub_con a:before { content: ''; position: absolute; width: .06rem; height: .06rem; background: #999; border-radius: 100px; left: 15%; top: 50%; margin-top: -.03px } .nav_list .sub_con a:not(:first-child) { border-top: 1px dashed #ddd } .nav_list .active, .nav_list .active:hover { color: #ffcc00 } .pb_sys_common { font-size: 13px; font-family: SimSun; line-height: 12px; color: #222 } .pb_sys_common a { text-decoration: none } .pb_sys_common .p_pages { margin-left: -5px } .pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o, .pb_sys_common .p_fun a, .pb_sys_common .p_no a { border: 1px solid #ccc; padding: 5px 8px; margin: 0 0 0 5px; height: 24px; -height: auto; line-height: 12px; box-sizing: border-box; display: inline-block; vertical-align: middle } .pb_sys_common .p_t { line-height: 12px; margin: 0; padding: 0; display: inline-block; vertical-align: middle } .pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o { color: #ccc } .pb_sys_common .p_fun a, .pb_sys_common .p_no a { color: #222 } .pb_sys_common .p_dot { margin-left: 4px; margin-right: -4px; color: #222 } .pb_sys_common .p_goto input, .pb_sys_common .p_search input { font-family: SimSun; font-size: 12px; border: 1px solid #aaa; height: 22px; line-height: 20px; box-sizing: border-box; vertical-align: middle; outline-width: thin; outline-color: #034794; margin: 0 2px; padding: 0 1px } .pb_sys_common .p_goto input { width: 22px; text-align: center } .pb_sys_common .p_search input { width: 100px; text-align: left } .pb_sys_common .p_goto input:hover, .pb_sys_common .p_goto input:focus, .pb_sys_common .p_search input:hover, .pb_sys_common .p_search input:focus { border: 1px solid #034794 } .pb_sys_common .p_goto a, .pb_sys_common .p_search a { border: 1px solid #ccc; padding: 5px 6px; color: #222; margin: 0; height: 24px; -height: auto; line-height: 12px; display: inline-block; box-sizing: border-box; vertical-align: middle } .pb_sys_common .p_dosize_d, .pb_sys_common .p_dosize a { border-right: 1px solid #ccc; padding: 1px 5px; color: #888 } .pb_sys_common .p_dosize_d { color: #222 } .pb_sys_common .p_dosize a:hover { color: #222 } .pb_sys_common .p_dosize_last_d, .pb_sys_common .p_dosize_last a { border-right-width: 0 } .pb_sys_normal .p_first, .pb_sys_normal .p_first_d, .pb_sys_normal .p_last, .pb_sys_normal .p_last_d { display: none } .pb_sys_normal2 .p_first, .pb_sys_normal2 .p_first_d, .pb_sys_normal2 .p_last, .pb_sys_normal2 .p_last_d, .pb_sys_normal2 .p_prev_d, .pb_sys_normal2 .p_next_d { display: none } .pb_sys_full2 .p_first_d, .pb_sys_full2 .p_last_d, .pb_sys_full2 .p_prev_d, .pb_sys_full2 .p_next_d { display: none } .pb_sys_short .p_no, .pb_sys_short .p_no_d, .pb_sys_short .p_no_o, .pb_sys_short .p_dot { display: none } .pb_sys_short2 .p_no, .pb_sys_short2 .p_no_d, .pb_sys_short2 .p_no_o, .pb_sys_short2 .p_dot, .pb_sys_short2 .p_first, .pb_sys_short2 .p_first_d, .pb_sys_short2 .p_last, .pb_sys_short2 .p_last_d { display: none } .pb_sys_style1 .p_no a:hover, .pb_sys_style1 .p_fun a:hover, .pb_sys_style1 .p_goto a:hover, .pb_sys_style1 .p_search a:hover, .pb_sys_style2 .p_no a:hover, .pb_sys_style2 .p_fun a:hover, .pb_sys_style2 .p_goto a:hover, .pb_sys_style2 .p_search a:hover, .pb_sys_style3 .p_no a:hover, .pb_sys_style3 .p_fun a:hover, .pb_sys_style3 .p_goto a:hover, .pb_sys_style3 .p_search a:hover, .pb_sys_style4 .p_no a:hover, .pb_sys_style4 .p_fun a:hover, .pb_sys_style4 .p_goto a:hover, .pb_sys_style4 .p_search a:hover { background-color: #f5f5f5 } .pb_sys_style1 .p_no_d { border: 1px solid #034794; color: #fff; background-color: #034794 } .pb_sys_style2 .p_no_d { border: 1px solid #f04646; color: #fff; background-color: #f04646 } .pb_sys_style3 .p_no_d { border: 1px solid #32b907; color: #fff; background-color: #32b907 } .pb_sys_style4 .p_no_d { border: 1px solid #888; color: #fff; background-color: #888 } .pb_sys_style5 .p_fun_d, .pb_sys_style5 .p_no_d, .pb_sys_style5 .p_no_o, .pb_sys_style5 .p_fun a, .pb_sys_style5 .p_no a, .pb_sys_style5 .p_goto a, .pb_sys_style5 .p_search a, .pb_sys_style6 .p_fun_d, .pb_sys_style6 .p_no_d, .pb_sys_style6 .p_no_o, .pb_sys_style6 .p_fun a, .pb_sys_style6 .p_no a, .pb_sys_style6 .p_goto a, .pb_sys_style6 .p_search a, .pb_sys_style7 .p_fun_d, .pb_sys_style7 .p_no_d, .pb_sys_style7 .p_no_o, .pb_sys_style7 .p_fun a, .pb_sys_style7 .p_no a, .pb_sys_style7 .p_goto a, .pb_sys_style7 .p_search a, .pb_sys_style8 .p_fun_d, .pb_sys_style8 .p_no_d, .pb_sys_style8 .p_no_o, .pb_sys_style8 .p_fun a, .pb_sys_style8 .p_no a, .pb_sys_style8 .p_goto a, .pb_sys_style8 .p_search a { border: 1px solid transparent } .pb_sys_style5 .p_no_d, .pb_sys_style5 .p_no a:hover, .pb_sys_style6 .p_no_d, .pb_sys_style6 .p_no a:hover, .pb_sys_style7 .p_no_d, .pb_sys_style7 .p_no a:hover, .pb_sys_style8 .p_no_d, .pb_sys_style8 .p_no a:hover { border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px } .pb_sys_style5 .p_fun a:hover, .pb_sys_style5 .p_goto a:hover, .pb_sys_style5 .p_search a:hover, .pb_sys_style6 .p_fun a:hover, .pb_sys_style6 .p_goto a:hover, .pb_sys_style6 .p_search a:hover, .pb_sys_style7 .p_fun a:hover, .pb_sys_style7 .p_goto a:hover, .pb_sys_style7 .p_search a:hover, .pb_sys_style8 .p_fun a:hover, .pb_sys_style8 .p_goto a:hover, .pb_sys_style8 .p_search a:hover { text-decoration: underline } .pb_sys_style5 .p_no_d, .pb_sys_style5 .p_no a:hover { border: 1px solid #034794; color: #fff; background-color: #034794 } .pb_sys_style6 .p_no_d, .pb_sys_style6 .p_no a:hover { border: 1px solid #f04646; color: #fff; background-color: #f04646 } .pb_sys_style7 .p_no_d, .pb_sys_style7 .p_no a:hover { border: 1px solid #32b907; color: #fff; background-color: #32b907 } .pb_sys_style8 .p_no_d, .pb_sys_style8 .p_no a:hover { border: 1px solid #888; color: #fff; background-color: #888 } .p_fun_d { padding: 0 10px } .pb_sys_common .p_pages span, .pb_sys_common .p_pages span a { min-width: 30px; height: 30px; line-height: 30px; color: #666; padding-top: 0; padding-bottom: 0 } .pb_sys_common .p_pages span { margin: 0 1px; position: relative; display: inline-block } .pb_sys_common .p_pages span a { margin: 0; padding: 0 10px; position: relative } .pb_sys_common .p_fun_d, .pb_sys_common .p_pages span a { border-color: #e1e6ea; background: #fff } .pb_sys_style1 .p_pages .p_no_d { background: #034794; border-color: #034794; color: #fff; width: 30px; height: 30px; line-height: 30px; min-width: 30px } .pb_sys_common .p_t { margin-left: 10px !important } .list_txt { margin: -22px 0 } .list_txt time { position: inherit; bottom: inherit; display: block; margin: 16px 0 0 } .details_wrap, .news_bd { margin: 0 auto; overflow: hidden; } .pos { width: .24rem; height: .2rem; background: url('../images/pos.png') 50% no-repeat; background-size: 100%; vertical-align: -.05rem; margin: 0 .08rem 0 0 } .site_nav { color: #666; margin-right: 0px; font-family: 'Noto Serif SC' } .site_nav b { color: #bbb } .site_nav a, .site_nav em { display: inline-block; line-height: .3rem; padding: 0 .1rem } .site_nav a:hover, .nav_list a:hover { color: #034794 } .nav_list li>a:before { content: ''; position: absolute; width: 3px; height: 0; left: 0; background: #105598; animation: 1.4s ease-out 0s } .nav_list li>a:hover:before { height: 30px } .nav_list .on>a:hover:before { content: none } .con_wrap { width: calc(100% - 4rem); margin: .4rem 0 .2rem; overflow: hidden } .con_wrap .tit { margin-bottom: .3rem; line-height: .4rem; padding: 0 0 .2rem; border-bottom: 1px solid #ddd } .con_wrap .tit h3 { font-size: .3rem; color: #004098; font-weight: 700; font-family: 'Noto Serif SC' } .con_wrap .list_notice { margin: .3rem -.25rem } .con_wrap .list_notice a { width: calc(50% - .5rem); margin: .2rem .25rem } article { position: relative } .page_wrap { margin-top: .5rem } .list_lab.col2 a { width: calc(50% - 44px); padding-top: 31.657% } .news_hd { padding: 10px 0 30px; color: #333; font-family: 'Noto Serif SC' } .con_wrap h3{ font-family: 'sySong'; } .news_hd h3 { font-size: .3rem; color: #004098; margin-bottom: 14px; font-family: 'sySong'; font-weight:700; } .news_hd p { line-height: .44rem; font-family: auto; border-bottom: 1px solid #f5f5f5; } .news_hd p span { margin: 0 14px; color: #999 } .news_bd { font-size: .2rem; line-height: 2; color: #555; text-align: justify; font-family: 'Noto Serif SC'; text-indent: 2em; } .news_bd p{ margin-bottom:20px;} p.vsbcontent_img { margin: 30px auto; } .list_avatar { margin: 0 -.2rem -.72rem } .list_avatar a { float: left; width: calc(20% - .4rem); margin: 0 .2rem .36rem; position: relative } .list_avatar .cover_img { padding-top: 141.6% } .list_avatar h3 { line-height: .24rem; bottom: .3rem; padding: .1rem .24rem .1rem .18rem; font-size: .16rem; position: absolute; max-width: calc(100% - .16rem); overflow: hidden } .list_avatar h3:before { content: ''; position: absolute; top: 0; bottom: 0; background: #034794; left: -10px; right: 6px; z-index: 1; transform: skew(-16deg) } .list_avatar em { display: block; position: relative; z-index: 3 } .avatar_wrap .hd { margin-bottom: 30px } .avatar_wrap .hd h2 { font-size: 30px; color: #009dab; font-weight: 700 } .avatar_wrap .hd .txt { width: calc(100% - 3.1rem) } .avatar_wrap .hd img { width: 280px; height: auto } .avatar_wrap .bd h2 { color: #009dab; font-weight: 700; border-left: .04rem solid #009dab; padding-left: 10px; font-size: 24px } .avatar_wrap .bd .con { padding: 20px 0 30px; line-height: 1.8; color: #333 } .avatar_wrap .post { background: #f5f5f5; padding: 20px; margin: .4rem 0 .3rem } .list_item .item { border-radius: 6px; overflow: hidden; color: #222 } .list_item h3 { position: relative; padding: .14rem .2rem; display: block; color: #333; font-size: .18rem; line-height: .24rem; color: #fff; background: url(../images/t_bg.jpg) 50% no-repeat; background-size: cover } .list_item .con { font-size: .15rem; padding: .15rem .2rem; background: #e9eff6; z-index: 99; position: relative } .list_item .con, .list_item .con * { word-break: break-all } .list_item .con a { line-height: .26rem } .list_item .additem { display: none } .list_item.row>li:not(:first-child) { margin: .3rem 0 0 } .list_name { overflow: hidden } .list_name a { float: left; width: 16.666666%; padding: .05rem } ul.szdown li, ul.szdown li a { font-size: .2rem; text-indent: 2em; color: #073b7f;} ul.szdown{ margin-top:20px;font-size: .2rem;line-height: 2;margin-bottom: 70px;text-indent: 2em;} @media (max-width:1640px) { section, .w1600 { max-width: none; padding: 0 .2rem } .slick_bar h3 { right: 0; margin-right: -.6rem; padding-right: .2rem } .slick_bar .slick-active h3 { margin-right: 0 } .slick_bar .slick-dots { right: 20px; margin-right: 0 } } @media (max-width:1599px) { .f_nav { max-width: calc(100% - 3.34rem) } .f_nav li:not(:nth-child(4n)) {/* padding: 0 0.54rem 0 0 */ } } @media (max-width:1400px) { .f1 .list_img, .f1 .list_news, .slick_news, .list_link { width:calc(50% - .5rem) } .slick_news .slick-dots li { width: .3rem; height: .3rem; line-height: .3rem; } .slick_bar h3 { max-width: 90% } .slick_bar h3 em { font-size: .26rem } .list_notice { margin: -.15rem -.25rem } .list_notice a { float: left; width: calc(50% - .5rem); margin: .15rem .25rem } .list_stu { margin: -0.15rem } .list_stu a { float: left; width: calc(20% - .3rem); margin: .15rem } } @media (max-width:1300px) { .t_logo { line-height: 1.2rem } .list_news time { width: .8rem; line-height: .5rem } .list_news time em { line-height: .5rem } } @media (max-width:1100px) { .list_icon i { background-size: auto .56rem; height: .62rem } .f_nav li:not(:nth-child(4n)) {/* padding: 0 0.48rem .3rem 0 */ } } @media (max-width:1023px) { .f_nav li { width: 3.4rem; } .con_wrap .list_stu a { width: calc(33.333333% - .52rem); margin: .2rem .26rem } .f_list a { font-size: .12rem; line-height: .4rem } .f_about { padding: 0; margin: .44rem 0 0 } .f_nav li:not(:nth-child(4n)) {/* padding: 0 0.9rem .3rem 0 */ } .f_fl, .f_nav { float: none; width: auto } .f_fl { text-align: center; border: none } .f_nav { max-width: none; text-align: center; margin: 0 0 .5rem } .f_about { line-height: 18px } .f_logo { max-width: 80% } .f_logo img { max-height: none } }@media (max-width:768px) { .tit h3 span { display: none; } } @media (min-width:768px) { .t_nav h3 b, .menu, .aside_tit h2 b { display: none } .sub_nav { -webkit-transition: .3s all ease-in; -moz-transition: .3s all ease-in; -ms-transition: .3s all ease-in; transition: .3s all ease-in } .t_nav .sub_nav { top: calc(100% + 10px); opacity: 0; filter: alpha(opacity=0); visibility: hidden } .t_nav li:hover .sub_nav { top: calc(100% + 1px); opacity: 1; filter: alpha(opacity=100); visibility: visible } } @media (max-width:767px) { html { font-size: 50px } section, .w1600 { padding: 0 .3rem } .menu { right: 15px; display: block; width: 26px; transition: all .3s ease; z-index: 99999 } .menu span { width: 100%; height: 2px; display: block; background: #004098; transition: all .3s ease; border-radius: 100px } .menu span+span { margin-top: 8px } .menu.on { margin-top: 6px } .menu.on span { transform: rotate(45deg) } .menu.on span:nth-child(2) { transform: rotate(-45deg) translate(7px, -7px) } .menu.on span:nth-child(3) { display: none } header { z-index: 1000; background: #fff } .t_nav { height: 100vh; position: fixed; top: 0; left: 0; right: 0; background: #004098; text-align: left; z-index: 999; margin-right: 0; display: none; overflow-y: auto; overflow-x: hidden; padding-top: 102px; padding-bottom: 20px; margin: 0; z-index: 998 } .t_nav li { display: block; border-bottom: 1px solid rgba(0, 0, 0, .1); padding: 0; width: auto } .t_nav h3 a { font-size: .36rem; -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; line-height: 1.8; padding: 10px 50px 10px 15px; border-top: none; color: #fff; white-space: initial } .t_nav h3 b { position: absolute; right: 0; bottom: 0; width: 50px; text-align: center; line-height: 1.04rem; height: 1.04rem; color: rgba(255, 255, 255, .6); font-size: 20px; cursor: pointer; font-weight: normal; top: 50%; margin-top: -.52rem } .t_nav .on h3 a { color: #ffcc00 } .t_nav .on b { transform: rotate(-45deg); margin-top: -.55rem } .t_nav .on h3 a { height: auto; padding: 10px 50px 10px 15px } .t_nav .sub_nav { display: none; position: initial; top: 0; background: none; padding: 5px 0 10px; width: auto; background: rgba(0, 0, 0, .2); left: initial; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; min-width: auto; box-shadow: none } .t_nav .sub_nav a { padding: .16rem .6rem; color: #fff; opacity: .7; display: block; width: auto; background-position: 20px 13.5px; text-align: left; font-size: .3rem } .t_nav .sub_nav a:hover { background-position: 20px -25.5px } .t_nav li:hover h3 a { color: #fff } .search_wrap .close { width: .4rem; height: .4rem } .slick_bar a { padding-top: 42.8% } .slick_bar .slick-dots { bottom: 1.4rem } .f1 .list_img, .f1 .list_news, notice_wrap, .list_img a, .list_notice a, .list_stu a, aside, .con_wrap, .slick_news, .list_link { float: none !important; width: auto } .t_logo { line-height: 1.2rem; max-width: calc(100% - 1.6rem) } .t_link a:not(.t_search) { display: none } .t_link .t_search { position: absolute; right: 44px; top: 0; width: .9rem; height: 100%; padding: 0; background-image: url(../images/t_search_x.png) } .slick_bar h3 em { max-width: calc(100% - 1.2rem); font-size: .3rem } .slick_bar h3 span { vertical-align: middle } .f1 { padding: .5rem 0 .9rem } .f1 .list_news { margin: 0 0 -.16rem } .tit { font-size: .4rem; margin: 0 0 .44rem } .tit h3 { font-size: .4rem } .tit span { font-size: .28rem; margin: 0 0 0 .16rem; text-transform: uppercase } .tab_wrap .tit a { margin: 0 .4rem 0 0 } .tab_wrap .tit a:last-child { margin: 0 } .list_img .cover_img { padding-top: 3.96rem } .list_img .txt { margin: .32rem 0 0; font-size: .28rem } .list_img h3, .list_stu .txt h3 { font-size: .32rem; line-height: .5rem; height: auto; margin: 0 0 .32rem } .list_img time { padding: 0 0 0 .6rem; background-size: .32rem } .list_news a { padding: .26rem 0 .28rem; font-size: .36rem } .list_news a:hover { padding-left: .44rem } .list_news a:hover:before { height: calc(100% - 30px) } .list_news .txt { width: calc(100% - 1.6rem); font-size: .28rem } .list_news .txt h3 { font-size: .32rem; color: #333; margin: 0 0 .16rem } .list_news .txt p { line-height: .5rem; height: 1rem } .list_news time { font-size: .48rem; width: 1.3rem; line-height: .74rem } .list_news time em { font-size: .48rem; line-height: .78rem } .list_notice { margin: 0 } .list_notice a { border: .2rem solid #f6f6f6; margin: .4rem 0; padding: .3rem .2rem; font-size: .28rem; display: block } .list_notice time { right: .2rem; padding: .04rem .14rem; bottom: .4rem } .list_notice time:before { content: ''; width: 14px; height: 14px; background: url(../images/time_white.png) 50% no-repeat; display: inline-block; vertical-align: -2px; margin: 0 .12rem 0 0 } .list_notice h3 { font-size: .32rem; color: #333; margin: 0 0 .16rem } .list_notice p { line-height: .5rem; height: 1rem; padding: 0 1.6rem 0 0 } .list_notice a>i:before { border-top: .2rem solid #004098; border-left: .2rem solid #004098; left: -.2rem; top: -.2rem } .list_notice a>i:after { border-right: .2rem solid #004098; border-bottom: .2rem solid #004098; right: -.2rem; bottom: -.2rem } .list_notice a:hover>i:before, .list_notice a:hover>i:after { height: calc(100% + .2rem) } .con_wrap .list_notice { margin: 0 0 -.2rem } .con_wrap .list_notice a { width: auto; margin: .4rem 0 } .f3 { padding: .6rem 0 } .list_stu { margin: -.2rem 0 } .list_stu a { margin: .2rem 0 } .list_stu .txt { font-size: .24rem; margin: .3rem 0 .5rem } .list_stu .txt h3 { margin: 0 0 .24rem } .list_icon { margin: -.3rem 0 } .list_icon a { width: 25%; font-size: .32rem; padding: .3rem 0 } footer { padding: 1rem 0; font-size: .24rem;/* margin: 1rem 0 0 */ } .f_nav { display: none; padding: 0 0 0 .4rem } .f_nav li { width: 50%; padding: 0 0 .5rem 1.7rem !important; position: relative } .f_nav h3 { position: absolute; left: 0; top: 0; font-size: .3rem; margin: 0 } .f_list { display: block; margin: 0 !important; text-align: left } .f_list a { font-size: .24rem } .f_fl { min-height: initial } .f_logo { max-height: .9rem } .f_logo img { max-height: .9rem } .f_about { font-size: .24rem; line-height: .5rem; margin: .58rem 0 0 } .f_about >h3 { font-size: .32rem; margin: 0 0 .3rem } .f_copy { margin: .4rem 0 0 } .nav_list { padding: 0; display: none } .nav_list a { padding: .28rem .8rem .28rem .48rem; font-size: .34rem; line-height: .48rem } .nav_list a b:before, .nav_list a b:after { width: .34rem; height: .34rem } .nav_list .sub_con a { font-size: .3rem; padding-top: 3%; padding-bottom: 3% } aside { margin: 0 -.3rem .8rem } .aside_tit { padding: 10px 20px; position: relative } .aside_tit h2 { font-size: 20px; line-height: 26px } .aside_tit b { position: absolute; right: 6px; width: 40px; text-align: center; height: 100%; top: 0; line-height: 44px } .aside_tit.on b { transform: rotate(45deg) } .inset_bar img { margin-left: -50%; width: 180%; left: 50%; position: relative; max-width: none } .con_wrap .tit { padding: 0 0 .32rem; margin-bottom: .6rem } .con_wrap .tit h3 { font-size: .42rem; text-align: center; float: none; font-weight: 700; margin: 0 0 .2rem } .news_bd { font-size: .32rem } ul.szdown,ul.szdown li, ul.szdown li a{font-size: .32rem} .site_nav { float: none; margin: 0 } .news_hd { font-size: 12px } .news_hd h3 { font-size: .36rem } .news_hd p span { margin: 0 6px } .page_wrap { margin: 30px 0 0 } .p_pages .p_no_d, .p_pages .p_no, .p_pages .p_dot { display: none !important } .pos { width: .34rem; height: .28rem } .news_hd p { line-height: .8rem } .con_wrap .list_stu { margin: 0 0 -.2rem } .con_wrap .list_stu a { width: auto; margin: .2rem 0 } .list_avatar { margin: 0 -.2rem } .list_avatar a { width: calc(50% - .4rem); margin: 0 .2rem .36rem; position: relative } .list_avatar h3 { line-height: .48rem; bottom: .6rem; padding: .12rem .48rem .15rem .32rem; font-size: .32rem; position: absolute; max-width: calc(100% - .32rem) } .list_item h3 { padding: .28rem .4rem; font-size: .36rem; line-height: .48rem } .list_item .con { font-size: .3rem; padding: .3rem .4rem } .list_item .con a { line-height: .52rem } .list_item.row>li:not(:first-child) { margin: .6rem 0 0 } .list_name a { width: 50%; padding: .1rem } .list_link { margin:.2rem 0 0 } .list_link a { width: calc(50% - .2rem) } .list_link a:nth-child(even) { margin-left: .4rem; } .f_share h3 a { width: .46rem; height: .38rem } } .f_share { font-size: 0; vertical-align: middle; margin: 0 0 0 .1rem; } .f_share li { position: relative; transition: .3s all ease-in; } .f_share li:not(:first-child) { margin-left: 40px; } .f_share h3 a { display: block; width: .36rem; height: .3rem; color: #c8cbd5; font-size: 0; background: url(../images/wechat.png) 50% no-repeat; background-size: 100%; } .f_share h3 i, .f_share h3 p { position: relative; z-index: 6 } .f_share .con { position: absolute; bottom: calc(100% + 14px); opacity: 0; filter: alpha(opacity=0); visibility: hidden; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .f_share .con:before { content: ''; position: absolute; bottom: -6px; left: 50%; margin-left: -7px; border-style: solid; border-width: 7px 7px 0 7px; border-color: #fff transparent transparent transparent } .f_share li:hover { transform: translateY(-6px); } .f_share li:hover h3 a:before { height: 100% } .f_share li:hover .con { opacity: 1; visibility: visible } .f_share .con img { width: 120px; height: 120px; max-width: initial; display: block; } .fanyetiao table { display: table; margin: 0 auto; width: auto } .fanyetiao table tbody tr td table tbody tr * { font-size: 14px !important } .fanyetiao table tbody tr td table tbody tr td div span { height: 20px !important } .fanyetiao table tbody tr td table tbody tr td div a { height: 20px !important } @media screen and (max-width:443px) { .fanyetiao table tbody tr td table tbody tr * { font-size: 12px !important } .fanyetiao table tbody tr td table tbody tr td { display: table; line-height: 30px } }