/* #Site Styles ================================================== */ * { box-sizing: border-box; } html, body, .wrapper { height: 100%; margin: 0;} .wrapper { height: auto !important; min-height: 100%; padding-bottom: 230px; position: relative; } .en { font-family: "Din condensed" } .grey-hint{ color: #999;font-size: 14px;} .width150 { width: 200px !important; } /* Header ======================================*/ .header, .footer { position: relative; margin: 0; padding: 0; background-color: #fff; font-size: 14px; } .header { height: 56px; } .header-menu { float: left; display: inline-block; margin: 0; height: 56px; } .header-menu>li { float: left; position: relative; margin: 0; font-size: 14px; line-height: 18px; height: 100%; width: 80px; z-index:99999;} .header-menu>li div{ height: 100%; text-align: left; line-height: 40px;font-size: 14px;} .header-menu>li:hover .header-sub-menu, .header-menu>li.cur:hover .header-sub-menu { display: block; } .header-menu>li a {display: inline-block; color: #13599b;padding: 8px; padding-left: 0; width: 100%;height: 100%;} .header-menu>li:hover div a, .header-menu>li.cur div a {color: #f68121;font-weight: bold;} .header-menu>li.home {width:50px;} .header-sub-menu { position: absolute; display: none; margin-top:-7px\0 !important; width: 120px; left:0px; background-color: transparent;margin: 0;z-index: 100;padding-top: 10px;} .header-sub-menu>li { position: relative; font-size:14px; color:#fff; background-color: #f88f22; margin-bottom: 0;text-align: left;} .header-sub-menu>li:hover { color:#fff; background-color:#fca21a; } .header-sub-menu>li a { color:#fff; padding: 12px 15px;} /*mobile-menu*/ .header-mobile {height: 50px;} .menu-container {position: absolute;left: 20px; top: 10px; width: 30px;height: 30px;background: #518fc0;border-radius: 2px;} .menu-container .menu-icon { width: 20px; height: 20px;margin-left: 5px; margin-top: 5px; background: url(../img/menu.png); background-size: 20px 20px; cursor: pointer; height: 27px \9; top: 1px \9; } .header-mobile .search form{display:inline;} .header-mobile .search form .search-icon input{background:transparent;border:none;} .header-mobile .search{height: 50px;float: right;padding-top: 7px;} .header-mobile .search .search-box{float: left;width: 78%} .header-mobile .search .lan{float: left;width: 22%;padding-left: 10px;} .header-mobile .search .lan button{background-color: transparent;color: #518fc0;background: none; border: #518fc0 solid 1px; border-color:rgba(0, 144, 194, 0.75);filter: alpha(opacity=75);border-radius: 2px;width: 35px; height: 35px; padding: 8px;font-weight: normal;} .header-mobile .search-box span.search-icon{overflow:hidden; background: url(../img/search_blue.png) center center no-repeat; background-size: 20px 20px;cursor: pointer;} .header-mobile .search .search-box input{border-radius: 2px; border: 1px solid #518fc0;border-color:rgba(0, 144, 194, 0.75);filter: alpha(opacity=75);color: #518fc0; padding-left: 15px;} .header-mobile .search .search-box input::-webkit-input-placeholder{ color: #518fc0;} .header-mobile .search .search-box input::-moz-input-placeholder{ color: #518fc0;} .header-mobile .search .search-box input::-ms-input-placeholder{ color: #518fc0;} .mobile-menu { display: none; z-index:10000; position: absolute; left: 0; top: 0; width: 150px; height: 100%; background:#fff; border-right: 1px solid #ccc; } .mobile-menu>ul>li:hover .mobile-sub-menu, .mobile-menu>ul>li.cur .mobile-sub-menu { display: block; position: absolute; left: 120px; top: -10px; border: #ccc 1px solid; background-color: #fff; width: 150px; margin-left: 0;} .mobile-menu>ul>li, .mobile-sub-menu>ul> li { padding: 0; margin: 0; position: relative;border-bottom: 1px solid #ccc;} .mobile-menu>ul>li a{ display: inline-block; padding: 15px 30px 15px; color: #009ec3;text-decoration: none; width: 100%; height: 100%; } .mobile-menu>ul>li:hover>a, .mobile-menu>ul>li a:hover {color: #f68121;font-weight: bold;} ul.mobile-sub-menu { display: none;z-index:10001; } ul.mobile-sub-menu>li {margin-bottom: 0;} ul.mobile-sub-menu>li a { color: #666; padding: 15px; font-size: 14px;} ul.mobile-sub-menu>li a:hover { background-color: #004861; color: #fff; } /* Search Box ======================================*/ .search-box { position: relative; } .search-box input { width: 100%; height: 35px; display: inline-block; vertical-align: top; padding-right: 35px; } .search-box span.search-icon { position: absolute; top: 0; right: 0; display: inline-block; width: 35px; height: 35px; background: transparent url(../img/search.png) center center no-repeat; border-radius: 4px;} .search-box input.search-icon{position: absolute; top: 5px; right: 5px; display: inline-block; width: 25px; height: 25px; border-radius: 4px;padding: 0;} /*更多*/ .header-more{background-color: #f68121;position: absolute;z-index: 101;height: 120px;color: #fff;padding: 10px 15px;right: 15px;} .header-more .search {overflow: hidden;} .header-more .search .lan {float: left;width: 22%;} .header-more .search .lan button{background-color: transparent;color: #fff;background: none; border: #fff solid 1px; border-color:rgba(256, 256, 256, 0.75);filter: alpha(opacity=75);border-radius: 0;width: 35px; height: 35px; padding: 8px;font-weight: normal;} .header-more .search .lan button a{color:#fff;} .header-more .search .search-box{float: right;width: 78%;} .header-more .search .search-box input{border-radius: 0; background-color: transparent; border: 2px solid #fff;border-color:rgba(256, 256, 256, 0.75);filter: alpha(opacity=75);color: #fff;} .header-more .search .search-box input::-webkit-input-placeholder{ color: #fff;} .header-more .search .search-box input::-moz-input-placeholder{ color: #fff;} .header-more .search .search-box input::-ms-input-placeholder{ color: #fff;} .header-more .search .search-box input.srar_button.fl{background:none;} .header-more .link{text-align: center;} .header-more .link a {width: 60px;color: #fff;display: inline-block;height:50px;line-height: 70px;} .header-more .link a.network {background: url(../img/network.png) top center no-repeat;} .header-more .link a:hover{color:#ffdf6e;} .header-more .link a.network:hover {background: url(../img/wifi.png) top center no-repeat;} .header-more .link a.homepage {background: url(../img/homepage.png) top center no-repeat;} .header-more .link a.homepage:hover {background: url(../img/info.png) top center no-repeat;} .header-more .link a.mail {background: url(../img/mail.png) top center no-repeat;} .header-more .link a.mail:hover {background: url(../img/mail_hover.png) top center no-repeat;} /* Footer ====================================== .footer { height: 230px; text-align: center; font-size:14px; margin-top: -230px; } .footer div{margin: 0;} .footer .logo{background: url(../img/footer_bg.png) right center no-repeat;position: absolute;width: 100%;height: 100%; right: 20px;} .footer .top{ height: 80px; background: #0090c2; } .footer .bottom{ height: 150px; background: #004861; } .footer .top ul.weblink{position: absolute;} .footer .bottom .info{position: absolute; padding-top: 40px; text-align: center; width: 100%;height: 150px; color: #0090c2;font-size: 14px;} .footer .bottom .info div{margin-bottom: 5px;line-height:20px;} .footer .bottom .info .small{color: #eee;font-size: 14px; margin-top: 10px;}*/ .footer {background: #0090c2; text-align: center; font-size:14px; margin-top: -230px; } .footer div{margin: 0;} .footer .logo{background: url(../img/footer_bg.png) right center no-repeat;position: absolute;width: 100%;height: 100%; right: 20px;} .footer .top{ height: 80px; background: #0090c2; } .footer .bottom{background: #004861; } .footer .top ul.weblink{position: absolute;} .footer .bottom .infoLogo{padding-top: 40px;text-align:right;} .footer .bottom .info{padding-top: 40px; text-align: left;height: 150px; color: #0090c2;font-size: 14px;} .footer .bottom .info div{margin-bottom: 5px;line-height:20px;} .footer .bottom .info .small{color: #eee;font-size: 14px; margin-top: 10px;} /* weblink ======================================*/ ul.weblink{margin: 0 auto;margin-bottom: 0px;width: 100%;text-align: center; height: 80px; line-height: 80px;font-size: 16px;} ul.weblink li{display:inline;width: 90px;margin: 0;text-align: center;line-height: 40px; border-right: 1px solid #fff;} ul.weblink li:last-child{border: none;} ul.weblink li a{color: #fff;display: inline-block;padding: 8px 10px;} .body{ margin-bottom: 20px; } /* Content Title ======================================*/ .no-margin-left{margin-left: 0px !important;} .content-title{margin: 20px 15px 15px;line-height: 24px;font-size: 16px;color: #f68121;font-weight: bold;} .content-title .page ul {overflow: hidden;margin-bottom: 0;} .content-title .page ul li {float:left; margin: 10px 10px 10px 0;width: 8px; height: 8px; background-color: #ccc; border-radius: 50%; cursor: pointer;} .content-title .page ul li:hover, .content-title .page ul li.cur{background-color: #f68121;} .content-news,.content-hot,.content-articles{margin-bottom: 20px;} /*新闻*/ .content-news a.news-img {display: inline-block;width: 100%;} .content-news a.news-img img {width: 100%;height: 186px;} .content-news a.news-title {display: inline-block; margin: 15px 0; font-size: 14px; font-weight: bold; letter-spacing: 1px;} .content-news .news-des {font-size: 14px;} a.content-title-article {display: inline-block; margin: 20px 10px 15px;line-height: 24px;font-size: 14px;color: #999;padding-right: 30px; background: url(../img/arrow_big.png) right center no-repeat;} .content-articles li {margin-bottom: 16px;list-style:disc;color:#cbcbcb;} .content-articles li a{font-size: 14px;width: 100%;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;display: inline-block;} /*热点*/ .content-hot {border-top: 1px solid #ccc; padding-top: 20px;display: none;} .content-hot a.img {display: block; float: left; width: 80px;height: 80px;} .content-hot a.img img{width: 100%;height: 100%;} .content-hot .hot-detail{ margin-left: 100px;} .content-hot .hot-detail a.title{ font-size: 14px; color: #0090c2;font-weight: bold;width: 100%;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;display: inline-block;} .content-hot .hot-detail .des{ font-size: 14px; margin-top: 10px; } /*关注我们*/ .content-contactus{ text-align: center; background-color: #eee; padding: 10px; height: 180px;margin-top: 20px;} .content-contactus .title{line-height: 24px;font-size: 14px;color: #f68121;font-weight: bold;margin-bottom: 20px;} .content-contactus .title span{color: #999;font-weight: normal;} .content-contactus .qrcode{overflow: hidden;text-align: center;} .content-contactus .qrcode img{margin: 0 10px;width: 90px;} /* button ======================================*/ .btn{ min-width: 90px; display: inline-block; padding: 3px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px;} .btn:hover, .btn:focus, .btn.focus {color: #333;text-decoration: none;} .btn-colorscheme{background-color:#8e3917 !important;color: #fff !important;border-color: #8e3917; } .btn-colorscheme:hover, .btn-colorscheme:focus, .btn-colorscheme.active, .open .dropdown-toggle.btn-colorscheme {color: #ffffff;background-color: #42261b !important;border-color: #42261b !important; } .btn-white {border: 1px solid #ccc; background-color: #fff; border-radius: 0; background: url(../img/search_blue.png) 10px center no-repeat; background-size: 20px 20px; padding-left: 35px;} .btn-white:hover {background: #fff url(../img/search_blue.png) 10px center no-repeat; border: 1px solid #ccc; background-size: 20px 20px; } /* table */ .table-noborder>tbody>tr>td{border: none!important;} .mt-20{margin-top: -20px;} .content-detail table{border-top: 1px soild #ccc;margin-bottom:50px;} .content-detail .table.table-last-right td{text-align: center;} .content-detail table.borderVisible{width:85%;} .content-detail .table.table-last-right td:first-child{text-align: left;} .content-detail .table.table-last-right td:last-child{text-align: right;} .content-detail .table td a {color: #009ec3;} .table-striped>tbody>tr:nth-child(odd){background-color: #f5f5f5;} .content-detail .container-fluid .row:nth-of-type(odd){background-color:#f5f5f5;} .content-detail .container-fluid{margin-top:10px;} .content-detail .row div.col-md-4 a{color:#009ec3;} .content-detail .row {height:40px;} .content-detail .row div.col-md-4{text-align:center;} .content-detail .row div{padding-top:10px;} .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{padding: 10px;} /* pagnation分页 ======================================*/ ul.pagnation { overflow: hidden;} ul.pagnation li { float: left; padding: 10px; margin-bottom: 0; font-size: 14px; line-height: 25px; } ul.pagnation li:last-child { padding: 10px 0; } ul.pagnation li input {width: 40px;margin-bottom: 0; padding: 4px 4px; } ul.pagnation li .btn {width: 40px;min-width: 40px;background-color: #5c90c9; color: #fff;font-size: 14px; padding: 3px; } ul.pagnation li .btn:hover {background: #004861; color: #fff;} /* bxslider ======================================*/ .bx-container{position: relative;overdlow:hidden;} .bx-viewport{height: 430px !important;} .bxslider li{height: 440px;} .bx-wrapper {margin-bottom: 20px;padding-left: 0px;padding-right: 0px; } .bx-wrapper img{width: 100%;} .bx-wrapper .bx-viewport{border:none;left: 0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} .bx-pager {display: none;} .bx-container .bgd-logo{text-align:right;position: absolute;right:50px;bottom:60px;width:100%;z-index: 999;} .bx-container .bgd-logo img{width:30%;} .bx-container .bg-shadow{ width:100%;position:absolute;bottom:0px;overflow:hidden;} .bx-container .bx-link {z-index:10000;position: absolute;bottom: 0px;filter: alpha(opacity=75);background: #0090c2;background-color: rgba(0, 144, 194, 0.75);width: 100%;height: 50px;} .bx-container .bx-link ul {overflow: hidden;margin-bottom: 0;float: right;height: 50px;} .bx-container .bx-link li{float: left; height: 50px; margin-bottom: 0; line-height: 50px; margin-left: 20px;background: url(../img/arrow.png) right center no-repeat;} .bx-container .bx-link li a{color: #fff;display: inline-block; padding-right: 20px;} .bx-container .bx-link li a:hover{color: #20c5ff;} .bx-container .bx-link-xs li{background:none;} .bx-container .bx-link-xs li a {padding-right: 0;padding-left: 30px;} .bx-container .bx-link-xs li a.network{background: url(../img/network.png) left center no-repeat;} .bx-container .bx-link-xs li a.homepage{background: url(../img/homepage.png) left center no-repeat;} .bx-container .bx-link-xs li a.mail{background: url(../img/mail.png) left center no-repeat;} .overEllipsis{width: 100%;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;} /* #Page Styles ================================================== */ /* 二级页面背景 ======================================*/ .second {background-size: 100% !important;} /* 学校概况 */ .second.bg-school{ background: url(../img/bg_school.png) center top no-repeat; } /* 机构设置 */ .second.bg-setup{ background: url(../img/bg_setup.png) center top no-repeat; } /* 学院建设 */ .second.bg-deployment{ background: url(../img/bg_deployment.png) center top no-repeat; } /* 教育教学 */ .second.bg-edu{ background: url(../img/bg_setup.png) center top no-repeat; } /* 科学研究 */ .second.bg-science{ background: url(../img/bg_science.png) center top no-repeat; } /* 师资队伍 */ .second.bg-teachers{ background: url(../img/bg_teachers.png) center top no-repeat; } /* 合作交流 */ .second.bg-communication{ background: url(../img/bg_communication.png) center top no-repeat; } /* 招生就业 */ .second.bg-employment{ background: url(../img/bg_employment.png) center top no-repeat; } /* 人才招聘 */ .second.bg-recruit{ background: url(../img/bg_recruit.png) center top no-repeat; } /* 二级页面，common css ======================================*/ .second .bgd-logo { background: url(../img/logobut.png) left center no-repeat; background-size: 300px; height: 120px; } .second .bgd-logo-en { background: url(../img/enlogo.png) right 75px no-repeat; width: 330px; height: 120px; } .second .y-content{background: #fff; margin-left: 0px; margin-right: 0px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; overflow: hidden; } .second .y-content > div{ height: 100%;} .second .y-content ul.second-nav{ border-right: 1px solid #ccc;margin-bottom: 0; margin-left: -15px;height: 100%; padding-bottom: 10000px; margin-bottom: -10000px; overflow: hidden; } .second .y-content ul.second-nav li { margin-bottom: 0; } .second .y-content ul.second-nav li a{ width: 100%;height: 100%; padding: 15px 40px; color: #009ec3;border-bottom: 1px solid #ccc;width: 100%;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;display: block;} .second .y-content ul.second-nav li a:hover,.second .y-content ul.second-nav li.cur a { background: #eee;border-right: 5px solid #f68121;} .second .y-content ul.second-nav li.nav-header a { color: #fff; background: #004861; font-size: 18px; font-weight: bold; } .second .y-content ul.second-nav li.nav-header a:hover{ border-right: none; } .second .y-content .content {padding-right: 10px;padding-bottom: 20px;} .second .y-content .content .content-header{font-family:Microsoft YaHei;font-size: 22px;border-bottom: 1px solid #ccc;font-weight:bold; padding: 30px 0px 20px 0px;} .second .y-content .content .content-header .breadcrumb { font-size: 14px; background: #fff; padding: 0; font-weight: normal;} .second .y-content .content .content-header .breadcrumb a {color: #999;} .content-p10 {padding: 10px;} /* 文章页 ======================================*/ .content-detail {padding-top: 20px; padding-bottom: 50px;} .content-detail p{padding: 0; margin:0; line-height: 24px;font-family:Microsoft YaHei; font-size: 14px; text-indent: 2em; } .img-resize p a img {width:55%;} .content-detail .img-margin{ margin: 20px 0;} img.img-border{border: 3px solid #fff; box-shadow: 1px 1px 2px 0px #eee,-1px 1px 2px 0px #eee,0px -1px 2px 0px #eee; -webkit-box-shadow: 1px 1px 2px 0px #eee,-1px 1px 2px 0px #eee,0px -1px 2px 0px #eee;} /* 领导页 ======================================*/ .content-leader{ padding-top: 10px;} .content-leader .table{float: left;width: 50%;border: 1px solid #ccc;} .content-leader .table>tbody>tr>td{padding: 8px 30px;} .content-leader .table td a {color: #333;} .content-leader .table td:last-child{font-weight: bold;} .content-leader .table.table-left {border-right: none;} /* 领导详情页 ======================================*/ .content-leader .leader-img{ width: 100px; float: left;} .content-leader .leader-img img{ width: 100%; height: 100%;} .content-leader .leader-content{ margin-left: 130px;} .content-leader .leader-content .leader-header{ border-bottom: 1px dashed #ccc; font-size: 24px;font-weight: bold;padding-bottom: 10px;margin-bottom: 25px;} .content-leader .leader-content .leader-header span{ padding-left:10px; font-size: 14px;font-weight: normal;} /* 科学研究页 ======================================*/ .content-border { border: 1px solid #ccc; padding: 15px 20px; margin: 10px 20px 20px; } .content-border .category{float: right;width: 100px;text-align: right;} .content-border .title{ margin-right: 120px; color: #009ec3; font-weight: bold;margin-bottom: 5px;} .content-border .title-short {font-size: 14px;color: #999;} /* 学科建设页 ======================================*/ .content-ul .title { color: #009ec3; font-weight: bold; background: #f5f5f5; padding: 5px 10px; margin-bottom: 10px; } .content-ul ul { padding: 0 30px; } .content-ul ul li { list-style-type: disc; } .content-ul ul li a { font-size: 14px; } /* 快速引导页 ======================================*/ .content-ul .guide {overflow: hidden; margin-bottom: 10px;} .content-ul .guide div { margin-bottom: 10px; font-size: 14px; text-align: center;} .content-ul .guide div:nth-child(3n+1) {text-align: left;} .content-ul .guide div:nth-child(3n) {text-align: right;} /* 机构设置页 ======================================*/ .content-ul .setup {overflow: hidden; margin-bottom: 10px;} .content-ul .setup div { font-size: 14px; padding: 10px;background: url(../img/department.png) 30px center no-repeat;background-size: 16px 16px; padding-left: 55px !important; white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;display: inline-block;} .content-ul .setup div:nth-child(4n),.content-ul .setup div:nth-child(4n+3) {background-color: #f5f5f5;} .content-ul .setup div:nth-child(4n+1),.content-ul .setup div:nth-child(4n+2) {background-color: #fff;} /* 学科建设详情页 ======================================*/ .content-deploy ul.nav-color{width: 200px;} .content-deploy ul.nav-color li {margin-bottom: 3px;} .content-deploy ul.nav-color li a {color: #009ec3;display: block; background: #eee;padding: 8px 20px;} .content-deploy p {margin-right: 220px;} /* 学科建设页 ======================================*/ .content-card {border: 1px solid #ccc;text-align: center;margin: 20px;padding-bottom: 30px;} .content-card .img {text-align: center;width: 100%;height: 180px;overflow: hidden;} .content-card .img img {width: 100%;} .content-card .title {margin-top: 15px;margin-bottom: 5px;} /* 交换生 */ .content-card-project{ margin: 0;background: #eee; margin-bottom: 20px; padding-bottom: 15px; } .content-card-project .commu-img{ height: 130px; line-height: 130px; background-color: #fff; } .content-card-project img { background-color: #fff; width: auto; max-width: 100%; height: auto; line-height: 130px; vertical-align: middle; } .content-card-project .title {margin-top: 10px;} /* 教育教学页 底部连接 ======================================*/ .content-footer-link { height:85px;position:relative;border: 1px solid #ccc; padding: 10px; padding-right: 50px; background-color: rgb(18,94,108); margin: 10px;text-align: right;} .content-footer-link .logo{ float:left; margin:10px 30px; } .content-footer-link .arrow{ clear: both; position:relative; top: -45px; left: 30px; } .content-footer-link .build{ position:absolute; right:0px; top:0px; } .content-footer-link a{ float:left; position:relative; font-size: 16px; color:#fff; position:relative; left: -15px; top: 50%; } /* 55周年页 ======================================*/ .anniversary{background: #f4f4f4;} .anniversary .bg-container{position:relative;overflow:hidden;height:400px;} .anniversary .font-logo{position: absolute; top: 0%; left: 50%;margin-left: -120px;width:240px;} .anniversary .red-logo{position: absolute; bottom: -140px;width: 100%;} .anniversary .content-title{ color: #994441; border-bottom: 3px solid; padding: 10px 0; margin: 0; margin-top: 20px;font-size: 18px;} .anniversary .content-title a{color:#994441;} .anniversary .content-title span{margin-right: 10px;} .anniversary .carousel .content-title{border-bottom: 0;} .anniversary .content-detail-out{ margin-bottom: 10px; border: 1px solid #ddd; border-bottom-left-radius: 4px; border-bottom-right-radius: 5px;background-color: #fff;} .anniversary .carousel .content-detail-out{background-color: #f4f4f4;border: none;} .anniversary .content-detail-out .content-detail {overflow: hidden; padding: 25px 25px; border-bottom: 1px solid #ddd;} .anniversary .content-detail-out .content-detail:last-child{ border-bottom: 0; } .anniversary .content-detail img.detail-left{ float: left; width: 230px;} .anniversary .content-detail .detail-right { margin-left: 250px;} .anniversary .content-detail .detail-right .title{ font-size: 18px; margin: 10px 0 20px; } .anniversary .content-detail .detail-right .title a:hover{color: #994441;} .anniversary .content-detail p{text-indent: 0; margin-bottom: 5px; } /* 55周年留言板 */ .anniversary .content-detail-out .content-detail-message{margin: 0 20px; border-bottom: 1px dotted #ddd; padding: 30px 20px 20px 30px; } .anniversary .content-detail-message img.detail-left{ width: 60px; border-radius: 50%; } .anniversary .content-detail-message .detail-right{margin-left: 110px;} .anniversary .content-detail-message .detail-right [class^="icon-quote-"] {color: #999;position: absolute;} .anniversary .content-detail-message .detail-right .icon-quote-left { top: 5px; left: 0;} .anniversary .content-detail-message .detail-right .icon-quote-right { bottom: 0;right: 0;} .anniversary .content-detail-message .detail-right .message{ padding: 0 20px 0px 30px; display: block;} .anniversary .content-detail-message .detail-right .div-p{position:relative;} .anniversary .content-detail-message p{ font-size: 14px; line-height: 30px;position: relative;} .anniversary .content-ul ul { padding: 0; } .anniversary .content-ul ul li { list-style-type: none; border-bottom: 1px #ccc dotted; margin-bottom: 0;padding-bottom: 10px; } .anniversary .content-ul ul li a { font-size: 14px; padding: 20px 0 10px; display: block; line-height: 24px;} .anniversary .content-ul-web ul {background-color: #fff;overflow: hidden;border: 1px solid #ccc; border-radius: 5px;} .anniversary .content-ul-web ul li {margin-bottom: 0px; border-bottom: 1px solid #ccc;} .anniversary .content-ul-web ul li:last-child{ border-bottom: none;} .anniversary .content-ul-web ul li a { display: block; padding: 18px 20px;} .anniversary .content-ul-web ul li a i{display: none;float: right; font-size: 18px;} .anniversary .content-ul-web ul li a span{margin-right: 10px;color: #994441;} .anniversary .content-ul-web ul li a:hover{background-color: #c1322a;color: #fff;} .anniversary .content-ul-web ul li a:hover i{display: inline;} .anniversary .content-ul-web ul li a:hover span{color: #fff;} .anniversary a.give{ display: block;} .anniversary .link{ overflow: hidden; border: 1px solid #ccc; border-radius: 5px;margin: 15px 0; padding: 20px;background-color: #fff;} .anniversary .footer{height: 180px; background-color: #90150e; margin-top: -180px; color: #fff;font-size: 14px;text-align: left;} .anniversary .footer div{margin: auto;} .anniversary .footer .container{padding-top: 60px;} .anniversary .footer img{width: 245px;float: right;margin-top: -10px;} .anniversary .footer a{color: #eb746e; font-weight: bold;} .anniversary .footer span{margin-left: 10px;} .anniversary .footer .grey-hint{font-size: 14px;} .owl-carousel .owl-stage-outer{z-index: 1;} .owl-carousel .item { margin-left: -2px; margin-right: -2px; } .owl-carousel .item-left, .owl-carousel .item-right { width: 50%; float: left; } .owl-carousel .image-1 {height: 269px;} .owl-carousel .image-2, .owl-carousel .image-5 { height: 141px; } .owl-carousel .image-3, .owl-carousel .image-4 { width: 50%; float: left; height: 128px; } .owl-carousel img { width: 100%; height: 100%; padding: 2px;} .owl-carousel .item [class^="image-"] {position: relative;display:block;} .owl-carousel .item .introduce{display: none; position: absolute;width: 100%;height:100%;color: #fff;left: 0;top: 0;background:rgba(0,0,0,0.5); filter: alpha(opacity=50);text-align: center; font-size: 16px; padding: 20% 20px; line-height: 30px;cursor: pointer;} .owl-carousel .item .introduce span{position: relative;} .owl-carousel .item [class^="image-"]:hover .introduce{display: block;} .owl-carousel .owl-controls{width: 100%;height:100% ; background-color: transparent; position: absolute; left: 0; top: 0;} .owl-carousel .owl-controls .owl-prev{width: 68px;height:68px ; background-color: transparent;background-image: url(../img/arrow_left.png); background-repeat: no-repeat; position: absolute;left: 10px;top:50%;z-index: 2;margin-top: -34px;} .owl-carousel .owl-controls .owl-next{width: 68px;height:68px ; background-color: transparent;background-image: url(../img/arrow_right.png); background-repeat: no-repeat; position: absolute;right: 10px;top:50%;z-index: 2;margin-top: -34px;} /* #Media Queries ================================================== */ @media only screen and (min-width: 1400px){ .bx-viewport{width:100%;height: 630px !important;} } @media only screen and (max-width: 1400px){ .bx-viewport{height: 403px !important;} } @media only screen and (min-width: 992px) and (max-width: 1200px) { .header-menu>li{width: 70px;} } @media only screen and (min-width: 992px) { .mobile-menu{ display: none !important; } } /* Tablet Portrait size to standard 992 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 991px) { .bx-container .bgd-logo{right:50px;bottom:-40px;} .bx-viewport{height: 320px !important;} .bxslider li{height: 320px;} .footer .top{background: #004861;} .mobile-menu>ul>li:hover .mobile-sub-menu, .mobile-menu>ul>li.cur .mobile-sub-menu{left: 140px;} .content-articles{margin-top: 20px;} .second .y-content{border: none;} .second .bgd-logo { background-position: center; } .content-leader .table{width: 100%;} .content-leader .table.table-left {border-right: 1px solid #ccc;} } /* All Mobile Sizes (devices and browser).bx-container .bgd-logo{height:120px;width:260px;right:50px;bottom:-20px;} */ @media only screen and (max-width: 767px) { .footer .top{height:120px;} /*.bx-container .bgd-logo{height:80px;width:195px;right:10px;bottom:-40px;}*/ .bx-viewport{height: 170px !important;} .footer .top{background: #004861;} .content-news a.news-img{display: none;} .content-articles{margin-top: 20px;} .bx-wrapper .bx-controls-direction a{display:none;} .footer .bottom .info{padding-top: 20px;} ul.weblink{line-height: 10px;padding-top: 15px;} ul.weblink li{line-height: 10px;} .second .y-content{border: none;} .second .bgd-logo { background-position: center; height: 200px;} .content-leader .table{width: 100%;} .content-leader .table.table-left {border-right: 1px solid #ccc;} .content-deploy p{margin-right: 0;} .content-footer-link{padding-right: 40px;} .content-ul .setup div:nth-child(2n) {background-color: #f5f5f5;} .content-ul .setup div:nth-child(2n+1){background-color: #fff;} .second.bg-school, .second.bg-setup, .second.bg-deployment, .second.bg-edu, .second.bg-science, .second.bg-teachers, .second.bg-communication, .second.bg-employment, .second.bg-recruit{ background: none; } /* 学校概况 */ .second .bg-school-mod{ height: 200px; background: url(../img/bg_school_mob.png) center top no-repeat; } /* 机构设置 */ .second .bg-setup-mod{ background: url(../img/bg_setup_mob.png) center top no-repeat; } /* 学院建设 */ .second .bg-deployment-mod{ background: url(../img/bg_deployment_mob.png) center top no-repeat; } /* 教育教学 */ .second .bg-edu-mod{ background: url(../img/bg_setup_mob.png) center top no-repeat; } /* 科学研究 */ .second .bg-science-mod{ background: url(../img/bg_science_mob.png) center top no-repeat; } /* 师资队伍 */ .second .bg-teachers-mod{ background: url(../img/bg_teachers_mob.png) center top no-repeat; } /* 合作交流 */ .second .bg-communication-mod{ background: url(../img/bg_communication_mob.png) center top no-repeat; } /* 招生就业 */ .second .bg-employment-mod{ background: url(../img/bg_school_mob.png) center top no-repeat; } /* 人才招聘 */ .second .bg-recruit-mod{ background: url(../img/bg_recruit_mob.png) center top no-repeat; } /*专题页*/ .second .bg-anniversary-mod{ background:url(../img/bg_anniversary_mob.jpg) center top no-repeat; } .anniversary .red-logo{display: none;} .anniversary .footer {text-align: center;} .anniversary .content-detail .detail-right { margin-left: 0;} .anniversary .content-detail-out .content-detail-message { padding: 30px 0px 20px 0px;} .anniversary .content-detail-message .detail-right { margin-left: 70px;} .owl-carousel .image-2, .owl-carousel .image-5 { height: 121px;} .owl-carousel .image-3, .owl-carousel .image-4 { width: 50%; float: left; height: 88px; } .owl-carousel .item .introduce{font-size: 14px;} .bx-container .bg-shadow{display:none;} } /*工大动态与通知公告页面*/ .gotoNews{ display: block; background: url(../img/news.png) center top no-repeat; width: 100% ; height: 100px;background-size: 100%;margin-bottom: 20px;} .table-a-no-color a{color: #333!important;} .table-a-no-color a:hover{color: #009ec3!important;} /*信息公开页面*/ .content-detail-information{} .content-detail-information .first-list { margin: 10px 0;} .content-detail-information .first-list > a{ display: block;padding: 10px 20px; color: #009ec3; font-weight: bold; font-size: 16px; } .content-detail-information .first-list.ahide > a{ background: #f5f5f5 url(../img/arrow_up.png) 98% center no-repeat;} .content-detail-information .first-list.ashow > a{ background: #f5f5f5 url(../img/arrow_down.png) 98% center no-repeat;} .content-detail-information .first-list .second-list { padding: 0px 0px 0px 20px; } .content-detail-information .first-list.ahide .second-list { display: none;} .content-detail-information .first-list.ashow .second-list { display: block;} .content-detail-information .first-list .second-list > span{ display: block; padding: 15px 0; font-weight: bold; font-size: 16px;} .content-detail-information .first-list .second-list > span > i {width: 20px ;height: 2px; border-bottom: 2px solid #ccc; display: inline-block; margin-bottom: 4px;margin-right: 10px;} .content-detail-information .first-list .second-list .last-list{ margin-bottom: 0;padding: 0 0 0 50px;} .content-detail-information .first-list .second-list .last-list li{ border-bottom: 1px dotted #ccc; margin-bottom: 0; padding: 8px 0px; list-style-type: disc;} .content-detail-information .first-list .second-list .last-list li a{display: inline-block; width: 100%;} .content-detail-information .first-list .second-list .last-list li a:hover{ color: #009ec3;} /*表格中的样式*/ .content-detail table .table-center{ margin:0 70px; } /*图标 */ span[class^="icon-"],i[class^="icon-"]{display: inline-block; background-size: 16px 16px; background-repeat: no-repeat; width: 16px; height: 16px; } span.icon-library2-my,i.icon-library2-my{ background-image: url(../img/anniversary/home-r.png);} span.icon-icon_graduate-my,i.icon-icon_graduate-my{ background-image: url(../img/anniversary/friend-r.png);} span.icon-icon_book_alt-my,i.icon-icon_book_alt-my{ background-image: url(../img/anniversary/book-r.png);} /*专题列表页*/ .anniversary .second .y-content .content.list .content-header{ color: #c1322a; } .anniversary .second .y-content .content.list .content-header .grey-hint{font-size: 12px;font-weight: normal;} .anniversary .second .y-content .content.list .content-header a.gohome{color:#999;font-size: 12px;font-weight: normal;background: url(../img/page_arrow_right.png) right center no-repeat; background-size: 16px;padding-right: 23px;} .anniversary .second .y-content .content.list .content-header a.gohome:hover{color: #333;} .anniversary .second .y-content .content.list .content-detail{padding-top: 0;} .anniversary .second .y-content .content.list .content-detail .rows{overflow: hidden;border-top: 1px solid #ccc; margin-bottom: 25px;padding-top: 20px;} .anniversary .second .y-content .content.list .content-detail .rows .calendor{width: 85px; height: 85px; float: left; border: 2px solid #ccc;border-radius: 6px;text-align: center;overflow: hidden;} .anniversary .second .y-content .content.list .content-detail .rows .calendor .day{color: #c1322a;font-size: 26px;font-weight: bold;height: 50px;line-height: 50px;} .anniversary .second .y-content .content.list .content-detail .rows .calendor .month{color: #fff;font-size: 16px; background: #c1322a;line-height: 26px;height: 35px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;} .anniversary .second .y-content .content.list .content-detail .rows .details{margin-left: 120px; } .anniversary .second .y-content .content.list .content-detail .rows .details .titles{display: block; font-size: 18px;font-weight: bold;margin-bottom: 15px; } /*专题page*/ .anniversary ul.pagnation li{padding: 0;margin-top: 20px;} .anniversary ul.pagnation li a{ height: 38px;width: 40px;line-height: 40px;text-align: center; background: #fff;display: block;border-right: 1px solid #ccc;} .anniversary ul.pagnation li:last-child a{border-right: none;} .anniversary ul.pagnation li a:hover{color: #fff;background: #c1322a;} /*专题列表页*/ .anniversary .second .y-content .content.list .content-header{ color: #c1322a; } .anniversary .second .y-content .content.list .content-header .grey-hint{font-size: 12px;font-weight: normal;} .anniversary .second .y-content .content.list .content-header a.gohome{color:#999;font-size: 12px;font-weight: normal;background: url(../img/page_arrow_right.png) right center no-repeat; background-size: 16px;padding-right: 23px;} .anniversary .second .y-content .content.list .content-header a.gohome:hover{color: #333;} .anniversary .second .y-content .content.list .content-detail{padding-top: 0;} .anniversary .second .y-content .content.list .content-detail .rows{overflow: hidden;border-top: 1px solid #ccc; margin-bottom: 25px;padding-top: 20px;} .anniversary .second .y-content .content.list .content-detail .rows .calendor{width: 85px; height: 85px; float: left; border: 2px solid #ccc;border-radius: 6px;text-align: center;overflow: hidden;} .anniversary .second .y-content .content.list .content-detail .rows .calendor .day{color: #c1322a;font-size: 26px;font-weight: bold;height: 50px;line-height: 50px;} .anniversary .second .y-content .content.list .content-detail .rows .calendor .month{color: #fff;font-size: 16px; background: #c1322a;line-height: 26px;height: 35px;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;} .anniversary .second .y-content .content.list .content-detail .rows .details{margin-left: 120px; } .anniversary .second .y-content .content.list .content-detail .rows .details .titles{display: block; font-size: 18px;font-weight: bold;margin-bottom: 15px; } /*专题page*/ .anniversary ul.pagnation li{padding: 0;margin-top: 20px;} .anniversary ul.pagnation li a{ height: 38px;width: 40px;line-height: 40px;text-align: center; background: #fff;display: block;border-right: 1px solid #ccc;} .anniversary ul.pagnation li:last-child a{border-right: none;} .anniversary ul.pagnation li a:hover{color: #fff;background: #c1322a;} /*查看更多*/ a.gomore{font-size:12px;color:#999;font-weight:normal;background: url(../img/page_arrow_right.png) right center no-repeat; background-size: 12px;padding-right: 18px;} a.gomore:hover{color: #333;} /*分页条*/ ul.pagnation table tr td{text-align: left;} ul.pagnation span , ul.pagnation input{float: left;color: #333;} ul.pagnation input{width: 40px;margin-bottom: 0; } ul.pagnation span{ padding: 0 10px;line-height: 30px;} ul.pagnation a.z_pret { text-align: center; display: inline-block; border-radius: 4px; width: 50px;min-width: 40px;background-color: #5c90c9; color: #fff;font-size: 14px; padding: 3px; } ul.pagnation a.z_pret:hover {background: #004861; color: #fff;} /* 专题页 */ .second.bg-anniversary-mod{background:url(../img/bg_anniversary_mob.jpg) center top no-repeat;} .second.bg-anniversary{ background: url(../img/bg_anniversary.png) center top no-repeat; } .anniversary .second .y-content .content{min-height: 600px;margin-bottom: -10px;} .anniversary .second .bgd-logo { background: url(../img/logobut_anniversary.png) center center no-repeat;height: 170px;} .anniversary .second .y-content {border-left: none;border-right: none;padding-bottom: 0;margin-bottom: 0;} .anniversary .second .y-content .content .content-header{border-bottom: none; padding-top: 15px;} .anniversary .second .y-content .content .content-header .span{line-height: 36px;} .anniversary .second .y-content .content .content-header .date{margin-top: 15px; display: block;color: #999;font-size: 12px;font-weight: normal;text-align: right;} .anniversary .second .y-content .content .content-header .date span{} .anniversary .second .y-content .content .content-header .date hr{float: left;width: 85%;border-color: #ccc;} .anniversary .second .y-content .content {padding-right: 25px;padding-left: 25px;} .anniversary .second .y-content .content .content-header .breadcrumb{font-size: 12px;margin-bottom: 0;} .anniversary .second .y-content .content .content-header .breadcrumb a{color: #666;} .anniversary .second .y-content .content .page{border-top:1px solid #ccc;margin-top: 50px;padding-top:30px;} .anniversary .second .y-content .content .page .next a{display: block; text-align: right;background: url(../img/page_arrow_right.png) right center no-repeat; background-size: 20px;padding-right: 30px;} .anniversary .second .y-content .content .page .prev a{display: block;text-align: left;background: url(../img/page_arrow_left.png) left center no-repeat; background-size: 20px;padding-left: 30px;} .anniversary .second .y-content .content .page a:hover{color: #90150e;} @media only screen and (max-width: 767px) { .second.bg-anniversary{background: none;} .anniversary .second .bgd-logo{background: none;height: 230px;} .anniversary .second .y-content .content .content-header .date hr{width: 50%;} .anniversary .second .y-content .content .page .next a{margin-top: 10px; text-align: left;background: url(../img/page_arrow_right.png) left center no-repeat; background-size: 20px;padding-right: 0px;padding-left: 30px;} } @media only screen and (min-width: 768px) and (max-width: 991px) { .anniversary .second .y-content .content .content-header .date hr{width: 78%;} } @media only screen and (min-width: 425px) and (max-width: 768px) { .anniversary .second .y-content .content .content-header .date hr{width: 65%;} } .anniversary .content-ul-web ul li a:hover span.icon-library2-my,i.icon-library2-my{ background-image: url(../img/anniversary/home-w.png);} .anniversary .content-ul-web ul li a:hover span.icon-icon_graduate-my,i.icon-icon_graduate-my{ background-image: url(../img/anniversary/friend-w.png);} .anniversary .content-ul-web ul li a:hover span.icon-icon_book_alt-my,i.icon-icon_book_alt-my{ background-image: url(../img/anniversary/book-w.png);} /*校庆分页样式*/ .pagnation a.z_num{margin:5px;} ul.newSlist>li{padding:5px;} ul.newSlist>li:nth-child(even){background-color:#f5f5f5;} ul.newSlist>li a{color:#009ec3;} @media screen and (min-width:730px) and(max-width:767px){ .bx-container .bx-link{bottom:10px;} } @media screen and (max-width: 320px) { /*.bx-container .bgd-logo{height: 60px;width: 130px;bottom: -30px;}*/ } @media screen and (max-width: 220px) { /*.bx-container .bgd-logo{height: 40px;width: 100px;bottom: -20px;}*/ } @media screen and (max-width: 992px) and (min-width: 768px) { .body .container .col-md-3 .content-title{ position:relative; } .body .container .col-md-3 .content-title a{ position:absolute; right:-10px; } } @media screen and (max-width: 768px) and (min-width: 568px) { /*.bx-container .bgd-logo{bottom: -10px;}*/ } @media screen and (max-width: 768px){ .bx-container .bgd-logo{ right: 30px!important; } } @media screen and (max-width: 992px){ .bx-container .bgd-logo{bottom: 10px;} } @media screen and (max-width: 767px) and (min-width: 730px){ .bx-container .bgd-logo{ bottom: 60px; } } @media screen and (max-width: 730px) and (min-width: 630px){ .bx-container .bgd-logo{ bottom: 40px; } } @media only screen and (max-width:767px){ .content-detail .row{height:auto;} } span.icon-talent-my,i.icon-talent-my{ background-image: url(../img/anniversary/talent-r.png);} span.icon-tech-my,i.icon-tech-my{ background-image: url(../img/anniversary/tech-r.png);} .anniversary .content-ul-web ul li a:hover span.icon-talent-my,i.icon-talent-my{ background-image: url(../img/anniversary/talent-w.png);} .anniversary .content-ul-web ul li a:hover span.icon-tech-my,i.icon-tech-my{ background-image: url(../img/anniversary/tech-w.png);} @media screen and (max-width: 959px) { /*.bx-container .bgd-logo{height: 60px;width: 130px;bottom: -30px;}*/ .footer .bottom .infoLogo{padding-top:0px;text-align:center;} .footer .bottom .info{padding-top:0px;text-align:center;} } @media screen and (max-width: 666px) { /*.bx-container .bgd-logo{height: 60px;width: 130px;bottom: -30px;}*/ .footer .bottom .infoLogo{padding-top:0px;text-align:center;} .footer .bottom .info{padding-top:0px;text-align:center;} } span.icon-talent-my,i.icon-talent-my{ background-image: url(../img/anniversary/talent-r.png);} span.icon-tech-my,i.icon-tech-my{ background-image: url(../img/anniversary/tech-r.png);} .anniversary .content-ul-web ul li a:hover span.icon-talent-my,i.icon-talent-my{ background-image: url(../img/anniversary/talent-w.png);} .anniversary .content-ul-web ul li a:hover span.icon-tech-my,i.icon-tech-my{ background-image: url(../img/anniversary/tech-w.png);}