@charset "utf-8"; .content { } .content .thuimg .thuimga { position:relative; display:block; width:1200px; margin:auto; height:400px; } .content .thuimg .thuimga .mainImg { position:absolute; top:0; left:0; display:none; } .content .thuimg .imgTitle { position:absolute; top:-58px; left:0; z-index:1; width:1000px; text-align:left; overflow:hidden; } .content .thuimg .imgTitle .bg { position:absolute; z-index:-1; height:58px; background:#252525; filter:alpha(opacity=50); opacity:.5; width:100%; top:0; } .content .thuimg .imgTitle .txt { color:#fff; font-size:18px; line-height:58px; padding-left:30px; white-space:nowrap; } .content .thuimg .imgTitle .day { position:absolute; right:0; width:114px; height:50px; background:#5c307d; top:8px; text-align:center; line-height:50px; font-size:15px; color:#ffc600; } .content .thuimg .imgTitle .day.today { font-size:24px; } .content .thuimg .month { background:#5c307d; position:relative; } .content .thuimg .month .arrow { position:absolute; color:#fff; font-size:20px; line-height:38px; padding:0 3px; *width:28px; cursor:pointer; } .content .thuimg .month .arrowleft { left:0; } .content .thuimg .month .arrowright { right:0; } .content .thuimg .month .arrowright:hover, .content .thuimg .month .arrowleft:hover { background:#703d97; } .content .thuimg .month .monthTxt { float:left; _display:inline; margin:0 15px 0 40px; color:#9884ab; } #calendarYear { display:none; } .content .thuimg .month .monthTxt span { font-size:20px; line-height:38px; padding-right:3px; color:#d7d0dd; } .content .thuimg .month .day { float:left; _display:inline; } .content .thuimg .month .day li { float:left; _display:inline; font-size:12px; padding:4px 2px; } .content .thuimg .month .day a { color:#fff; display:block; line-height:30px; text-align:center; width:24px; cursor:pointer; zoom:1; } .content .thuimg .month .day a:hover { background:#703d97; } .content .thuimg .month .day a.none { color:#866c9c; } .content .thuimg .month .day a.none:hover { background:none; cursor:text; } .content .thuimg .month .day a.current { color:#ffc600; } .content .thuimg .imgarrow { position:absolute; color:#fff; font-size:50px; top:-220px; cursor:pointer; padding:2px 0px 2px 6px; opacity:.8; filter:alpha(opacity=80); overflow:hidden; border-radius:40px; border:2px solid #fff; *width:46px; *padding:2px 0px 2px 10px; } .content .thuimg .imgarrow:before { margin:0; } .content .thuimg .imgarrow.imgarrowleft { left:-60px; padding:2px 6px 2px 0px; *padding:2px 0px 2px 10px; padding:2px 3px 2px 3px\0; } .content .thuimg .imgarrow.imgarrowright { right:-60px; } .content .thuimg .imgarrow.imgarrowleft:hover, .content .thuimg .imgarrow.imgarrowright:hover { background:#333; } .ydate { width:58px; border:1px solid #d8d8d8; color:#7d7d7d; text-align:center; font-size:12px; float:left; _display:inline; padding-bottom:5px; } .ydate span { display:block; font-size:24px; line-height:24px; padding:8px 0 2px 0; zoom:1; } .ydate_1 { border:1px solid #b4b1b6; color:#5c307d; } .ydate_2 { border:1px solid #edeaf1; color:#5b317d; background:#edeaf1; } .content h2.h_title { padding-top:20px; font-size:20px; line-height:50px; color:#333333; zoom:1; *height:50px; } .content .focus { position:relative; } .content .notice { position:absolute; left:50%; width:50px; height:50px; } .content .notice a { display:block; padding:10px; background:#252f4b; color:#fff; } .content .notice a:hover { display:block; padding:10px; background:#8c0000; color:#fff; } .content .noticelist { } .content .noticelist li { display:block; width:200px; margin-bottom:5px; } .content .noticelist li a { display:block; line-height:22px; color:#565656; width:200px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis } .content .noticelist li a:hover { color:#8c0000; } .content .noticelist li span.date { display:block; line-height:22px; color:#999; font-size:12px; } .content h2 .more { float:right; _display:inline; font-size:12px; font-family:sans-serif; color:#999; *margin-top:-50px; } .content h2 .more:hover { color:#8c0000; } .content .focusList { } .content .focusList li { float:left; _display:inline; width:328px; padding:0 20px 10px 20px; border:1px solid #dfdfdf; height:210px; overflow:hidden; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; margin:0 15px; } .content .focusList li:hover { -webkit-transform:translate(0, -10px); -moz-transform:translate(0, -10px); -o-transform:translate(0, -10px); -ms-transform:translate(0, -10px); transform:translate(0, -10px); } .content .focusList li.alternative { } .content .focusList .ydate { margin-top:22px; } .content .focusList h3 a:hover { color:#8c0000; } .content .focusList p { color:#777; padding-top:8px; } /* hnl-link */ .hnl-link-list { width:1200px; margin-top:30px; } .hnl-link-item { /* adjust news width width:380px; */ width:32%; float:left; } .item-header-line { font-size:24px; line-height:60px; color:#333; padding-bottom:10px; } .help-link-item, .news-link-item { } .help-link-item li { line-height:26px; } .help-link-item li a { font-size:15px; color:#565656; } .help-link-item li a:hover { text-decoration:none; color:#8c0000; } .event-date { color: #fff; padding: 6px 8px; text-align: center; margin-right: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background:#8c0000; float:left; display:_inline; } .event-date span.sp_date_day { font-size:1.75em; font-weight:700; line-height: 100%; display: block; } .moduleItemTitle { color:#565656; font-size:15px; line-height:26px; } .moduleItemTitle:hover { text-decoration:none; } .news-link-item li { margin-bottom:20px; } .link-btn { padding:10px 19px; width:300px; border:1px solid #dfdfdf; text-align:center; font-size:15px; margin:10px 0; display:block; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; color:#333; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .link-email-btn { padding:10px 12px; width:100px; float:right; text-align:center; font-size:15px; margin-top:-15px; *margin-top:-32px; display:block; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; color:#333; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; } .link-btn:hover { text-decoration:none; } .btn-gray { background:#eee; border:1px solid #dfdfdf; } .btn-gray:hover { background:#f3f3f3; border:1px solid #ccc; } .btn-red { background:#8c0000; color:#fff; border:1px solid #a50000; } .btn-red:hover { background:#a50000; color:#fff; border:1px solid #600000; } .content .bouti-tit { position:relative; width:100%; height:300px; text-align:center; min-width:1170px; margin-top:60px; } .content .bouti-tit h3 { font-size:36px; color:#fff; line-height:50px; } .content .bouti-link { width:100%; height:300px; background-image:url(../img/culture.jpg); background-size: cover; background-repeat: no-repeat; background-position: 50% 0; background-attachment: fixed; } .content .boutiCon { position:absolute; width:300px; height:90px; padding:20px 100px; left:50%; margin-left:-250px; top:50%; margin-top:-75px; z-index:1; } .content .boutiConBg { position: absolute; background: #8c0000; width: 300px; height: 110px; padding: 30px 100px; left: 50%; margin-left: -250px; top: 50%; margin-top: -75px; filter: alpha(opacity=70); opacity: 0.7; } .content .boutiCon1 { position:absolute; width:400px; height:110px; padding:30px 100px; left:50%; margin-left:-300px; top:50%; margin-top:-75px; z-index:1; } .content .boutiConBg1 { position:absolute; background:#8c0000; width:400px; height:110px; padding:30px 100px; left:50%; margin-left:-300px; top:50%; margin-top:-75px; filter:alpha(opacity=70); opacity: 0.7; } .content .bouti-link a { font-size:14px; color:#fff; margin:0 5px; font-family: "微软雅黑"; } .content .bouti-link a:hover { color:#eee; text-decoration:none; } .content .bouti-link-story { background-image:url(../img/story.jpg); } .content .campus { position:relative; margin-top:70px; } .content .campus_con { width:1200px; margin:0 auto; } .content .campus_title { position:absolute; left:0; top:25px; z-index:999; } .content .campus h3 { background:#8c0000; font-size: 36px; color: #333; line-height: 60px; padding:0px; padding-left:75px; padding-right:20px; color:#fff; } .content .campus .player { float:right; display:_inline; margin:0 10px; background:url(player.png) 0 0 no-repeat; width:48px; height:48px; } .footer .footerExtra { padding:70px 0; } .footer .footerExtra h2 { font-size:13px; color:#333; padding-bottom:5px; text-align: center; } .footer .footerExtra .link { width:375px; margin:0 auto; } .footer .footerExtra .link li { float:left; _display:inline; margin-right:5px; text-align: center; } .footer .footerExtra .link li a { display:block; } .footer .footerExtra li.commlink { width:120px; } .footer .footerExtra li.commlink li { margin:0; width:33.3%; line-height:24px; } .footer .footerExtra li.commlink li a { color:#565656; } .footer .footerExtra li.commlink li a:hover { color:#4F608C; } .footer .footerExtra li.commlink li i { margin-left:10px; } .footer .footerExtra li.commlink .line { height:0; border-bottom:1px solid #dfdfdf; width:130px; margin:8px 0; overflow:hidden; } .fadein { transition:all .3s ease-in; } .iosSliderDemo { clear: both; width: 100%; /* padding: 0 0 30% 0; */ padding: 0 0 446px; position: relative; } .fluidHeight { position: absolute; width: 100%; height:446px; } .sliderContainer { height: 100%; max-height:446px; padding: 0 0; } .iosSlider { position: relative; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; } .iosSlider .slider { width: 100%; height: 100%; } .iosSlider .slider .item { /* PKU width: 1200px; */ width: 100%; max-width:640px; height: 100%; padding: 0 0 0 0; text-align: center; } .iosSlider .slider .item .inner { position: relative; top: 0; left: 0; width:100%; margin: 0 auto; height: 100%; box-shadow: 0 0 10px -5px #000; background-position: 50% 0; background-repeat: no-repeat; } .iosSlider .slider .item .inner img { position: relative; top: 0; left: 0; width: 100%; margin: 0 auto; } .iosSlider .slider .item .inner .selectorShadow { position: absolute; left: 0; bottom: 0; background: url(../_img/selector-shadow.png) no-repeat 0 0; width: 120px; height: 30px; display: none; } .iosSlider .slider .item .inner .text1{ /*opacity: 0.5; filter: alpha(opacity=50); background: none repeat scroll 0 0 #252525;*/ position: absolute; bottom: 0; background:url(../images/titlebg.png) repeat; height:50px; text-align: left; width:100%; } .iosSlider .slider .item .inner .text1 span { color: #fff; font-size:18px; font-weight: 700; line-height:50px; padding: 0 15px; font-family:"Microsoft Yahei"; } .iosSlider .slider .item .inner .text1 span i { margin: 0 0 0 5px; } .iosSlider .slider .item .inner .text2 { background: none repeat scroll 0 0 #000000; opacity: 0; filter: alpha(opacity=0); padding: 10px 12px 10px; position: absolute; left: 100px; /* PKU top: 301px; */ top: 451px; text-align: left; } .iosSlider .slider .item .inner .text2 span { display: block; color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; line-height:1.5; font-weight: 100; padding: 0 8px; font-family:"Microsoft Yahei" } .iosSlider .slider .item .inner .more{ /*opacity: 0.4; background: none repeat scroll 0 0 #fff; position: absolute; bottom: 13%; right:0; padding: 0 5px 0 2px; height:25px; width:55px; z-index:2; text-align: center;*/ } .iosSlider .slider .item .inner .more a { color: #000; text-decoration:none; font-size:14px; line-height:25px; font-family:"微软雅黑" } .sliderContainer .slideSelectors { position: relative; bottom:-20px; /* PKU left: 0; width: 137px; */ width: 170px; margin: 0 auto; z-index: 1; height: 35px;font-size:0;vertical-align:middle;line-height:35px; } .sliderContainer .slideSelectors .prev { float:left; width: 15px; height: 35px; /*background: url(../images/pernext.gif) no-repeat 0 0;*/ } .sliderContainer .slideSelectors .next { float:right; width: 15px; height: 35px; margin: 0 0 0 10px; /*background: url(../images/pernext.gif) no-repeat right top;*/ } .sliderContainer .slideSelectors .item { /*float: left;*/ width: 9px; height: 9px; background: #b9b9b9; margin: 0 1px 0 11px; display:inline-block; *display:inline; *zoom:1; opacity: 0.5; /*filter: alpha(opacity=25);*/ border-radius: 50%;vertical-align:middle; } .sliderContainer .slideSelectors .item.first { margin-left: 1px; } .sliderContainer .slideSelectors .selected { width: 11px; height: 11px; margin: 0 0 0 10px; background: #a7a7a7; opacity: 0.5; filter: alpha(opacity=100); } .sliderContainer .slideSelectors .selected.first { margin-left: 0; } .sliderContainer .scrollbarContainer { position: relative; bottom: 4px; left: 0; /* PKU width: 1024px; */ height: 4px; margin: 0 auto; z-index: 1; } @media screen and (max-width:1366px) { .content .campus h3 { padding-left:73px; } .content .campus_con { width:1100px; } } @media screen and (max-width:1200px) { .content .thuimg .imgarrow.imgarrowleft { left:10px; } .content .thuimg .imgarrow.imgarrowright { right:10px; } .content .bouti-tit { width:1200px; min-width:1200px; } .hnl-link-list { width:1200px; } .hnl-link-item { width:370px; } .news-link-item { width:370px; } .help-link-item li { /* PKU width:252px; */ width: 350px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .news-link-item li { height:48px; overflow:hidden; } } @media screen and (max-width:1024px) { .content { /* padding-bottom: 30px;*/ } .content .thuimg .thuimgWrap { min-width:760px; } .content .thuimg .imgarrow { top:-150px; font-size:40px; } .content .thuimg .imgTitle .txt { font-size:16px; line-height:48px; } .thuimg .mainImg { width:760px; } .content .thuimg .thuimga { width:760px; height:253px; } .content .thuimg .imgTitle { width:760px; top:-48px; } .content .thuimg .month .arrow { padding: 0; } .content .thuimg .month .monthTxt { margin: 0 5px 0 35px; } .content .thuimg .month .day li { padding: 4px 1px; } .content .thuimg .month .day a { width:15px; padding:0 2px; } .content .thuimg .imgTitle .day { height:40px; line-height:40px; font-size:14px; width:auto; padding:0 15px; } .content .thuimg .imgTitle .day.today { font-size:20px; } .content .news { margin-top:0; } .content h2 { /* text-indent: 10px;*/ font-size:18px; line-height:60px; } .content .newslist { margin:0; padding-bottom:30px; } .content .newslist li { width:233px; margin:0 10px; } .content .newslist h3 a { font-size:15px; line-height:20px; } .content .newslist .tn { width:160px; margin-left:73px; } .content .focusList { margin: 0; } .content .focusList li { width:233px; margin:0 10px 20px 10px; height:320px; } .content .focusList .isimg img { width: 233px; } /* .content .focusList .tn { width:160px; margin-left:73px; }*/ .content .focusList h3 a { font-size:15px; line-height:20px; } .footer .footerExtra li.commlink { /*margin: 0 45px 0 40px;*/ } .footer .footerExtra li.commlink li { width:50%; } .footer .footerExtra h2 { } .footer .footerExtra .link li { margin-bottom:5px; float:left; } .content .bouti-tit { width:1007px; min-width:1007px; } .hnl-link-list { width:960px; } .hnl-link-item { width:300px; } .news-link-item { width:300px; } .item-header-line { font-size:18px; line-height:40px; } .news-link-item img { width:300px; } .link-btn { width:260px; } .help-link-item li { width:300px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: 23px; } .help-link-item li a { font-size:13px; } .news-link-item li { height:48px; overflow:hidden; margin-bottom:10px; } .moduleItemTitle { font-size:13px; line-height: 23px; } .link-btn { font-size:13px; } .link-email-btn { font-size:13px; } .iosSlider .slider .item .inner .text1 { /* PKU top:178px; */ height:30px; } .iosSlider .slider .item .inner .text2 { /* PKU top:229px; */ top:329px; } .iosSliderDemo { padding:0 0 446px; } .fluidHeight { height:446px; } .sliderContainer { max-height:446px; } /*.iosSlider .slider .item { width:1007px; }*/ .iosSlider .slider .item .inner .text1 span { line-height:30px; font-size:14px; } .iosSlider .slider .item .inner .more{ width:45px; height:20px; } .iosSlider .slider .item .inner .more a { font-size:12px; line-height:20px; } .content .campus h3 { padding-left: 23px; } .content .campus_con { width:960px; } } @media screen and (max-width:800px) { .content { /*padding-bottom: 30px;*/ } .content .thuimg .thuimgWrap { min-width:760px; } .content .thuimg .imgarrow { top:-150px; font-size:40px; } .content .thuimg .imgTitle .txt { font-size:16px; line-height:48px; } .thuimg .mainImg { width:760px; } .content .thuimg .thuimga { width:760px; height:446px; } .content .thuimg .imgTitle { width:760px; top:-48px; } .content .thuimg .month .arrow { padding: 0; } .content .thuimg .month .monthTxt { margin: 0 5px 0 35px; } .content .thuimg .month .day li { padding: 4px 1px; } .content .thuimg .month .day a { width:15px; padding:0 2px; } .content .thuimg .imgTitle .day { height:40px; line-height:40px; font-size:14px; width:auto; padding:0 15px; } .content .thuimg .imgTitle .day.today { font-size:20px; } .content .news { margin-top:0; } .content h2 { /* text-indent: 10px;*/ font-size:18px; line-height:60px; } .content .newslist { margin:0; padding-bottom:30px; } .content .newslist li { width:233px; margin:0 10px; } .content .newslist h3 a { font-size:15px; line-height:20px; } .content .newslist .tn { width:160px; margin-left:73px; } .content .focusList { margin: 0; } .content .focusList li { width:233px; margin:0 10px 20px 10px; height:320px; } .content .focusList .isimg img { width: 233px; } /* .content .focusList .tn { width:160px; margin-left:73px; }*/ .content .focusList h3 a { font-size:15px; line-height:20px; } .footer .footerExtra li.commlink { /*margin: 0 45px 0 40px;*/ width:120px; } .footer .footerExtra li.commlink li { width:50%; } .footer .footerExtra h2 { margin-bottom:10px; } .footer .footerExtra .link li { margin-bottom:5px; } .content .bouti-tit { width:800px; min-width:800px; } .footer .footerExtra .link { width:410px; } .hnl-link-list { width:760px; } .hnl-link-item { width:233px; } .news-link-item { width:233px; } .news-link-item img { width:233px; } .link-btn { width:193px; } .help-link-item li { width:233px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:20px; } .help-link-item li a { font-size:12px; } .moduleItemTitle { font-size:12px; line-height:20px; } .news-link-item li { height:40px; overflow:hidden; } .event-date { padding:2px 3px; } .content .campus_con { width:760px; } .iosSlider .slider .item .inner .text1 { /* PKU top:100px; */ } .iosSlider .slider .item .inner .text2 { /* PKU top:149px; */ top:199px; } /*.iosSliderDemo { padding-bottom:446px; } .iosSliderDemo { padding:0 0 253px; } .fluidHeight { height:253px; } .sliderContainer { max-height:253px; }*/ /*.iosSlider .slider .item .inner { width:760px; }*/ .iosSlider .slider .item .inner .text1 span { font-size:14px; } } @media screen and (max-width:640px) { .content { padding-bottom: 20px; } .content .thuimg .thuimga { width:auto; height:213px; } .content .thuimg .imgarrow { top:-110px; font-size:30px; } .content .thuimg .imgTitle .txt { font-size:14px; line-height:40px; padding-left: 20px; } .thuimg .mainImg { width:100%; } .content .thuimg .thuimgWrap { min-width:100%; } .content .thuimg .imgTitle { width:100%; top:-40px; } .content .thuimg .imgTitle .day { height:32px; line-height:40px; font-size:11px; } .content .thuimg .imgTitle .day.today { font-size:16px; } .content .thuimg .month .monthTxt { margin-right:0; } .content .thuimg .month .day { margin:0 30px 0 80px; float:none; } .content .thuimg .month .day li a { font-size:14px; width:20px; } .content .news { margin-top:0; } .content h2 { /* text-indent: 20px; */ font-size:16px; line-height:50px; } .content .newslist { margin:0; padding-bottom:10px; } .content .newslist li { width:auto; margin:0 20px 20px 20px; } .content .newslist h3 a { font-size:15px; line-height:20px; } .content .newslist .tn { margin-left:80px; width:auto; } .content .focusList { margin:0 20px; } .content .focusList li { width:100%; margin:0 0px 30px 0px; height:auto; } .content .focusList .isimg img { width: 100%; } .content .campus_con { width:600px; } .content .campus h3 { /* PKU font-size:18px; */ line-height:40px; padding: 0 20px; padding-left:10px; width:120px; } .content .campus .player { margin:8px 0 0 10px; background:url(player2.png) 0 0 no-repeat; width:32px; height:32px; } .content .focusList h3 a { font-size:15px; line-height:20px; } .footer .footerExtra { padding:30px 0; } .footer .footerExtra .link li { margin-bottom:5px; } .footer .footerExtra li.commlink { margin:0 0 10px 0; width:100%; } .footer .footerExtra li.commlink h2 { margin:0 20px 10px 20px; } .footer .footerExtra li.commlink ul { margin:0 20px; } .footer .footerExtra li.commlink li { width:25%; font-size:12px; line-height:30px; } .footer .footerExtra li.commlink .line { display:none; } .footer .footerExtra li img { width:100% } .footer .footerExtra li.li1 { width:50%; margin-right:0; } .footer .footerExtra li.li2 { width:25%; margin-right:0; } .footer .footerExtra li.li1 a, .footer .footerExtra li.li2 a { padding:5px; } .content .bouti-tit { width:640px; min-width:640px; } .hnl-link-list { /* PKU width:640px; */ width: 100%; } .hnl-link-item { /* PKU width:640px; */ width: 100%; margin:0; } .news-link-item { /* PKU width:640px; */ width: 100%; margin:0; } .news-link-item img { /* PKU width:auto; */ width: 90%; } .link-btn { width:298px; } .help-link-item li { width:598px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .news-link-item li { height:48px; overflow:hidden; } .item-header-line { padding-left:20px; } .fluidHeight{ height:100%; } .iosSliderDemo{ padding-bottom:69.688%; } /* .iosSliderDemo { padding-bottom:446px; } .iosSliderDemo { padding:0 0 446px; } .fluidHeight { height:446px; } .sliderContainer { max-height:446px; }*/ /*.iosSlider .slider .item .inner { width:600px; }*/ .iosSlider .slider .item .inner .text1 { /* PKU top:50px; */ } .iosSlider .slider .item .inner .text2 { /* PKU top:100px; */ top:125px; } } @media screen and (max-width:480px) { /*.content .thuimg .thuimga { height:160px; }*/ .footer .footerExtra li.commlink li i { margin-left:5px; } .footer .footerExtra li.commlink li { width:33.33%; } .content .bouti-tit { width:480px; min-width:480px; } .hnl-link-list { /* PKU width:480px; */ } .hnl-link-item { /* PKU width:480px; */ margin:0; } .news-link-item { /* PKU width:480px; */ margin:0; } .news-link-item img { /* PKU width:auto; */ } .help-link-item li { width:438px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /*.iosSlider .slider .item .inner { width:480px; }*/ /*.iosSliderDemo { padding-bottom:160px; } .fluidHeight { height:160px; }*/ .content .campus_con { width:400px; } .iosSlider .slider .item .inner .text1 { display:none; } .iosSlider .slider .item .inner .text2 { display:none; } } @media screen and (max-width:360px) { .content .thuimg .imgarrow { top:-96px; } .content .thuimg .thuimga { height:120px; } .footer .footerExtra li.li1 a, .footer .footerExtra li.li2 a { padding:3px; } .content .bouti-tit { width:360px; min-width:360px; } .hnl-link-list { /* PKU width:360px; */ } .hnl-link-item { /* PKU width:360px; */ margin:0; } .news-link-item { /* PKU width:360px; */ margin:0; } .news-link-item img { /* PKU width:auto; */ } .help-link-item li { width:318px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /*.iosSlider .slider .item .inner { width:300px; }*/ .iosSlider .slider .item .inner .text1 { display:none; } .iosSlider .slider .item .inner .text2 { display:none; } /*.iosSliderDemo { padding-bottom:133px; } .fluidHeight { height:133px; }*/ .content .campus_con { width:300px; } } @media screen and (max-width:320px) { .content .thuimg .thuimga { height:107px; } .content .thuimg .imgTitle .day { display:none; } .content .thuimg .imgarrow { top:-70px; font-size:22px; } .content .thuimg .imgarrow.imgarrowleft { padding: 1px 2px 0px 0; } .content .thuimg .imgarrow.imgarrowright { padding: 1px 0px 0px 2px; } .content .thuimg .imgTitle { top: -34px; } .content .thuimg .imgTitle .txt { line-height: 34px; } .content h2 { font-size:15px; } .content .newslist h3 a { font-size:14px; } .content .focusList h3 a { font-size:14px; } .footer .footWrap h4 a { font-size:12px; } .footer .footerExtra li.commlink li { font-size:12px; } .content .bouti-tit { width:320px; min-width:320px; } .hnl-link-list { /* PKU width:320px; */ } .hnl-link-item { /* PKU width:320px; */ margin:0; } .news-link-item { /* PKU width:320px; */ margin:0; } .news-link-item img { /* PKU width:auto; */ } .help-link-item li { width:288px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /*.iosSlider .slider .item .inner { width:320px; }*/ } /*画卷2*/ .wrapper { min-height: 100%; position: relative; } .wrapper { margin: 0 auto; max-width:1200px; padding: 0; } #gallery { background-color:#ffffff; padding-bottom:40px; } #gallery .panel-header h2 { color:#6189b7; } #gallery ul { text-align:center; } #gallery ul li { position: relative; display: inline-block; width:142px; height:142px; overflow: hidden; margin:4px; cursor:auto; } #gallery ul li img { position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; min-width:100%; min-height:100%; } #gallery ul li:hover { background-color:#333; } #gallery ul li:hover * { opacity:0.6; } #gallery ul li.unit4 { width:292px; height:292px; } #gallery ul li.unit8 { width:592px; height:292px; } #gallery ul li span.time { position:absolute; bottom:0; left:0; display:block; color:#efefef; background-color:#000000; padding:4px; font-size:12px; font-family: "微软雅黑"; } #lightbox { height:100%; width:100%; position:fixed; top:0; left:0; opacity:0.8; background-color:#333; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); -moz-opacity:0.8; z-index:100; } #lightbox-content { position:fixed; top:0; background-color:#333; width:530px; z-index:101; border:1px solid #4b4b4b; overflow: hidden; } #lightbox-content.loading { background-image:url(loader.gif); background-repeat: no-repeat; background-position:center; height:100px; width:100px; } #lightbox-content .caption { position:absolute; bottom:10px; left:10px; right:10px; background: rgba(51, 51, 51, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC333333, endColorstr=#CC333333); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC333333,endColorstr=#CC333333)"; display:block; border-radius:3px; padding:10px; margin:0 50px; color:#c1c1c1; line-height:1.2em; font-size:14px; font-family: "微软雅黑"; letter-spacing:1px; } #lightbox-content .caption.credits { padding-bottom:1.5em; } #lightbox-content .caption .credits { position:absolute; right:10px; display:block; font-size:0.8em; } #lightbox-navigation { position:absolute; width:100%; top:50%; margin-top: -22px; } #lightbox-navigation li i { position: relative; cursor: pointer; font-size:32px; color:#ffffff; -webkit-font-smoothing:antialiased; border: solid 3px #ffffff; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; behavior: url(PIE.htc); padding:4px; opacity: .8; background:#333; } #lightbox-navigation li i.disabled { opacity: .3; } #lightbox-navigation .prev { position: relative; left:10px; float: left; } #lightbox-navigation .next { position: relative; right:10px; float: right; } #lightbox-navigation-close { position:absolute; top:10px; right:10px; } #lightbox-navigation-close li i { position: relative; cursor: pointer; font-size:13px; color:#ffffff; -webkit-font-smoothing:antialiased; border: solid 2px #ffffff; border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; behavior: url(PIE.htc); padding:3px; opacity: .8; background:#333; } #lightbox-navigation-close li i.disabled { opacity: .3; } #gallery .images .border { float: left; padding:0 6%; border-right: solid 1px #a1a1a1; } #gallery .images .background-image { width:145px; height:200px; background-repeat: no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min-device-pixel-ratio:2) { } @media only screen and (max-width:959px) { #gallery .images .border { padding:0 8%; } #gallery .images .background-image { width:125px; height:172px; } } @media only screen and (max-width:830px) { #gallery .images .border { display: inline-block; float: none; } #gallery .images .border:last-child { border-right: none; } #gallery .images .background-image { float: left; } #gallery .copy { margin-top:5%; } } @media only screen and (max-width:959px) { #gallery ul li { display: none; } #gallery ul { margin:0 auto; } } @media only screen and (min-width:811px) and (max-width:959px) { #gallery ul { width:796px; } #gallery ul li.grid-4, #gallery ul li.grid-9, #gallery ul li.grid-16, #gallery ul li.grid-25 { display: inline-block; } } @media only screen and (min-width:651px) and (max-width:810px) { #gallery ul { width:636px; } #gallery ul li.grid-4, #gallery ul li.grid-9, #gallery ul li.grid-16 { display: inline-block; } } @media only screen and (min-width:491px) and (max-width:650px) { #gallery ul { width:476px; } #gallery ul li.grid-4, #gallery ul li.grid-9 { display: inline-block; } } @media only screen and (max-width:490px) { #gallery ul { width:316px; } #gallery ul li.grid-4 { display: inline-block; } } @media only screen and (max-width:490px) { #gallery .images .background-image { width:90px; height:130px; } } @media only screen and (max-width:324px) { .iosSlider .slider .item .inner .more{ bottom:40px;} } /*画卷2结束*/