@charset "UTF-8"; .banner img{ width: 100%; } .banner-main{ width: 19.6%; background: rgba(23,53,103,.7); position: absolute; z-index:99; padding:29px 0; color:#fff; bottom:1px; } .banner-title{ width: 100%; line-height: 100px; font-size:32px; color:#fff; text-shadow: #333 2px 2px 8px; letter-spacing: 5px; position: relative; text-align:center; } .main{ padding-top: 0px; } .main>.container{ background: none; } .displayInfo,.listcolumn>.container-fluid{ background: #fff; padding:30px; } .chapter{ padding:50px 0px; padding-top: 0px; } .chapter-title{ width: 100%; font-size: 20px; color: #333; text-align: center; margin-bottom: 15px; font-weight: bold; } .chapter-info{ width: 100%; text-align: center; color: #B4B4B4; font-size: 14px; border-bottom: 1px dotted #bfbfbf; margin-bottom: 30px; padding-bottom: 15px; } .chapter img{ max-width:100%; text-align: center; } .content{ text-align: left; width: 75%; float: left; padding:50px; padding-right: 0px; } .content p,.content2 p{ text-align: justify; line-height: 28px; margin-top: 10px; } .content,.content2 img{ max-width: 100%; height: auto !important; margin-bottom: 15px; } /*listcolumn*/ .sub-menu-1{ width: 20%; background: #F6F6F6; float: left; } .sub-menu-2{ background: url("../images/submenu-bg.png") no-repeat bottom; background-size: 100% auto; padding-bottom: 300px; padding-left: 20%; padding-top: 80px; } .sub-menu-title{ background: #b93c28; color: #fff; font-size: 24px; padding-top: 23px; padding-bottom: 23px; padding-left: 20px; } .sub-menu>ul{ width: 100%; } .sub-menu>ul>li{ line-height: 52px; margin-top: 5px; background: #E5E5E5; } .sub-menu>ul>li:hover{ background: #02468F; color:#fff; transition: background .5s,color .5s; -moz-transition: background .5s,color .5s; /* Firefox 4 */ -webkit-transition: background .5s,color .5s; /* Safari 和 Chrome */ -o-transition: background .5s,color .5s; } .sub-menu .cur a{ background: #02468f; color:#fff; } .sub-menu>ul>li>a{ color:#333; font-size: 16px; padding-left: 25px; padding-right: 25px; display: block; } .sub-menu>ul>li:hover>a{ color:#fff; } .sub-menu-ul{ background: #fff; width: 100%; padding-bottom: 5px; padding-top: 5px; } .sub-menu-ul li{ line-height: 42px; border-bottom: 1px solid #eae7de; padding-left: 25px; padding-right: 25px; } .sub-menu-ul li:last-child{ border-bottom: none; } .sub-menu-ul li a{ color: #333; display: block; } .sub-menu-ul li a:hover{ color: #498700; } .column-local{ border-bottom: 1px solid #862114; width: 100%; padding-right: 20px; } .column-local2{ } .column-title{ line-height: 48px; width: 10%; float: left; } .local{ width: 100%; margin-bottom: 25px; height:40px; line-height: 40px; color: #bab5bb; border-bottom:2px solid #EFEFEF; } .local .local1{ float: left; width: auto%; color: #000; background: #fff; margin-top: -12px; font-size: 22px; font-weight:500; line-height:40px; height:52px; border-bottom:2px solid #02468F; padding:0 15px; } .local .local2{ float: right; width: auto; padding-left: 15px; margin-left: 15px; color: #333; background: #fff; line-height:40px; margin-top: -12px; font-size: 14px; } .local .local2 a{ color: #333; } .lm-title{ font-size: 24px; font-weight: bold; line-height: 64px; color: #1D3DA2; margin-bottom: 30px; } .listcolumn-con{ padding-top:15px; } .news-item{ padding-bottom:8px; } .list-item{ line-height: 64px; padding-top: 15px; padding-bottom: 15px; transition: all .5s; -moz-transition: all .5s; /* Firefox 4 */ -webkit-transition: all .5s; /* Safari 和 Chrome */ -o-transition: all .5s; border:1px solid #dedede; margin-bottom: 15px; } .list-item:hover{ box-shadow: 0 0 20px #dde1ec; -webkit-box-shadow:0 0 20px #dde1ec; -o-box-shadow:0 0 20px #dde1ec; -moz-box-shadow:0 0 20px #dde1ec; background: #dde1ec; } .list-item-title i{ color: #333333; font-size: 12px; } .list-item-title{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height:64px; padding-left:25px; } .list-item-title a{ color:#000; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 16px; } .list-item-title a:hover{ color: #1D3DA2; font-weight: bold; } .list-item-date{ text-align:center; line-height:32px; padding-right:25px; border-right: 2px solid #1D3DA2; } .listcoumn-con .row{ /*2020/08/12 开始*/ padding-left: 15px; padding-right: 15px; /*2020/08/12 结束*/ } .listcolumn-title{ line-height: 60px; text-align: left; padding-left: 0px; border-bottom: 1px dashed #e6e6e6; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; text-align: justify; } .listcolumn-title a{ color: #000; font-size: 16px; } .listcolumn-title a:hover{ color: #02468f; } .listcolumn-date{ text-align: right; font-size: 16px; padding-right: 0px; color: #848484; line-height: 60px; border-bottom: 1px dashed #e6e6e6; } /*listcolumn 第二种*/ .listcolumn-con{ padding-top:15px; } .listcoumn-con .day{ line-height: 20px; padding-top: 12px; color: #c52c05; font-size: 24px; } .listcoumn-con .year{ color: #8e8e8e; } /*listcolumn-pic*/ .listcolumn-pic .content{ width: 100%; padding-left: 0px; } .pic-item{ width: 100%; margin-bottom: 30px; float: left; } .pic-con,.pic-img{ width: 50%; float: left; } .pic-img{ overflow: hidden; position: relative; } .pic-img img{ width: 100%; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; cursor: pointer; } .pic-img img:hover{ transform: scale(1.4); } .pic-con{ padding:15px 30px; background: #f4f4f4; } .pic-title{ line-height: 24px; height: 48px; overflow: hidden; margin-top: 10px; } .pic-title a{ color: #333; } .pic-title a:hover{ color: #0f36ad; } .pic-day{ font-size: 24px; } .pic-detail{ width: 100%; background: url(../images/line2.png) no-repeat right; background-size: 100%; line-height: 36px; margin-top:20px; } .pic-detail a{ color: #333; background:#f4f4f4; display: block; padding-right: 15px; width: 80px; } /*学部院系*/ .tit{ margin-top: 40px; } .jg-title{ font-size: 16px; font-weight: bold; margin-top:20px; margin-bottom: 10px; display: block; } .content2{ width: 100%; } .content2 ul{ width: 100%; } .jg-ul{ width: 100%; padding:15px; background: #f5f9ff; } .jg-ul li{ line-height: 42px; display: inline-block; color: #333; } .jg-ul li a{ color: #000; } /*学院院徽*/ .yh-item{ border-bottom: 1px solid #888888; padding:15px 0px; float:left; } .yh-img{ width: 20%; float: left; padding:0px 15px; } .yh-img img{ width: 100%; } .yh-info{ width: 80%; float: left; padding-left: 15px; padding-top: 15px; line-height: 1.8em; text-align: justify; font-size: 16px; } /*校园风光*/ #jq22 { width: 100%; margin: 0 auto; font-size: 0;} #jq22 li { display: inline-block; width: 33.3%; padding-top: 1%; padding-left: 15px;padding-right: 15px;} #jq22 li img { width: 100%;} .post-title{ color: #fff; line-height: 42px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-top: -42px; padding-left: 15px; width: 100%; font-size: 20px; height: 50px; } .xyfg-con{ padding-left: 0px; padding-right: 0px; } @media(max-width:992px){ #jq22{ margin-left: -20px; } #jq22 li { width: 50%; } } @media(max-width:767px){ #jq22 li { width: 100%; } } .footer-nr{ width: 100%; background:#973000; padding-bottom: 20px; } .footer-nr li{ width: 11.1%; float: left; border-right: 1px solid #b77145; text-align: center; padding-top: 40px; } .footer-nr li a{ color: #fff; } .footer-nr li a:hover { color: #eaae89; } .footer-nr2{ background: #192e6e; width: 100%; line-height: 24px; color: #fff; text-align: center; padding:25px 0px; font-size: 16px; } .footer-line{ display: inline-block; padding-left: 15px; padding-right: 15px; } @media(min-width:1600px){ .banner>.container,.listcolumn,.footer-nr>.container,.listcolumn-pic{ width: 80%; } .jg-ul li{ width: 45%; } } @media(max-width:1599px){ .banner>.container,.listcolumn,.footer-nr>.container,.listcolumn-pic{ width: 95%; } .jg-ul li{ width: 40%; } } @media(max-width:1280px){ .banner-main{ padding:15px; } .banner-title{ font-size: 24px; line-height: 0; } .sub-menu-2{ padding-top: 30px; padding-bottom: 200px; } .teacher-img2{ width: 25%; } .teacher-nr{ width: 75%; } .footer-nr2{ padding:15px 40px; } .banner-title{ bottom: 36px; } } @media(max-width:992px){ .banner-main{ width: 50%; } .banner-con{ text-indent: 2em; line-height: 24px; height:48px; } .sub-menu-title{ font-size: 18px; padding-top: 13px; padding-bottom: 13px; } .jg-ul li{ width: 48%; } .yh-item{ height: auto; } .xyyh .col-md-6{ padding:0px; } /*2020-09-02*/ .sub-menu-1{ display: none; } .content{ width: 100%; padding-left: 0px; } } @media(max-width:767px){ .banner-main{ display: none; } .sub-menu-1{ width: 100%; } .content{ width: 100%; padding-left: 0px; } .content,.content2 img{ display:block; max-width: 100%; height: auto; } .local .local2{ display: none; } .list-item-title{ padding-left: 15px; } .list-item-date{ padding-right: 15px; } .listcolumn-title{ width: 100%; } .listcolumn-date{ display:none; } .jg-ul li{ width: 95%; } .xyyh{ margin-top: -30px; } .yh-img{ padding:0px 0px; width: 100%; text-align: center; } .yh-img img{ width: 100px; } .yh-info{ padding-top: 0px; line-height: 24px; width: 100%; } .xyfg-item{ padding-left: 0px; padding-right: 0px; } .local .local1{ float: left; width: auto%; color: #000; background: #fff; margin-top: -12px; font-size: 18px; font-weight:500; line-height:40px; height:52px; border-bottom:2px solid #02468F; padding:0 15px; } } @media(max-width:413px){ .list-item-title{ width: 70% } .list-item-date{ width: 30%; } } @media(max-width:320px){ .listcolumn-title{ width: 70%; } .listcolumn-date{ width: 30%; } .footer-title{ font-size: 14px; font-weight: bold; } .sz-name,.sz-email{ width:20%; } .sz-yjfx{ width:60%; } } /*分页*/ .mt20 { margin-top: 0px; margin-bottom:15px; } .prevPage { float: left; font-size: 14px; line-height: 2em; } .prevPage span { padding:5px; color: #ffffff; background-color: #0f36ad; } .nextPage { float: right; font-size: 14px; line-height: 2em; } .nextPage span { padding:5px; color: #ffffff; background-color: #0f36ad; } /*翻页样式*/ .pb_sys_common { font-size: 14px; line-height:14px; padding-top: 10px; padding-bottom:10px; color:#999; } .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{ padding: 5px 8px; margin:0px 0px 0px 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:16px; margin:0px; padding:0px; display:inline-block; vertical-align:middle; color: #999; } .pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o{ color: #ccc; border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border:1px solid #f2f2f2; height:28px; line-height:18px; } .pb_sys_common .p_fun a, .pb_sys_common .p_no a{ color: #999; border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border:1px solid #f2f2f2; height:28px; line-height:18px; } .pb_sys_common .p_dot { margin-left:4px; margin-right:-4px; color:#999; } .pb_sys_common .p_goto input, .pb_sys_common .p_search input { /* height:22px; border: 1px solid #aaa; outline-width:thin; outline-color:#6E3A5E; text-align:center; vertical-align:middle; */ font-size:14px; border: 1px solid #aaa; height:22px; line-height:20px; box-sizing:border-box; vertical-align:middle; outline-width:thin; outline-color:#6E3A5E; margin:0px 2px; padding:0px 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 #6E3A5E; } .pb_sys_common .p_goto a, .pb_sys_common .p_search a{ border: 1px solid #ccc; padding: 5px 6px; color: #999; margin:0px; 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-width:1px 0px 1px 1px; border-style:solid; border-color:#ccc; padding: 5px 6px; color: #222; */ border-right:1px solid #ccc; padding: 1px 5px; color: #888888; } .pb_sys_common .p_dosize_d{ /*background-color:#f5f5f5;*/ color: #999; } .pb_sys_common .p_dosize a:hover{ /*background-color:#f5f5f5;*/ color: #999; } .pb_sys_common .p_dosize_last_d, .pb_sys_common .p_dosize_last a{ /*border-right-width:1px*/ border-right-width:0px; } /*按钮控制*/ .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_full{ } .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; } /*样式1-4*/ .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{ background-color: #0f36ad; color:#fff; border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; } /*样式1 蓝*/ .pb_sys_style1 .p_no_d { border: 1px solid #0f36ad; color: #fff; background-color: #0f36ad; border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; } .v_news_content h3 { text-align: left; font-size: 14px; font-weight: bold; } .leader>table>tbody>tr>td{ border:0px; } .leade table {display:inline} @media(max-width:414px){ .pb_sys_common .p_t{ display:block; } .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{ padding: 5px 4px; } } .tit { line-height: 40px; background: #f5f5f5; padding-left: 12px; border-left: 3px solid#B93C28; font-size: 18px; font-weight: bold; } .inline-list li { padding-right: 30px; line-height: 2em; } .fancyhost img { float: left; margin-right: 20px; width: 135px; } .fancybox-custom .fancybox-skin { box-shadow: 0 0 50px #222; } .leader-list { display: inline; } .leaders { font-size: 1.3em; margin: 0 6px 30px 0; } .leader-name { margin: 0 32px 0 0; } .no-profile { font-size: 1.1em; color: #0a3f76; text-decoration: none; } .hidden { display: none; } .info-box { margin-left: 15px!important; } .fancybox img { margin: 0; width: 92px; height: 129px; } .fancybox { font-size: 1.1em; } .fancyhost .clearfix { clear: none; } .fancyhost p { clear: none; text-align: left; } .fancyhost .clearfix:after { clear: none; } @media (max-width: 767px) { .fancyhost { width: 100%!important; border-top: #ddd solid 1px; display: block!important; } .fancyhost .clearfix { clear: both; } .fancyhost .clearfix:after { clear: both; } } .style03{ color:#BA0407; font-weight: bolder; margin: 0 5px; } .search-result{ background: #efefef; padding-left: 20px; padding-right: 20px; line-height: 42px; } .search-item{ padding:25px 20px; border-bottom: 1px dotted #c0c0c0; text-align: left; } .search-title a{ color: #10317a; line-height: 36px; text-align: left; font-size: 16px; font-weight: bold; } .search-con{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-align: left; } .search-item .detail{ margin-top:10px; } .search-input1{ position: absolute; z-index: 99999; right: 0px; width: 255px; line-height: 46px; background: #AA252E; padding-left: 20px; padding-right: 20px; padding-top: 5px; display: none; } .search-input1 input{ height: 32px; } .search-input1 input[type="input"]{ width: 150px; } .search-input1 input[type="submit"]{ width: 60px; text-align: center; line-height: 32px; margin-left: 5px; } .search2{ width: 100%; text-align: center; padding:15px 0px; margin-bottom: 20px; } .search2 input{ height: 42px; } .search2 input[type="text"]{ width: 250px; border-radius: 5px; } .search2 input[type="submit"]{ width: 80px; text-align: center; line-height: 32px; margin-left: 5px; background: #910000; color: #fff; border: 1px solid #fff; border-radius: 5px; } /*师资风采*/ #tc22 { width: 100%; margin: 0 auto; font-size: 0;} #tc22 li { width: 180px; height:252px; margin:0 13px 26px 13px; float:left;} #tc22 li img { width: 180px; height:252px;} #tc22 li .tcfc-title{ color: #02468F; line-height: 42px; margin-top: -42px; width: 100%; font-size: 18px; text-align:center; background:rgba(225,225,225,0.8); z-index:100; position: relative; bottom:0px; } #tc22 .tcfc-con{ padding-left: 0px; padding-right: 0px; }