@charset "utf-8"; * { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, th, figcaption { font-style: normal; margin-top: 0!important; margin-bottom: 0!important; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } img { border: 0; } body { font-size: 12px; font-family: '微软雅黑', 'Microsoft YaHei'; } div, p, table { word-wrap: break-word; } ul, ol, li { list-style-type: none; } a { color: #333; text-decoration: none; outline: none; } .fl { float: left!important; } .fr { float: right!important; } .clear { clear: both; } .header { padding: 15px 0; overflow: hidden; } .header .sou input { height: 49px; line-height: 49px; border-color: #0062ad; } .header .sou button { height: 49px; line-height: 45px; padding: 0 15px; font-size: 1.3rem; background: #0062ad; color: #fff; border: 1px solid #0062ad; } .header .lxk { font-size: 14px; color: #989898; } .header .lxk input { margin: -2px 0 0 0; vertical-align: middle; } /*lang*/ .lang { line-height: 36px; background: #0d45a2; color: #fff; font-size: 14px; text-align: right; position: fixed; z-index: 9999; width: 100%; } .lang a { color: #fff; padding: 0 8px; cursor: pointer; } .lang a img { vertical-align: middle; margin: 0 5px; } .lang .xt img { height: 36px; } .lang a:hover { color: #ddd; } .header .lxk { margin-top: 10px; } /*neck*/ .neck { clear: both; background: #245cb9; z-index: 1111; width: 100%; margin-top: 0; } .neck .logo { margin: 5px 0; } .neck .menu { text-align: right; z-index: 99; } .nav2 { position: relative; z-index: 1; } .nav2 a { color: #fff; } .nav2 .nLi { width: 11%; float: left; text-align: center; color: #fff; position: relative; display: inline; } .nav2 .nLi h3 a { display: block; padding: 37px 0; font-size: 16px; } .nav2 .sub { display: none; width: 140px; left: 0; top: 91px; position: absolute; /* background: rgba(32, 95, 166, 0.8); */ background: rgba(32, 95, 166,1); line-height: 40px; padding: 0; } .nav2 .sub li { zoom: 1; border-bottom: 1px solid #4078b6; } .nav2 .sub li:last-child { border-bottom: 0; } .nav2 .sub a { display: block; padding: 0 10px; font-size: 14px; } .nav2 .sub a:hover { background: rgba(13, 50, 90, 0.8); color: #fff; } .nav2 .on h3 a { /**background: #0d45a2;*/ color: #fff; } .nav2 .on h3 a:hover{ background: #0d45a2; color: #fff; } @media (max-width: 780px) { .lang { z-index: inherit; position: inherit; } } /*banner*/ .fullside .swiper-slide { position: relative; } .fullside .swiper-slide a { display: block; } .fullside .swiper-slide .fdc { background: url(fdc.png) repeat; padding: 15px 50px; text-align: center; position: absolute; bottom: 25px; font-size: 16px; color: #fff; } /*sbox1*/ .sbox1 { padding: 15px 0 15px 0; } .type { padding: 8px 0 15px 0; font-size: 18px; color: #3174ba; margin-bottom: 10px; background: url(type_bg.png) no-repeat left bottom; margin-bottom: 15px; } #type1 { margin-top: 10px!important; } .type img { vertical-align: text-top; margin: 0px 9px 0 0; transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; } .type a { float: right; color: #999; font-size: 12px; font-weight: normal; margin-top: 10px; display: block; } .type a img { margin-right: 0; } .type a:hover { color: #2b5275; } .type a:hover img { margin-right: 10px; } .tonggao li { padding: 15px 0; overflow: hidden; } .tonggao li .riqi { width: 62px; float: left; height: 58px; border: 1px solid #ddd; background: #ddd; text-align: center; border-radius: 5px; } .tonggao li .riqi .yue { height: 23px; line-height: 23px; color: #545454; border-radius: 5px; font-size: 12px; margin-top: 3px; } .tonggao li .riqi .ri { font-size: 12px; color: #1878c2; background: #fff; margin: 1px 6px 4px 6px; height: 23px; line-height: 23px; } .tonggao li .tg_info { padding-left: 77px; } .tonggao li h3 { font-size: 14px; height: 25px; line-height: 25px; overflow: hidden; font-weight: bold; margin-top: -5px; } .tonggao li .tg_info p { height: 40px; line-height: 20px; overflow: hidden; margin-bottom: 0; color: #7f7f7f; } @media (max-width: 780px) { .sbox1 { padding: 13px 0 15px 0; } } /*学院新闻*/ .xyxw .xy1 { margin: 0 -10px; } .xyxw .xyxw_tui { position: relative; } .xyxw .xyxw_tui .fdc { padding: 10px 0; overflow: hidden; background: url(fdc2.png) repeat; position: absolute; bottom: 0; width: 100%; left: 0; } .xyxw .xyxw_tui .fdc a { margin: 0 15px; color: #fff; font-size: 14px; } .xyxw .xyxw_list ul { padding: 8px 0; overflow: hidden; } .list1 { clear: both; margin: 0; } .list1 ul li a { width: 100%; float: left; height: auto; overflow: hidden; color: #444; padding: 4px 0 4px 10px; line-height: 1.6; font-size: 14px; } .list1 ul li span { width: auto; margin-left: 2em; font-size: 12px; color: #999; } .list1 ul li a:hover { color: #0573b8; } .list2 { clear: both; margin: 0; } .list2 ul li { height: auto; padding: 0; overflow: hidden; background: url(jt.png) no-repeat left center; font-size: 15px; } .list3 li { background: url(jt2.png) no-repeat left center; text-indent: 6px; } .list2 ul li a { width: 87%; float: left; height: 38px; line-height: 38px; overflow: hidden; color: #444; padding-left: 10px; } .list2 ul li span { width: 12%; float: right; height: 38px; line-height: 38px; overflow: hidden; text-align: center; color: #999; font-size: 12px; } .list2 ul li a:hover { color: #0573b8; } /*sbox2*/ .sbox2 { background: #eaeef5; padding: 15px 0; } ul { padding-left: 0; } /*sbox3*/ .sbox3 { background: url(s3_bg.jpg) no-repeat bottom center; padding-top: 20px; } .sbox3 .baike1 li { padding: 12.3px 0; color: #fff; font-size: 16px; text-align: center; margin-bottom: 6px; } .sbox3 .baike1 li a { color: #fff; display: block; } .sbox3 .baike1 li img { margin: 7px 0; } .sbox3 .baike1 li.s1 { background: #e0a456; } .sbox3 .baike1 li.s2 { background: #39b1e8; } .sbox3 .baike1 li.s3 { background: #bd8160; } .sbox3 .baike2 { position: relative; } .sbox3 .baike2 .fdc { position: absolute; bottom: 0; width: 100%; padding: 18px 0; background: url(yy1.png) repeat-x bottom center; color: #fff; font-size: 16px; text-indent: 25px; } .sbox3 .baike2 .fdc a { font-size: 16px; color: #fff; } .sbox3 .baike3 ul { margin: 0 -6px; } .sbox3 .baike3 .margin { position: relative; } .sbox3 .baike3 .fdc { position: absolute; bottom: 0; width: 100%; padding: 18px 0; background: url(yy2.png) repeat-x bottom center; color: #fff; font-size: 16px; text-indent: 25px; } .sbox3 a:hover, .sbox3 .baike1 li:hover { filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; } .sbox3 .kstd li { width: 9%; float: left; text-align: center; font-size: 15px; } .sbox3 .kstd li img { margin: 10px 0; height: 35px; } .sbox3 .ztlist li { margin-bottom: 2px; height: 133px; } .sbox3 .ztlist li:last-child { margin-bottom: 0; } /*sbox4*/ .sbox4 { clear: both; background: #f3f3f3; padding: 15px 0; } .sbox4 dt { font-size: 16px; color: #2367b2; padding: 10px 0; } .sbox4 dd { font-size: 14px; height: 28px; line-height: 28px; overflow: hidden; color: #646464; padding: 0; } .sbox4 dd a { color: #646464; } .sbox4 dd a:hover { color: #2367b2; } .sbox4 .rel { position: relative; } .sbox4 .ewm { position: absolute; right: 0; top: 10px; z-index: 111; text-align: center; } .sbox4 .ewm p { padding-top: 6px; } .sbox4 .ewm img { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; height: 106px; } .sbox4 .ewm:hover img { webkit-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); opacity: 1; height: 106px; margin-bottom: 10px; } @media (max-width: 780px) { .sbox4 .sbox4-right dt, .sbox4 .sbox4-right dd { margin-left: 15px; } .sbox4 .ewm { padding-right: 20px; } .sbox4 .line { margin-left: 20px; } } /* 详情页 */ .sidebar .side1 { background: rgba(39, 96, 141, 0.7); color: #fff; text-align: center; padding: 16px 0; border-radius: 0 35px 0 0; } .sidebar .side2 { background: #f2f0f1; padding: 15px 0; } .sidebar .side2 li { background: url(dbx.png) repeat-x bottom center; padding: 15px 0; text-align: center; } .sidebar .side2 li:last-child { background: none; } .sidebar .side2 li a { display: block; margin-bottom: 1px; position: relative; cursor: pointer; margin-right: -14px; } .sidebar .side2 li a .ico { right: 25px; top: 12px; } .sidebar .side2 li:hover a, .sidebar .side2 li.on a { background: url(li_bg.png) no-repeat right top; color: #fff; } .sidebar .side2 li dl { margin: -5px 25px; padding-bottom: 20px; } .sidebar .side2 li dl dd { height: 38px; line-height: 38px; padding: 8px 0 8px 10px; } .sidebar .side2 li dl dd a { padding-top: 0; color: #333; margin-right: 0; } .sidebar .side2 li dl dd a:hover { background: #fff; color: #205fa6; } .sidebar .side2 li:hover dd a, .sidebar .side2 li.on dd a { background: none; padding-top: 0; color: #333; font-size: 15px; } .sidebar .side2 li { padding: 0; font-size: 18px; line-height: 30px !important; } .sidebar .side2 li { border-bottom: 1px solid #ddd; background: none; padding: 0; } .sidebar .side2 li a { padding: 10px 0; } /**学生**/ .sidebar .side-xs { background: #f2f0f1; padding: 15px 0; } .sidebar .side-xs li { background: url(dbx.png) repeat-x bottom center; padding: 15px 0; text-align: center; } .sidebar .side-xs li:last-child { background: none; } .sidebar .side-xs li a { display: block; margin-bottom: 1px; position: relative; cursor: pointer; margin-right: -14px; } .sidebar .side-xs li a .ico { right: 25px; top: 12px; } .sidebar .side-xs li:hover a, .sidebar .side-xs li.on a { background: url('li_bg_xs.png') no-repeat right top; color: #fff; } .sidebar .side-xs li dl { margin: -5px 25px; padding-bottom: 20px; } .sidebar .side-xs li dl dd { height: 38px; line-height: 38px; padding: 8px 0 8px 10px; } .sidebar .side-xs li dl dd a { padding-top: 0; color: #333; margin-right: 0; } .sidebar .side-xs li dl dd a:hover { background: #fff; color: #31a09a; } .sidebar .side-xs li:hover dd a, .sidebar .side-xs li.on dd a { background: none; padding-top: 0; color: #333; font-size: 15px; } .sidebar .side-xs li { padding: 0; font-size: 18px; line-height: 65px; } .sidebar .side-xs li { border-bottom: 1px solid #ddd; background: none; padding: 0; } .sidebar .side-xs li a { padding: 10px 0; } /**教师**/ .sidebar .side-teacher { background: #f2f0f1; padding: 15px 0; } .sidebar .side-teacher li { background: url(dbx.png) repeat-x bottom center; padding: 15px 0; text-align: center; } .sidebar .side-teacher li:last-child { background: none; } .sidebar .side-teacher li a { display: block; margin-bottom: 1px; position: relative; cursor: pointer; margin-right: -14px; } .sidebar .side-teacher li a .ico { right: 25px; top: 12px; } .sidebar .side-teacher li:hover a, .sidebar .side-teacher li.on a { background: url('li_bg_teacher.png') no-repeat right top; color: #fff; } .sidebar .side-teacher li dl { margin: -5px 25px; padding-bottom: 20px; } .sidebar .side-teacher li dl dd { height: 38px; line-height: 38px; padding: 8px 0 8px 10px; } .sidebar .side-teacher li dl dd a { padding-top: 0; color: #333; margin-right: 0; } .sidebar .side-teacher li dl dd a:hover { background: #fff; color: #a6942d; } .sidebar .side-teacher li:hover dd a, .sidebar .side-teacher li.on dd a { background: none; padding-top: 0; color: #333; font-size: 15px; } .sidebar .side-teacher li { padding: 0; font-size: 18px; line-height: 65px; } .sidebar .side-teacher li { border-bottom: 1px solid #ddd; background: none; padding: 0; } .sidebar .side-teacher li a { padding: 10px 0; } .sidebar .side3 { margin-top: 20px; } .rbox .news_title { text-align: center; padding: 15px 0; } .rbox .time { text-align: center; color: #999; border-bottom: 1px solid #eee; padding-bottom: 25px; } .rbox .show_info { padding: 15px 0; line-height: 2rem; } .rbox .show_info img { max-width: 100%!important; height: auto !important; } .rbox .share { text-align: center; } .rbox .bdsharebuttonbox { display: inline-block; } .rbox .bdsharebuttonbox span { float: left; line-height: 38px; padding-right: 5px; } .rbox .sxp { border-top: 1px solid #ddd; padding: 10px 0; overflow: hidden; } .rbox .sxp li { padding: 10px 0; } .jdt li { position: relative; } .jdt .pager-prev, .jdt .pager-next { display: none !important; } .jdt li .fdc { background: url(fdc2.png) repeat; color: #fff; text-align: left; bottom: 0px; padding: 10px; position: absolute; width: 100%; z-index: 11; } .jdt li .fdc a { display: block; width: 90%; font-size: 14px; color: #fff; } .jdt .pointer { z-index: 100; right: 0; text-align: right; } /* 新闻列表 */ .whole-news { padding-left: 35px; margin-bottom: 20px; } .news-box { margin-top: 20px; } .news-box li { color: #245ab4; font-size: 22px; line-height: 46px; border-bottom: 1px solid #bbbbbb; background: url(line.png) no-repeat bottom left; padding-left: 8px; } .news-box span { float: right; font-size: 14px; color: #9c9c9c; margin-top: 4px; } .pieces-news { display: block; float: left; width: 100%; height: auto; } .pieces-news li { display: block; float: left; width: 100%; height: auto; border-bottom: 1px dashed #ccc; padding: 12px 0; cursor: pointer; } .pieces-news li a { font-size: 15px; display: block; width: 85%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #000; } .pieces-news li a:hover { color: #ff0000; } .pieces-news li span { float: right; color: #666666; font-size: 13px; } .report-news { display: block; float: left; width: 100%; height: auto; } .report-news li { display: block; float: left; width: 100%; height: auto; border-bottom: 1px dashed #ccc; padding: 8px 0; cursor: pointer; } .report-news li a { font-size: 16px; display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 5px 0; color: #000; } .report-news li a:hover { color: #ff0000; } .report-news li .report-addr { display: block; float: left; width: auto; height: auto; color: #043994; padding: 4px 25px 4px 0; } .report-news li .report-date { display: block; float: left; width: auto; height: auto; color: #043994; padding: 4px 0; } .report-news li span { float: right; color: #666666; font-size: 13px; } .page { margin: 0 auto; margin-top: 20px; text-align: center; } .page .p-page span { font-size: 14px; color: #9f9f9f; line-height: 30px; margin-right: 10px; } .page .p-page span a { color: #9f9f9f; } .page .p-page .p-first { padding: 5px 10px 5px 10px; border: 1px solid #cbcbcb; background-color: #fff; border-radius: 2px; } .page .p-page .p-number { padding: 5px 10px 5px 10px; border: 1px solid #cbcbcb; background-color: #fff; border-radius: 2px; } .page .p-page .p-active { background-color: #2367b2; color: #fff; border: 1px solid #0f4f95; } .page .p-page .p-active a { color: #fff; } @media (max-width: 780px) { .whole-news { padding-left: 0px; margin-bottom: 20px; margin-top: -15px; } .news-box li { font-size: 14px; padding-left: 0px; } .news-box span { margin-top: 1px; font-size: 12px; } .pieces-news a { font-size: 14px; display: block; width: 59%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .page .p-page span { margin-right: 4px; font-size: 12px; } .page .p-page .p-number { padding: 3px 6px 3px 6px; } .page .p-page .p-first { padding: 3px 3px 3px 3px; } } /* 校园风光 */ .school-picture { margin-top: 30px; margin-bottom: 40px; } .school-picture .picture-title { font-size: 24px; color: #2367b2; line-height: 40px; border-bottom: 1px solid #999999; } .school-picture .whole-picture { margin-top: 20px; } .school-picture .whole-picture .picture1 { margin-bottom: 40px; text-align: center; margin-right: 8px; } .school-picture .picture2 { width: 100%; } .school-picture .picture1 ul { margin-left: 15px; } .school-picture .picture1 .main-title { font-size: 18px; font-weight: bold; color: #262626; line-height: 40px; background: url(line2.png) no-repeat center bottom; } .school-picture .picture1 .sub-title { font-size: 14px; color: #9b9b9b; margin-top: 6px; } .school-picture .page { margin-top: 0px; } .school-picture .picture1 .picture { overflow: hidden; } .school-picture .picture1 .picture img { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .school-picture .picture1 .picture:hover img { transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); } @media (max-width: 780px) { .school-picture .picture1 { margin-right: 0px!important; } .school-picture .picture2 { width: 100%; height: auto; } .school-picture .picture1 ul { text-align: center; } .school-picture .picture1 .main-title { margin-left: 0px!important; background: url(line2.png) no-repeat center bottom; } .school-picture .picture1 .sub-title { margin-left: 0px!important; } .page .p-page span { margin-right: 4px; font-size: 12px; } .page .p-page .p-number { padding: 3px 6px 3px 6px; } } /* 彩色导航 */ .whole-nav { padding-left: 45px; padding-top: 40px; } .whole-nav .part1 { margin-top: 10px; } .whole-nav .part1 table h3 { font-size: 18px; color: #2368b1; width: -moz-max-content !important; width: -webkit-max-content !important; width: -o-max-content !important; width: -ms-max-content !important; } .whole-nav .part1 table td img { width: 100%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-top: -10px; margin-left: 20px; } .whole-nav .part1 .part1-top-1 h3 { font-size: 24px; color: #2368b1; font-weight: 600; } .whole-nav .part1 .icon { float: left; margin: 15px 0; } .whole-nav .part1 .icon li { float: left; text-align: center; padding: 0; width: auto; padding: 0 10px; } .whole-nav .part1 .icon span { display: block; margin-bottom: 10px; } .whole-nav .part1 .icon a { display: block; font-size: 14px; color: #444444!important; font-weight: inherit; } .whole-nav .part1 .icon li span a img { width: 40px; height: 40px; } .whole-nav .nav-xs table h3 { color: #31a09a; } .whole-nav .nav-teacher table h3 { color: #a6942d; } .bg-image { margin-top: 20px; } @media (max-width: 780px) { .whole-nav .part1 table td img { margin-top: -10px; margin-left: 10px!important; height: 1px!important; } } /* tab-专家 */ .sbox3 .zjlist { background: #2367b2 url(zj_bg2.jpg) repeat; padding: 0 15px!important; overflow: hidden; } .sbox3 .zjlist li { padding: 7px 0; overflow: hidden; } .sbox3 .zjlist li .zjt { width: 90%; } .sbox3 .zjlist li .zjx { border-top: 1px solid #fff; color: #fff; } .sbox3 .zjlist li .zjx h3 { font-size: 17px; height: 35px; line-height: 35px; overflow: hidden; margin-top: 0px!important; } .sbox3 .zjlist li .zjx h3 a { color: #fff; } .sbox3 .zjlist li .zjx p { line-height: 22px; font-size: 14px; color: #fff; margin-bottom: 6px; } .sbox3 .zjlist li:last-child .zjx { border-bottom: 1px solid #fff; } @media only screen and (min-width: 1000px) { .header { padding: 24px 0; } .header .lxk { margin-top: 5px; } .slideTxtBox .bd ul { height: 395px; overflow: hidden; } .fullside .swiper-slide .fdc { font-size: 30px; font-size: 29px; } .pmd { margin: 10px !important; } .sbox2 { padding: 20px 0; } .sbox4 { padding: 20px 0 0 0; } .jdt li.item { overflow: hidden; } .jdt li.item img { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; } .jdt li.item:hover img { webkit-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); opacity: 0.9; } .p1 { width: 14.66666667%; } .p2 { width: 18.66666667%; } .sidebar { max-width: 270px; margin-top: -87px; } .sidebar .side1 { font-size: 31px; padding: 23px 0; border-radius: 0 35px 0 0; } .rbox { /* padding-left: 35px;*/ } .rbox .news_title { font-size: 20px; padding: 25px 0; } .rbox .show_info { padding: 25px 0; line-height: 27px; font-size: 13px; } .rbox .sxp { padding: 15px 0 25px 0; } .rbox .sxp li { width: 50%; float: left; } .rbox .sxp li:last-child { float: right; text-align: right; } .baike2 { height: 218px; overflow: hidden; } .baike2 img { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; } .baike2:hover img { webkit-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); opacity: 0.9; } .baike3 .margin { height: 180px; overflow: hidden; background-color: #ccc; } .baike3 img { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; } .baike3 .margin:hover img { webkit-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); opacity: 0.9; } .sbox3 .ztlist li { overflow: hidden; } .sbox3 .ztlist li a { display: block; float: left; width: 100%; height: auto; position: relative; overflow: hidden; } .sbox3 .ztlist li a .dscr { width: 100%; height: 35px; position: absolute; left: 0; bottom: 0; color: #fff; font-size: 15px; text-align: left; line-height: 35px; text-indent: 2em; background: url('yy1.png') repeat-x bottom center; } .sbox3 .ztlist li a img { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; height: 123px; width: 100%; } .sbox3 .ztlist li:hover a img { webkit-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); opacity: 0.9; } .sbox3 .kstd li a img { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; } .sbox3 .kstd li:hover a img { webkit-transform: scale(1.1); transform: scale(1.1); -moz-transform: scale(1.1); opacity: 0.9; } } @media only screen and (max-width: 1000px) { .sbox3 .kstd li { width: 33%; float: left; } .margin-left { margin-left: 0; } .sidebar { margin-top: 10px; } .sbox3 .zjlist { background: #2367b2; padding: 0 15px!important; overflow: hidden; } .sbox3 .zjlist li .zjt { margin-top: 35%; } .lang a { padding: 0 15px; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { right: 0 !important; } .sbox4 .ewm { position: initial; right: 0; padding-top: 15px; z-index: 111; text-align: center; clear: both; float: left; } .sbox4 .ewm p { padding-top: 6px; } } @media only screen and (max-width: 780px) { .lang { text-align: inherit; line-height: 30px; } .lang a { padding: 0; } .lang .xt { display: none; } .sbox3 .ztlist li img { transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; height: 120px; width: 100%; } .sbox3 .ztlist li a { display: block; float: left; width: 100%; height: auto; position: relative; overflow: hidden; } .sbox3 .ztlist li a .dscr { width: 100%; height: 35px; position: absolute; left: 0; bottom: 0; color: #fff; font-size: 15px; text-align: left; line-height: 35px; text-indent: 2em; background: url('yy1.png') repeat-x bottom center; } .carousel img { width: 97.5%; height: 210px; } .jdt li .fdc { width: 97.5%; } } /* 手机端菜单 */ .mtop { background: #2367b2; padding: 5px 10px ; } .ico { width: 35px; height: 40px; line-height: 40px; font-size: 1.6rem; position: absolute; text-align: center; right: -8px; top: 3px; z-index: 11111; } .mtop .drop-menu { background: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; } .mtop .button { border: 0; margin-top: 8px; color: #fff; font-size: 25px; } .mtop .nav li, .mtop .nav li a { clear: both; } .mtop .button:hover, .mtop .button:focus, .mtop .button.bg:hover, .mtop .button.bg:focus { background: transparent; } .mtop .nav-menu { color: #FFF; padding: 15px; overflow: hidden; margin: 0px -10px 0 -10px; } .mtop .nav-menu li > a { color: #FFF; line-height: 3; background: transparent; border-bottom: 1px #fff dashed; } .mtop .nav-menu li a .arrow { float: right; margin-top: 17px; } .mtop .nav-menu span.arr_t { display: none; } .mtop .drop-menu { position: static!important; border: 0; float: left; width: 100%; } /*校园简介*/ .introduction { margin-left: 48px; font-family: "微软雅黑"; margin-top: 40px; } .introduction h2 { font-size: 24px; font-weight: normal; line-height: 40px; color: #222; text-align: center; } .introduction .detail { margin-top: 20px; } .introduction p { text-indent: 2em; line-height: 2; font-size: 18px; text-align: justify; } .introduction .detail .add1 { color: #2367B2; font-weight: bold; } @media only screen and (max-width: 780px) { .introduction { margin-left: 0px!important; margin-top: 10px; } } /*现任领导*/ .leader { margin-left: 48px; font-family: "微软雅黑"; margin-top: 40px; } .leader h2 { font-size: 24px; font-weight: bold; line-height: 40px; color: #222; text-align: center; } .leader-box { overflow: hidden; padding: 10px 0; box-shadow: 5px 5px 5px #dfdfdf; margin: 10px 20px; } .leader-photo { float: left; margin-right: 15px; } .leader-content { overflow: hidden; padding-top: 5px; } .leader-content p { color: #888; } .leader-content p.name { font-size: 16px; font-weight: bold; color: #333; } .leader-content a.more { color: #014084; } @media only screen and (max-width: 780px) { .leader { margin-left: 0px!important; margin-top: 10px; } .leader h2 { margin-bottom: 0px!important; } } /*专题专栏*/ .column { font-family: "微软雅黑"; margin-top: 40px; } .column .column-project { padding-bottom: 15px; font-weight: normal; } .column h2 { font-size: 24px; font-weight: bold; line-height: 40px; color: #222; text-align: center; margin-bottom: 20px; } .column-box { border: 1px solid #e2e2e2; margin-right: 10px; margin-bottom: 20px; } .column-box .column-photo { display: block; float: left; width: 100%; height: auto; } .column-box .column-photo a { display: block; float: left; width: 100%; height: auto; } .column-box .column-photo a img { width: 92%; margin: 0 4%; margin-top: 12px; } .column-title .t1 { font-size: 25px; } .column-title .t2 { font-size: 15px; padding-left: 10px; } .column-content { padding: 10px 13px; } .column-content:hover { background-color: #f1f1f1; color: #fff; } .column-content h2 { font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: inherit; color: #444; font-weight: normal; width: 80%; } .column-content p { font-size: 13px; color: #888; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } @media only screen and (max-width: 780px) { .column { margin-top: 10px; } .column img { width: 90%; margin: 0 5%; } } .scenery h2 { text-align: left; line-height: 40px; margin-bottom: 20px; } .txMovie { width: 800px; background: #000; margin-bottom: 20px; } .txMovie .navPrev, .txMovie .navNext { position: relative; } .focus_pic { width: 800px; height: 460px; overflow: hidden; margin-bottom: 0; } .focus_pic li { vertical-align: top; } .focus_pic img { width: 100%; display: inline-block; vertical-align: top; } .narrow { position: absolute; top: 60%; } .focus_nav { left: 0; bottom: 0; background-color: #07386e; width: 800px; height: 70px; *zoom: 1; } :root .focus_nav { -ms-filter: none; } .focus_nav ul { position: relative; *zoom: 1; padding-top: 10px !important; } .focus_nav li { position: relative; *zoom: 1; float: left; display: inline; margin-right: 10px; cursor: pointer; } .focus_nav .navPrev, .focus_nav .navNext { /*border:1px solid #fff;background-color:rgba(0, 0,0,.6);*/ filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F000000', endColorstr='#7F000000'); display: inline-block; *zoom: 1; width: 36px; height: 36px; line-height: 100; overflow: hidden; opacity: .6; filter: alpha(opacity=60); background-image: url(focus_nav.png); _background-image: url(focus_nav.ie6.png); background-repeat: no-repeat; /*position:absolute;top:62%;*/ } .focus_nav .navPrev { background-position: 10px 8px; border-right-color: transparent; } .focus_nav .navNext { background-position: -22px 8px; /*right:28px*/ } .focus_nav .navPrev:hover, .focus_nav .navNext:hover { opacity: 1; filter: alpha(opacity=100); border-right-color: #fff; } .focus_nav img { border: 2px solid #fff; width: 90px; height: 53px; } .focus_nav .on b { color: #fff; position: absolute; top: -10px; left: 30px; font-size: 10px; font-family: arial; -webkit-text-size-adjust: none; } .focus_text { width: 800px; right: 0; top: 0; background-color: #eee; /*filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CC000000',endColorstr='#CC000000');*/ height: 240px; } :root .focus_text { -ms-filter: none; } .focus_text h2 a { font-size: 22px; color: #2367b2; font-family: 'microsoft yahei', simhei; font-weight: normal; display: block; width: 98%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .focus_text h2 a:hover { color: #145297; text-decoration: none; } .focus_text h2 { border-bottom: 1px solid #ddd; } .focus_text ul { padding: 10px 10px 0px 20px; } .focus_text .sub_tit { padding-right: 20px; color: #575757; text-indent: 2em; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } /*.focus_text .c_txt4,.focus_text .c_txt4 a{color:#787876;line-height:22px;} .focus_text .c_txt4 a:hover{color:#ccc} .focus_text .c_txt4{width:260px;white-space:nowrap;overflow:hidden} .focus_info{height:132px;overflow:hidden} .focus_text .mod_desc{width:260px;white-space:normal;overflow:hidden;text-indent:2em} .btn_play_big{ overflow: hidden;padding: 0 0 0 15px;cursor: pointer;background: url(bg_btn.png) no-repeat;margin-right: 5px;height:40px;line-height:40px;line-height:44px\9;+line-height:44px;_line-height:40px;padding-left:50px;font-size:14px;font-weight:bold;color:#FFF;background-position:0 -275px} .btn_play_big span{ float: left; height: 24px; padding: 0 15px 0 0;background: url(bg_btn.png) no-repeat; height:40px;background-position:right -320px} .btn_play_big:hover{color:#FFF} .focus_text .btn_play_big{position:absolute;bottom:13px;left:20px}*/ .txMovie .focus_nav li img { opacity: 0.4; filter: alpha(opacity=50); } .txMovie .focus_nav li img:hover { opacity: 1; filter: alpha(opacity=100); } /* .txMovie .focus_nav li .cover{position:absolute;top:0;left:0;width:90px;height:53px;line-height:999px;overflow:hidden;font-size:0;background:#040303;filter:alpha(opacity=30);opacity:.3}*/ .focus_nav .navPrev { float: left; margin-top: 20px; } .focus_nav .navNext { float: right; margin-top: 20px; } .focus_tp { width: 717px; overflow: hidden; position: relative; padding-left: 20px; } @media only screen and (max-width: 780px) { .txMovie { width: 100%; } .focus_pic { width: 100%; height: auto; margin-bottom: 0; } .focus_pic img { width: 100%; } .focus_nav { width: 100%; } /** 20180813 **/ .focus_tp { width: 78%; } .focus_text { width: 100%; height: auto; } } ul, li, ol { list-style: none; margin: 0; padding: 0; } .carousel-inner img { margin: 0 auto; } .carousel-caption { background: rgba(136, 131, 136, 0.8); font-size: 24px; color: #fff; bottom: 60px; padding: 10px; } .index-sc { margin-bottom: 78px; } .carousel-caption { background: rgba(136, 131, 136, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8848280, 80, endColorstr=#19848280, 80); font-size: 29px; color: #fff; bottom: 30px; padding: 10px; width: 22%; } @keyframes righteaseinAnimate { 0% { transform: translateX(2000px); opacity: 0; } /*在0%时设置文字在想X轴2000px位移处(右边),透明度为0,也就是看不见文字*/ 100% { transform: translateX(0px); opacity: 0.8; } /*在100%时设置文字在想X轴0px位移处,也就是原始布局的位置,透明度为1,也就是文字可以看见了*/ } @-webkit-keyframes righteaseinAnimate { 0% { -webkit-transform: translateX(2000px); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 0.8; } } @-o-keyframes righteaseinAnimate { 0% { -webkit-transform: translateX(2000px); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 0.8; } } @-ms-keyframes righteaseinAnimate { 0% { -webkit-transform: translateX(2000px); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 0.8; } } @-moz-keyframes righteaseinAnimate { 0% { -webkit-transform: translateX(2000px); opacity: 0; } 100% { -webkit-transform: translateX(0px); opacity: 0.8; } } .company_introduce { animation: righteaseinAnimate 1s ease 1; /*调用已定义好的动画righteaseinAnimate,全程运行时间1S,进入的速度曲线为ease,只播放一次*/ -webkit-animation: righteaseinAnimate 1s ease 1; -moz-animation: righteaseinAnimate 1s ease 1; -ms-animation: righteaseinAnimate 1s ease 1; -o-animation: righteaseinAnimate 1s ease 1; /*规定动画的最后状态为结束状态*/ animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -ms-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; } /**/ .e-1 { width: 33%; transition-property: width 0.5s linear ; /* Firefox 4 */ -moz-transition: width 0.5s linear ; /* Safari and Chrome */ -webkit-transition: width 0.5s linear ; /* Opera */ -o-transition: width 0.5s linear ; } .e-1:hover { width: 45%; transition-property: width 0.5s linear ; /* Firefox 4 */ -moz-transition: width 0.5s linear ; /* Safari and Chrome */ -webkit-transition: width 0.5s linear ; /* Opera */ -o-transition: width 0.5s linear ; } .e-2 { width: 33%; transition-property: width 0.5s linear ; /* Firefox 4 */ -moz-transition: width 0.5s linear ; /* Safari and Chrome */ -webkit-transition: width 0.5s linear ; /* Opera */ -o-transition: width 0.5s linear ; } .e-2:hover { width: 45%; transition-property: width 0.5s linear ; /* Firefox 4 */ -moz-transition: width 0.5s linear ; /* Safari and Chrome */ -webkit-transition: width 0.5s linear ; /* Opera */ -o-transition: width 0.5s linear ; } .jgsz { margin-bottom: 20px; } .yx { float: left; margin-left: 10px; width: 100%; } .yx li { float: left; background: url(dot2.png) no-repeat left center; line-height: 45px; padding-left: 10px; width: 25%; } .yx li a { color: #2869ad; font-size: 15px; } .yx li a:hover { color: #064c96; font-size: 15px; } @media only screen and (max-width: 780px) { .jgsz { margin-bottom: 0px!important; } .jgsz1 { margin-bottom: 8px!important; } .yx li { width: 45%!important; } .yx li a { font-size: 13px!important; line-height: 40px; } } /** 青年人才 **/ @media screen and (min-width: 1200px) { .qnrc { margin-bottom: 20px; } .qnrc .talent { padding-top:25px; margin-left: 45px; } .qnrc h2 { font-weight: bold!important; color: #488ed7; font-size: 24px; } } @media screen and (max-width: 1199px) { .qnrc { margin-bottom: 20px; } .qnrc .talent { margin-left: 0; } .qnrc h2 { font-weight: bold!important; color: #488ed7; font-size: 24px; } } @media screen and (max-width: 1199px) { .mic { display: none; } } @media screen and (max-width: 780px) { .swiper .fdc { display: none; } .swiper .pagination { display: none; } } .collegeContent { margin-top: 25px; } .collegeContent ul li { float: left; width: 100%; margin-bottom: 20px; line-height: 40px; list-style: none; font-size:16px; } .collegeContent ul li a { text-decoration: none; color: #151515; font-size: 16px; } .collegeContent ul li .list { display: block; text-decoration: none; padding-left: 50px; font-size: 16px; color: #232323; background: url(arrow-list.png) top no-repeat; background-position: -1px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .collegeContent ul li ul { float: left; width: 100%; padding-left: 25px; /* border-left:1px solid rgba(30,162,182,0.5);*/ } .collegeContent ul li ul li { margin: 0px; float: left; width: 20%; } .collegeContent ul li ul .rc { width: auto; float: left; margin: 5px 10px; } .collegeContent ul li ul .rc a { color: #0062ad; } .collegeContent ul li ul .rc a:hover { color: #333; } /** 20180813 开始**/ .professor-box { padding: 16px 0; border-bottom: 1px solid #e3e3e3; } .professor-box .img { max-width: 94%; padding: 0 3%; } .professor-box .content { font-size: 15px; } .professor-box .content p { text-indent: 2em; } .professor-box:hover { cursor: pointer; background-color: #fafafa; } .pimg { height: 36px; clear: both; } .pimg .c { line-height: 36px; } .container-bg-img { background-image: url('2018-bg.png'); background-size: 100%; background-repeat: no-repeat; background-position: center bottom; } @media screen and (max-width: 1199px) { .body-bg { background-image: none; } } @media screen and (max-width: 780px) { .lang { display: none; } } /** 教授页面 **/ @media screen and (max-width: 1199px) { .whole-nav { padding: 0; margin-top: 25px; } .whole-nav .part1 { margin: 0; width: 98%; } .professor-box { display: block; float: left; width: 100%; height: auto; border-bottom: 1px solid #e3e3e3; } .professor-box .x3 { display: block; float: left; width: 100%; text-align: center; padding-bottom: 10px; } .professor-box .x3 .img { width: 40%; } .professor-box .x9 { display: block; float: left; width: 100%; } } /**底部 footer 小屏**/ @media screen and (max-width: 1199px) { .footer { float: left; width: 100%; height: auto; padding: 0; background-color: #235db9; border-top: 1px solid #93bff2; } .footer .fast-nav-box { float: left; width: 100%; height: auto; padding: 5px 0; background-color: #4b97eb; } .footer .fast-nav-box .box { display: block; width: 100%; height: auto; margin: 0 auto; } .footer .fast-nav-box .box ul { display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; border-bottom: 1px solid #6caaef; } .footer .fast-nav-box .box ul li { display: block; float: left; width: 100%; height: auto; color: #fff; border-top: 1px dotted #6caaef; } .footer .fast-nav-box .box ul li a { display: block; width: 100%; height: auto; padding: 5px 5%; font-size: 12px; color: #d1e4f9; text-decoration: none; } .footer .fast-nav-box .box ul li a:hover { color: #b3d7ff; } .footer .fast-nav-box .box ul .first { font-size: 14px; padding: 10px 5%; border-top: none; background-image: url('down_icon.png'); background-repeat: no-repeat; background-position: 95% center; background-size: 5%; } .footer .footer-box { float: left; width: 100%; height: auto; padding: 6px 0; background-color: #235db9; border-top: 1px solid #93bff2; } .footer .footer-box .box { width: 98%; height: auto; margin: 0 1%; } .footer .footer-box .box .copy-info { float: left; width: 100%; height: auto; color: #fff; text-align: left; padding: 5px 0; } .footer .footer-box .box .copy-info .row { float: left; width: 100%; height: auto; padding: 5px 5%; font-size: 12px; } .footer .footer-box .box .copy-info .row a { color: #fff; } .footer .footer-box .box .copy-info-img { display: none; } } .lead-box { display: block; float: left; width: 100%; height: auto; margin-left: 45px; padding: 20px 0; } .lead-box .lead-rows { display: block; float: left; width: 100%; height: auto; } .lead-box .lead-rows .d { text-align: center; font-size: 24px; padding: 20px 0; border-bottom: 1px solid #e2e2e2; margin-bottom: 30px; } .lead-box .lead-rows ul { display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; list-style: none; } .lead-box .lead-rows ul li { display: block; float: left; width: 176px; height: 290px; text-align: center; } .lead-box .lead-rows ul li .link { display: block; float: left; width: 100%; font-size: 14px; padding: 4px 0; text-align: center; color: #333; cursor: pointer; } .lead-box .lead-rows ul li .link:hover { color: #064c96; } .lead-box .lead-rows ul li img { width: 150px; height: 195px; margin: 8px 12.5%; } .lead-box .lead-rows .for-3 { padding-left: 10%; } .lead-box .lead-rows .for-2 { padding-left: 30%; } @media screen and (max-width: 768px) { .lead-box { display: block; float: left; width: 100%; height: auto; margin-left: 0; padding: 20px 0; } .lead-box .lead-rows { display: block; float: left; width: 100%; height: auto; } .lead-box .lead-rows .d { text-align: center; font-size: 24px; padding: 20px 0; border-bottom: 1px solid #e2e2e2; margin-bottom: 30px; } .lead-box .lead-rows ul { display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; list-style: none; } .lead-box .lead-rows ul li { display: block; float: left; width: 100%; height: 290px; text-align: center; } .lead-box .lead-rows ul li .link { display: block; float: left; width: 100%; font-size: 14px; padding: 4px 0; text-align: center; color: #333; cursor: pointer; } .lead-box .lead-rows ul li .link:hover { color: #064c96; } .lead-box .lead-rows ul li img { width: 165px; height: 230px; margin: 8px 12.5%; } .lead-box .lead-rows .for-3 { padding-left: 0; } .lead-box .lead-rows .for-2 { padding-left: 0; } } @media screen and (min-width: 768px) and (max-width: 1199px) { .lead-box { display: block; float: left; width: 100%; height: auto; margin-left: 0; padding: 20px 0; } .lead-box .lead-rows { display: block; float: left; width: 100%; height: auto; } .lead-box .lead-rows .d { display: block; float: left; width: 90%; margin-left: 10%; text-align: center; font-size: 24px; padding: 20px 0; border-bottom: 1px solid #e2e2e2; margin-bottom: 30px; } .lead-box .lead-rows ul { display: block; float: left; width: 100%; height: auto; margin: 0; padding: 0; list-style: none; } .lead-box .lead-rows ul li { display: block; float: left; width: 100%; height: 290px; text-align: center; } .lead-box .lead-rows ul li .link { display: block; float: left; width: 100%; font-size: 14px; padding: 4px 0; text-align: center; color: #333; cursor: pointer; } .lead-box .lead-rows ul li .link:hover { color: #064c96; } .lead-box .lead-rows ul li img { width: 165px; height: 230px; margin: 8px 12.5%; } .lead-box .lead-rows .for-3 { padding-left: 0; } .lead-box .lead-rows .for-2 { padding-left: 0; } } @media screen and (max-width: 768px) { .fixed-top-box { display: none; } } @media screen and (min-width: 1200px) { .fixed-top-box { width: 100%; height: 131px; } } /**底部 footer 正常**/ @media screen and (min-width: 1200px) { .footer { float: left; width: 100%; height: auto; padding: 0; background-color: #235db9; border-top: 1px solid #93bff2; } .footer .fast-nav-box { float: left; width: 100%; height: auto; padding: 16px 0; background-color: #4b97eb; } .footer .fast-nav-box .box { width: 1117px; height: auto; margin: 0 auto; } .footer .fast-nav-box .box ul { display: block; float: left; width: 186px; height: 140px; margin: 0; padding: 0; border-left: 1px solid #6caaef; } .footer .fast-nav-box .box ul li { display: block; float: left; width: 90%; height: auto; color: #fff; padding-left: 10%; } .footer .fast-nav-box .box ul li a { display: block; width: 100%; height: auto; padding: 5px 0; font-size: 13px; color: #accff6; text-decoration: none; } .footer .fast-nav-box .box ul li a:hover { color: #27568a; } .footer .fast-nav-box .box ul .first { font-size: 16px; padding-bottom: 10px; } .footer .footer-box { float: left; width: 100%; height: auto; padding: 8px 0; } .footer .box { display: block; width: 1170px; height: auto; margin: 10px auto; } .footer .box .copy-info { float: left; width: 650px; height: auto; color: #a4bbe0; text-align: left; } .footer .box .copy-info .row { float: left; width: 100%; height: auto; padding: 3px 0; } .footer .box .copy-info-img { float: right; width: 240px; height: auto; } .footer .box .copy-info-img .wx-box { float: left; width: 60px; height: auto; color: #fff; font-size: 12px; position: relative; } .footer .box .copy-info-img .wx-box .wx-show-box { display: none; float: left; position: absolute; width: 125px; height: 125px; left: -20px; bottom: 50px; text-align: center; background-color: #fff; border-radius: 2px; } .footer .box .copy-info-img .wx-box .wx-show-box .img { margin: 5px 0 0 4px; } .footer .box .copy-info-img .wx-box .wx-show-box .dscr { float: left; width: 100%; height: auto; color: #333; padding: 3px 0; text-align: center; } .footer .box .copy-info-img .wx-box .wx { width: 50px; height: auto; padding: 4px; margin: 0; cursor: pointer; } .footer .box .copy-info-img .wx-box .row { float: left; width: 100%; height: auto; padding: 5px 0; text-align: center; } } .fixed-top { background: none; background-image: url('fixed_bg.png'); background-repeat: repeat; }