/*-----------------------鍏叡鏍峰紡------------------------*/ /*! * @鍚嶇О锛歜ase.css * @鍔熻兘锛?銆侀噸璁炬祻瑙堝櫒榛樿鏍峰紡 * 2銆佽缃€氱敤鍘熷瓙绫 */ html { background: #f7f7f7; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: Arial, sans-serif; } /* 鍐呭杈硅窛閫氬父璁╁悇涓祻瑙堝櫒鏍峰紡鐨勮〃鐜颁綅缃笉鍚 */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; } /* 瑕佹敞鎰忚〃鍗曞厓绱犲苟涓嶇户鎵跨埗绾 font 鐨勯棶棰 */ body, button, input, select, textarea { font: 14px "microsoft yahei", arial, sans-serif; color: #666; } /* 閲嶈 HTML5 鏍囩, IE 闇€瑕佸湪 js 涓 createElement(TAG) */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* HTML5 濯掍綋鏂囦欢璺 img 淇濇寔涓€鑷 */ audio, canvas, /* video { display: inline-block; *display: inline; *zoom: 1; } */ input, select, textarea { font-size: 100%; } /* 鍘绘帀 table cell 鐨勮竟璺濆苟璁╁叾杈归噸鍚 */ table { border-collapse: collapse; border-spacing: 0; } /* ie bug锛歵h 涓嶇户鎵 text-align */ th { text-align: inherit; } /* 鍘婚櫎榛樿杈规 */ fieldset, img { border: none; } /* ie6 7 8(q) bug 鏄剧ず涓鸿鍐呰〃鐜 */ iframe { display: block; } /* 鍘绘帀 firefox 涓嬫鍏冪礌鐨勮竟妗 */ abbr, acronym { border: none; font-variant: normal; } /* 涓€鑷寸殑 del 鏍峰紡 */ del { text-decoration: line-through; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 500; } /* 鍘绘帀鍒楄〃鍓嶇殑鏍囪瘑锛宭i 浼氱户鎵 */ ol, ul, li { list-style: none; } /* 瀵归綈鏄帓鐗堟渶閲嶈鐨勫洜绱狅紝鍒浠€涔堥兘灞呬腑 */ caption, th { text-align: left; } /* 鏉ヨ嚜yahoo锛岃鏍囬閮借嚜瀹氫箟锛岄€傚簲澶氫釜绯荤粺搴旂敤 */ h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500; } h2 { font-size: 16px; } q:before, q:after { content: ''; } /* 缁熶竴涓婃爣鍜屼笅鏍 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* 璁╅摼鎺ュ湪 hover 鐘舵€佷笅鏄剧ず涓嬪垝绾 */ a:hover { color: #004098; text-decoration: none; } /* 榛樿涓嶆樉绀轰笅鍒掔嚎锛屼繚鎸侀〉闈㈢畝娲 */ ins, a { color: #333; text-decoration: none; } /* 鍘婚櫎 ie6 & ie7 鐒︾偣鐐圭姸绾 */ a:focus, *:focus { outline: none; } /* 娓呴櫎娴姩 */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; overflow: hidden; } .clearfix { zoom: 1; /* for ie6 & ie7 */ } .clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; overflow: hidden; } /* 璁剧疆鏄剧ず鍜岄殣钘忥紝閫氬父鐢ㄦ潵涓 js 閰嶅悎 */ .hide { display: none; } .block { display: block; } /* 璁剧疆娴姩锛屽噺灏戞诞鍔ㄥ甫鏉ョ殑 bug */ .fl, .fr { display: inline; } .fl { float: left; } .fr { float: right; } /*鍏叡閮ㄥ垎*/ .mt0 { margin-top: 0 !important; } .mt5 { margin-top: 5px !important; } .mt10 { margin-top: 10px !important; } .mt15 { margin-top: 15px !important; } .mt20 { margin-top: 20px !important; } .mt30 { margin-top: 30px !important; } .mt40 { margin-top: 40px !important; } .mb10 { margin-bottom: 10px !important; } .mb15 { margin-bottom: 15px !important; } .w1200 { clear: both; margin: 0 auto; width: 1200px; } .h164 { height: 164px !important; } .red { color: red; } .bg-white { background-color: #ffffff; } .title { width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #e7e7e4; } .title h2 { float: left; padding-left: 35px; width: auto; display: block; font-size: 20px; font-weight: bold; height: 47px; line-height: 47px; color: #014198; border-bottom: 3px solid #014198; } .title.t-icon1 h2 { background: url(../image/icon_tit_yaowen.png) no-repeat left center; } .title.t-icon2 h2 { background: url(../image/icon_tit_tongzhi.png) no-repeat left center; } .title.t-icon3 h2 { background: url(../image/icon_tit_xinwen.png) no-repeat left center; } .title.t-icon4 h2 { background: url(../image/icon_tit_zhuanti.png) no-repeat left center; } .title.t-icon5 h2 { background: url(../image/icon_tit_lianjie.png) no-repeat left center; } .title h2 a { color: #00923f; } .title a { float: right; height: 50px; width: 40px; display: inline-block; padding-right: 20px; color: #004098; background: url(../image/icon_more.png) no-repeat right center; } .listbox { position: relative; margin: 0 auto; height: auto; overflow: hidden; } .listbox li { float: left; position: relative; width: calc(100% - 12px); padding-left: 12px; } .listbox li::before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -4px; width: 7px; height: 7px; display: block; background: url(../image/list_bg.png) no-repeat; background-position: 0 0; } .listbox li:hover::before { background-position: -7px 0; } .listbox li a { float: left; height: 32px; line-height: 32px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .listbox li span { float: right; width: 44px; line-height: 32px; color: #999; } .listbox .date { width: 90px; line-height: 40px; } .listbox.lst-icon li::before { background: url(../image/list_bg2.png) no-repeat; } .listbox.lst-icon::before { content: ""; position: absolute; top: 14px; left: 3px; width: 1px; height: 190px; background-color: #cccccc; } /*澶撮儴*/ .swiper { width: 100%; height: 500px; } .swiper-slide img { width: 100%; height: auto; object-fit: cover; /* 杩欏皢淇濇寔鍥剧墖鐨勫楂樻瘮锛屼絾鍙兘浼氳鍓浘鐗 */ /* object-fit: contain; */ } .header { /* height: 205px; */ height: 175px; width: 100%; /* 鑳屾櫙鑹茬櫧鑹 */ background: url(../image/header_bg.jpg); /* background: url(../image/header_bg.jpg) top center no-repeat #0763a0; */ /* background: #0763a0 */ } .header .main { position: relative; width: 100%; height: 98px; } .header .top { height: 30px; line-height: 30px; color: #fff; } .header .top a { color: #fff; } .header .top .top_r a { margin: 0 10px; font-size: 12px; cursor: pointer; } .header .top .top_r span { position: relative; } .header .top .top_r span::after { position: absolute; content: ""; display: inline-block; top: 50%; left: -3px; margin-top: -5px; width: 1px; height: 10px; background-color: #009BE1; } .header .top .top_r span:first-child::after { width: 0; } .header .main .logo { margin-top: 10px; } .header .main .info { width: 100%; } .header .main_r { width: 360px; display: block; position: absolute; top: 10px; right: 0; } .header .main_r .suoxun { text-align: center; font-size: 18px; color: #fff; } .header .main_r .suoxun span { margin: 12px; } .header .search { margin-top: 20px; margin-left: 80px; width: 260px; height: 36px; background: #2b73d5; /* background-color: #ffffff; */ overflow: hidden; border-radius: 50px; /* opacity: 0.6; */ } .header .search .search_txt { display: inline-block; float: left; width: 170px; height: 36px; line-height: 36px; border: 0; padding: 0 10px; /* color: #666; */ /* background-color: #2b73d5; color: #fff; */ } .header .search .search_btn { display: inline-block; float: left; width: 70px; height: 36px; line-height: 36px; border: 0; color: #fff; cursor: pointer; background: url(../image/search_bg.png) no-repeat center center; } .tag { height: 52px; margin-bottom: 20px; border-bottom: 1px solid #e7e7e4; } .tag li { float: left; margin-right: 15px; } .tag li a { padding: 0 10px; width: auto; display: block; font-size: 16px; height: 36px; line-height: 36px; margin-top: 16px; } .tag .onTag { color: #00923f; } .tag .onTag a { color: #ffffff; background-color: #00923f; border-top-left-radius: 4px; border-top-right-radius: 4px; } .tagMore { position: absolute; top: 20px; right: 0px; color: #999; } .tagMore:hover { color: #999; } /*瀵艰埅*/ .nav { position: relative; height: 46px; /* border-top: 1px solid #216dd5; */ } .nav>ul>li { position: relative; float: left; display: block; line-height: 46px; font-size: 16px; /* width: 130px; */ width: 90px; text-align: center; } .nav>ul>li.current { background-color: #0e5eca; } .nav>ul>li>a { color: #fff; display: block; font-size: 16px; } .nav>ul>li>a:hover { color: #ffffff; } .nav>ul>li:hover ul { display: block } .nav>ul>li ul { position: absolute; top: 46px; z-index: 1000; background-color: #0e5eca; width: 130px; display: none; } .nav>ul>li ul li a { display: block; color: #ffffff; width: 100%; margin: 0 auto; line-height: 40px } .nav>ul>li:hover { color: #ffffff; background-color: #0e5eca; } .nav>ul>li { position: relative; } .nav>ul>li::after { content: ""; position: absolute; display: inline-block; top: 50%; right: 0; margin-top: -5px; width: 1px; height: 10px; background-color: #0e5eca; } .nav>ul>li:last-child::after { width: 0; } .nav>ul>li>a:hover { color: #ffffff; } .nav>ul>li ul li a:hover { color: #ffffff; background-color: #07459c; } .focus { margin: 0 auto; width: 650px; position: relative; height: 380px; background-color: #fff; } .indexMain01 { box-sizing: border-box; padding: 20px 0 30px; background-color: #fff; overflow: hidden; } .indexMain01 .indexMain01-l { width: 370px; margin-right:30px; } .indexMain01 .indexMain01-r { width: 360px; } .indexMain01 .indexMain01-l .main .main-l { width: 420px; } .indexMain01 .indexMain01-l .main { margin-top: 20px; } .indexMain01 .indexMain01-l .main .main-r { width: 360px; height: 284px; } .indexMain01 .indexMain01-l .main .main-r .tit { border-bottom: 1px dashed #acacac; } .indexMain01 .indexMain01-l .main .main-r .tit a { width: 375px; display: inline-block; height: 50px; line-height: 50px; font-size: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #014198; font-weight: bold; } .indexMain01 .indexMain01-l .main .main-r .listbox li a { width: 290px; } .indexMain01 .indexMain01-r .listbox li { border-bottom: 1px solid #eee; padding: 11px 0; width: 100%; } .indexMain01 .indexMain01-r .listbox li a { width: 280px; float: right; font-size: 15px; } .indexMain01 .indexMain01-r .listbox li::before { width: 0; height: 0; } .indexMain01 .indexMain01-r .listbox li span { float: left; text-align: center; background-color: #e6edf5; color: #014198; padding: 2px 10px; font-size: 15px; } /*indexMain02*/ .indexMain02 { box-sizing: border-box; padding: 20px 0 30px; overflow: hidden; } .indexMain02 .item { float: left; width: 373px; margin-right: 40px; } .indexMain02 .item:last-child { margin-right: 0; } .indexMain02 .item .listbox li a { width: 280px; font-size: 15px; } .indexMain02 .item .tit { display: inline-block; width: 373px; padding: 4px 0 14px; border-bottom: 1px dashed #acacac; margin-bottom: 4px; } .indexMain02 .item .tit .tit-l { display: block; width: 116px; height: 74px; } .indexMain02 .item .tit .tit-l img { width: 116px; height: 74px; } .indexMain02 .item .tit .tit-r { width: 240px; display: block; } .indexMain02 .item .tit .tit-r .tit-r-t { height: 50px; line-height: 25px; overflow: hidden; font-size: 16px; } .indexMain02 .item .tit .tit-r .tit-time { margin-top: 5px; color: #999; } /*indexMain03*/ .indexMain03 { box-sizing: border-box; padding: 30px 0; background-color: #fff; overflow: hidden; } .indexMain03 .system-main .system-item { display: block; float: left; width: 195px; height: 94px; margin-right: 6px; background-color: #f4f4f4; } .indexMain03 .system-main .system-item:hover { opacity: 0.9; } .indexMain03 .system-main .system-item span { font-size: 16px; color: #fff; font-weight: bold; line-height: 94px; } .indexMain03 .system-main .system-item:last-child { margin-right: 0; } .indexMain03 .system-main .system-item.icon-bg1 { background: url(../image/icon_system_1.png) no-repeat 20px center #edb232; } .indexMain03 .system-main .system-item.icon-bg1 span { margin-left: 90px; } .indexMain03 .system-main .system-item.icon-bg2 { background: url(../image/icon_system_2.png) no-repeat 10px center #6cd8b3; } .indexMain03 .system-main .system-item.icon-bg2 span { margin-left: 80px; } .indexMain03 .system-main .system-item.icon-bg3 { background: url(../image/icon_system_3.png) no-repeat 15px center #ac81e7; } .indexMain03 .system-main .system-item.icon-bg3 span { margin-left: 80px; } .indexMain03 .system-main .system-item.icon-bg4 { background: url(../image/icon_system_4.png) no-repeat 20px center #4e99ff; } .indexMain03 .system-main .system-item.icon-bg4 span { margin-left: 100px; } .indexMain03 .system-main .system-item.icon-bg5 { background: url(../image/icon_system_5.png) no-repeat 20px center #ff003c; } .indexMain03 .system-main .system-item.icon-bg5 span { margin-left: 100px; } .indexMain03 .system-main .system-item.icon-bg6 { background: url(../image/icon_system_6.png) no-repeat 20px center #f06c62; } .indexMain03 .system-main .system-item.icon-bg6 span { margin-left: 100px; } .indexMain03 .scroll-main { position: relative; } .indexMain03 .scroll-main .scroll-box { position: relative; } .indexMain03 .scroll-main .scroll-box li { display: inline-block; margin-right: 20px; font-size: 0; } .indexMain03 .scroll-main .scroll-box .picbox { width: 1200px; /* height: 93px; */ overflow: hidden; position: relative; padding: 20px 0; } .indexMain03 .scroll-main .og_prev { width: 20px; height: 20px; background: url(../image/jt_left.png) no-repeat; position: absolute; top: 98px; cursor: pointer; left: 0; } .indexMain03 .scroll-main .og_next { width: 20px; height: 20px; background: url(../image/jt_right.png) no-repeat; position: absolute; top: 98px; cursor: pointer; right: 0; } .indexMain03 .scroll-main .og_prev:hover { background: url(../image/jt_left_cur.png) no-repeat; } .indexMain03 .scroll-main .og_next:hover { background: url(../image/jt_right_cur.png) no-repeat; } .indexMain03 .scroll-main .page-box { position: absolute; width: 60px; top: -80px; right: 0; } /*鍙嬫儏閾炬帴*/ .link .link-box { margin: 0 auto; } .link .link-box .link-list { padding: 10px 0 20px; overflow: hidden; } .link .link-box .link-list li { float: left; display: block; margin-right: 30px; margin-bottom: 10px; } .link .link-box .link-list li a { color: #666; display: block; border: 1px solid #ddd; background-color: #fff; padding: 4px 10px; } .link .link-box .link-list li a:hover { color: #0763a0; } .link .title, .link .title h2 { border-bottom: 0; } /*缃戠珯搴曢儴*/ .school-info { background-color: #f7f7f7; } .school-info .item { width: 400px; height: 320px; float: left; margin: 0 auto; } .school-info .item .title { font-size: 20px; color: #000000; text-align: center; } .school { margin: 10px; } .school .contact-info { height: 20px; display: flex; justify-content: space-between; align-items: center; } .school .contact-info .name { text-align: left; flex: 1; } .school .contact-info .tel { text-align: right; white-space: nowrap; /* 纭繚鐢佃瘽鍙风爜涓嶄細鎹㈣ */ } /* 鎵€鏈夊浘鏍 */ .school img{ vertical-align: middle; width: 17px; height: 17px; margin-right: 5px; } .school .address { height: 20px; margin-top: 8px; } .school-info .item .center-logo { text-align: center; margin-top: 50px; } .school-info .item .center-logo img{ width: 300px } .school-info .item .qrcode { /* width: 150px; */ float: left; text-align: center; margin: 10px; } .school-info .item .qrcode-container { display: flex; justify-content: center; flex-wrap: wrap; } .school-info .item .qrcode-container .qrcode { flex: 0 1 auto; margin: 10px; text-align: center; } .school-info .item .qrcode-container .qrcode p { font-size: 15px; margin: 5px auto; } .school-info .item .qrcode-container .qrcode img { width: 110px; } .footer { position: relative; width: 100%; /* height: 150px; */ background: #0763a0; overflow: hidden; text-align: center; } .footer .copyright { padding: 20px; color: #ffffff; } .footer .copyright img { vertical-align: middle; } .footer a { color: #ffffff; } .footer .left { width: 850px; padding-top: 20px; } .footer .left p { width: 100%; line-height: 30px; height: auto; float: left; color: #ffffff; font-size: 14px; } .footer .left p a { color: #ffffff; } .footer .right { padding-top: 20px; } .footer .right .item { text-align: center; width: 120px; display: inline-block; font-size: 0; } .footer .right .item span { display: inline-block; color: #fff; font-size: 14px; } .footer .right .item img { width: 100px; height: 100px; } /*鍒嗛〉*/ .page { width: 100%; text-align: center; height: auto; overflow: hidden; padding-top: 30px; } .page ul { padding: 0; } .page ul li { line-height: 30px; display: inline-block; margin: 0 2px; text-align: center; font-size: 0; } .page ul li a { background: #efefef; color: #646464; padding: 4px 10px; border: 1px solid #d3d3d3; font-size: 16px; } .page ul li span{ background: #efefef; color: #646464; padding: 4px 10px; border: 1px solid #d3d3d3; font-size: 16px; } .page ul li.active span, .page ul li a:hover { background-color: #0b489d; border: 1px solid #0b489d; color: #FFFFFF; } .page ul li.disabled span{ color: #cfcdcd; pointer-events: none; background: #efefef; padding: 4px 10px; border: 1px solid #d3d3d3; font-size: 16px; } /*-------------缃戠珯鍐呴〉---------*/ .content-wrap { background: url(../image/body_bg.jpg) repeat-x top center; } .content-inner { background: url(../image/body_bg2.png) no-repeat center 300px; } .content { box-sizing: border-box; padding: 30px 0; height: auto; overflow: hidden; } .content .content-left { float: left; width: 285px; background-color: #fefeff; } .content .content-right { float: right; width: 840px; background-color: #fff; } .content .content-left .tit { position: relative; box-sizing: border-box; width: 285px; height: 90px; line-height: 90px; background: url(../image/title_bg.png) no-repeat; border-bottom: 2px solid #ff4e4e; } .content .content-left .tit .icon { position: absolute; top: 50%; margin-top: -20px; left: 20px; width: 40px; height: 40px; display: inline-block; } .content .content-left .tit .icon.icon-science { background: url(../image/icon_tit2_kexue.png) no-repeat center center; } .content .content-left .tit .icon.icon-news { background: url(../image/icon_tit2_xinwen.png) no-repeat center center; } .content .content-left .tit .icon.icon-down { background: url(../image/icon_tit2_xiazai.png) no-repeat center center; } .content .content-left .tit .icon.icon-organ { background: url(../image/icon_tit2_jigou.png) no-repeat center center; } .content .content-left .tit .icon.icon-general { background: url(../image/icon_tit2_gaikuang.png) no-repeat center center; } .content .content-left .tit .icon.icon-culture { background: url(../image/icon_tit2_wenhua.png) no-repeat center center; } .content .content-left .tit .icon.icon-job { background: url(../image/icon_tit2_zhaosheng.png) no-repeat center center; } .content .content-left .tit .txt { width: 190px; display: inline-block; font-size: 26px; font-weight: bold; color: #fff; margin-left: 80px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .content .content-left .cate-main .cate-item { width: 285px; height: 60px; text-align: center; } .content .content-left .cate-main .cate-item a { width: 200px; height: 60px; text-align: left; line-height: 60px; font-size: 18px; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .content .content-left .cate-main .cate-item:hover { background: url(../image/icon_right.png) no-repeat 240px center #f8f8f8; } .content .content-left .cate-main .cate-item.cur { background: url(../image/icon_right.png) no-repeat 240px center #f8f8f8; } .content .content-left .cate-main .cate-item.cur a { color: #004098; } .content-right { padding: 10px 30px 30px; } .content-right .right-tit { width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #e7e7e4; } .content-right .right-tit h2 { float: left; width: auto; display: block; font-size: 20px; font-weight: bold; height: 47px; line-height: 47px; color: #014198; border-bottom: 3px solid #014198; } .content-right .right-tit .site { font-size: #333; } .content-right .right-tit .site span { color: #000; } .content-right .right-tit .site span a { color: #000; } .sc-list .sc-item { width: 840px; display: inline-block; padding: 20px 0; height: 72px; border-bottom: 1px dashed #cfcfcf; } .sc-list .sc-item .sc-item-l { float: left; display: block; text-align: center; width: 120px; height: 72px; border-right: 1px solid #cfcfcf; margin-right: 35px; } .sc-list .sc-item .sc-item-l .day { font-size: 30px; font-weight: bold; color: #0b489d; width: 100%; display: inline-block; } .sc-list .sc-item .sc-item-l .year { color: #666; } .sc-list .sc-item .sc-item-r { float: right; display: block; width: 675px; } .sc-list .sc-item .sc-item-r .tit { width: 100%; font-size: 18px; line-height: 1.5; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .sc-list .sc-item .sc-item-r .desc { font-size: 14px; color: #999; margin-top: 10px; height: 38px; overflow: hidden; } .ac-list .ac-item { width: 840; display: inline-block; padding: 20px 0; height: 142px; border-bottom: 1px dashed #cfcfcf; } .ac-list .ac-item .ac-item-l { float: left; display: block; text-align: center; width: 200px; height: 142px; margin-right: 35px; } .ac-list .ac-item .ac-item-l img { width: 100%; height: 100%; } .ac-list .ac-item .ac-item-r { float: right; display: block; width: 605px; } .ac-list .ac-item .ac-item-r .tit { width: 100%; font-size: 18px; line-height: 1.5; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #333; } .ac-list .ac-item .ac-item-r .desc { font-size: 14px; color: #999; margin-top: 20px; height: 38px; overflow: hidden; } .ac-list .ac-item .ac-item-r .bottom { margin-top: 30px; } .ac-list .ac-item .ac-item-r .bottom .time { color: #999; float: left; } .ac-list .ac-item .ac-item-r .bottom .look { float: right; border: 1px solid #eee; display: block; padding: 4px 10px; color: #666; } .ac-list .ac-item:hover .bottom .look { border: 1px solid #0b489d; color: #004098; } .news-list .news-item { width: 840px; display: inline-block; padding: 20px 0; line-height: 1.5; border-bottom: 1px dashed #cfcfcf; } .news-list .news-item .tit { float: left; font-size: 16px; width: 730px; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .news-list .news-item .time { float: right; width: 110px; text-align: right; color: #999; font-size: 14px; } .newsSchool-list .newsS-item { display: block; float: left; margin-top: 20px; width: 264px; /* height: 292px; */ background-color: #f8f8f8; border-bottom: 3px solid #f8f8f8; margin-right: 24px; } .newsSchool-list .newsS-item:hover { border-bottom: 3px solid #004098; } .newsSchool-list .newsS-item .img { width: 264px; /* height: 396px; */ display: inline-block; } .newsSchool-list .newsS-item .img img { width: 264px; height: 396px; } .newsSchool-list .newsS-item:nth-child(3n) { margin-right: 0; } .newsSchool-list .newsS-item .tit { width: 100%; font-size: 18px; line-height: 1.5; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #333; } .newsSchool-list .newsS-item .desc { height: 40px; color: #666; overflow: hidden; margin: 10px auto; } .newsSchool-list .newsS-item .info { padding: 10px 15px; } .newsSchool-list .newsS-item .time { color: #999; } .down-list .down-item { width: 100%; display: inline-block; padding: 18px 0; line-height: 1.5; border-bottom: 1px solid #e7e7e4; margin-right: 40px; } .down-list .down-item:nth-child(2n) { margin-right: 0; } .down-list .down-item .tit { float: left; position: relative; padding-left: 30px; font-size: 16px; width: 732px; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .down-list .down-item .tit::before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -7px; width: 17px; height: 16px; display: block; background: url(../image/icon_down.png) no-repeat; background-position: 0 0; } .down-list .down-item .tit:hover::before { background-position: -17px 0; } .content .details-main .details-tit { padding: 20px 0; border-bottom: 1px dashed #cfcfcf; } .content .details-main .details-tit .details-tit-t { margin: 20px auto 0; padding-bottom: 10px; text-align: center; font-size: 24px; font-weight: bold; line-height: 40px; width: 100%; color: #333333; } .content .details-main .details-tit .details-tit-b { text-align: center; } .content .details-main .details-tit .details-tit-b span { margin-right: 20px; color: #000; } .content .details-main .details-dow { width: 100%; padding: 20px 0 10px; line-height: 30px; font-size: 16px; height: auto; overflow: hidden; color: #555; } .content .details-main .details-dow .dow_tit { margin-right: 20px; } .content .details-main .details-dow .dow_tit::before { content: ""; position: relative; bottom: -2px; margin-right: 5px; width: 17px; height: 16px; display: inline-block; background: url(../image/icon_down.png) no-repeat; } .content .details-main .details-dow .dow_tit:hover::before { background-position: -17px 0; } .content .details-main .details-con { width: 100%; padding: 20px 0 10px; line-height: 30px; font-size: 16px; height: auto; overflow: hidden; color: #555; } .content .details-main .details-con img { margin: 10px 0; width: auto; height: auto; max-width: 100%; } .content .details-main .prenext { width: 100%; margin-top: 30px; display: inline-block; line-height: 30px; font-size: 16px; color: #555; } .content .details-main .prenext .pre { width: 50%; display: inline-block; float: left; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .content .details-main .prenext .next { width: 50%; display: inline-block; float: right; text-align: right; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }