/* common */ #main { top: 0; position: relative;} .section { position: relative;} .section_first {background:url(/uploads/image/i20190504/pagefirst.jpg) no-repeat top center;} .section_first .fp-tablecell{vertical-align: top;} .container{width: 1200px;margin:0 auto;position: relative;vertical-align: middle;} #menu { margin: 0; padding: 0; position: fixed; left: 40px; top: 50%; list-style-type: none; z-index: 70;margin-top: -150px;} #menu li { font-size: 14px;width: 140px;} #menu a { margin: 0 0 10px 0; background:url(/uploads/image/i20190504/menu_li.png) no-repeat center;display: block;height: 40px;color:#fff;padding-left: 55px;font-size: 16px;text-decoration: none;line-height: 40px;} #menu .active a { color: #fff; background:url(/uploads/image/i20190504/menu_li.active.png) no-repeat center;} .section { background-size: cover;} .sliders {position: relative;} .listtitle03{width: 280px;height: 64px;position: absolute;left: 50%;margin-left: -140px;top: 6%;text-align: center;background-color:#7a0000;z-index: 8000} .listtitle03 img{display: inline-block;padding-top: 10px;} .vmc-centered{ padding: 10px 0;transition: all 0.3s ease; } .sliders .vmc-viewport{padding:65px 214px;} .vmcarousel > li .slide-icon-inner1{display: none;} .vmcarousel > li.vmc_active .slide-icon-inner1{display: block;} .vmcarousel > li.vmc_active .slide-icon-inner2{display: none;} .vmc-centered .vmc_active {} .sliders .slide-icon01 img{} .vmcarousel > li a{display: block;padding:7% 2%;background-size: 364px 239px;margin:0 auto;margin:0 15px;position: relative;} .vmcarousel > li.vmc_active{ transform: scale(1.1); padding:0 15px;} .slide-icon01{position: absolute;left: 0;top: 0;} .slide_img{width: 100%;height: 0;padding-bottom: 56.39%;overflow:hidden;display: block;} /*.vmcarousel > li img{width: 360px;}*/ .section_forth { background:url(/uploads/image/i20190504/bg03.png) repeat;background-size:no;} .section_forth.second_bg {background-image: url(/uploads/image/i20190504/bg_screen_forth_2.jpg);} .section_forth.third_bg { } .section_fifth { } .section_sixth { background: #fff;} /* main content */ .fp-tablecell { vertical-align: middle;} .section_second{background:url(/uploads/image/i20190504/pagesecond_rt.jpg) no-repeat right top;} .section_second .fp-tablecell{background:url(/uploads/image/i20190504/pagesecond_lf.jpg) no-repeat left bottom;} .articlelist01{width:56.8%;float: left;} .listcon01{width: auto;overflow:hidden;padding:15px 0;margin:0 -20px;} .listcon01 li:first-child > div{border-right: 1px solid #ddd;} .listtitle01{border-bottom: 1px solid #ddd;padding-bottom:12px;height: 62px;} .listtitle01 img{vertical-align: bottom;} .item-info01{width: 50%;float: left;} .item-info01 > div{padding:0 20px;} .item-img01{display: block;} .item-title01{font-size: 16px;line-height: 24px;height: 48px;overflow:hidden;font-weight: normal;margin-bottom: 8px;padding-top: 10px;padding-left: 12px;position: relative;transition: all 0.3s ease-in-out} .item-title01:hover{margin-left: 10px;} .item-title01:before{content: '';width: 4px;height: 4px;border-radius: 50%;background-color: #ea7559;position: absolute;left: 0;top: 20px;} .item-date01{color:#999;background:url(/uploads/image/i20190504/date.png) no-repeat 10px center;padding-left: 30px;line-height: 20px;} .list01{border-left: 1px solid #ddd;width: 50%;float: right;} .list01 li{border-bottom: 1px solid #eee;padding-bottom: 11px;margin:0 0 15px 20px;margin-top: -15px;} .list01 li:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0;} .listcon02{width: 100%;overflow:hidden;padding-top: 15px;border-top: 1px solid #ddd;} .list02{width: 49.8%;float: left;border-left: none;} .list02 li{margin:-13px 20px 15px 0;} /*媒体声音*/ .articlelist02{width: 38.8%;float: right;} .list03{margin-left: 74px;} .list03 li{border-bottom: 1px solid #ddd;padding:14px 10px 13px 16px;} .media-icon{height:37px;/*border:1px solid #ddd;*/ display: inline-block;} .media-icon img{height: 37px;width: auto;display: block;} .list03 .item-title01{margin-bottom: 6px;} .list03 li:nth-child(odd){border-right: 1px solid #ddd;} .list03 li:nth-child(even){border-left: 1px solid #ddd;} /*第三屏*/ .section_third{background:url(/uploads/image/i20190504/pagethird_rt.jpg) no-repeat right bottom;} .section_third .fp-tablecell{background:url(/uploads/image/i20190504/pagethird_lf.jpg) no-repeat left top;} .section_third .lf{width: 42%;float: left;} .list04{width: 100%} .list04 li{padding:15px 0;border-bottom: 1px solid #ddd;transition: all 0.6s ease-in-out;overflow:hidden;} .list04 li:last-child{border-bottom: none;} .item-img04{width: 160px;border-radius: 50%;float: left;overflow:hidden;} .item-img04 .imgresponsive{padding-bottom: 100%;} .item-txt04{margin-left: 178px;padding-top: 30px;} .item-txt04 h3{height: 72px;} .section_third .rt{width: 54.6%;float: right;} /*五四评说*/ .articlelist04{width: 100%;} .list05 {margin:0 -8px;padding-top: 15px;} .list05 li{width: 50%;float: left;} .list05 li > a{display: block;margin:0 8px;border:1px solid #ddd;padding:20px 20px 70px;overflow:hidden;position: relative;transition: all 0.5s ease-in-out} .list05 li h3{font-size: 16px;height: 48px;line-height: 24px;font-weight: normal;margin-bottom: 8px;} .list05 li p{color:#999;line-height: 22px;height: 66px;overflow:hidden;border-top: 1px solid #eee;padding-top: 8px;} .item-date05{width:78px;height: 58px;border-left: 1px solid #ddd;border-top: 1px solid #ddd;float: right;text-align: center;position: absolute;right: 0;bottom: 0} .item-date05 strong{color:#e4201c;font-size: 18px;font-weight: normal;padding-top: 4px;display: block;} .item-date05 i{display: block;color:#999;border-top: 1px solid #eee;font-style: normal;padding-top: 2px;margin:3px 10px 0;} .list05 li > a:hover,.list04 li:hover{box-shadow: 0 2px 10px rgba(0,0,0,0.2)} /*史海钩沉*/ .articlelist05{padding-top: 33px;} .list06{width: 100%;position: relative;} .list06:before{content: '';width: 1px;background-color: #ddd;height: 116%;position: absolute;left: 80px;top: -6%} .item-date06{width: 67px;float: left;text-align: right;} .item-date06 i{font-style: normal;display: block;} .item-date06 strong{color:#e31b17;display: block;font-size: 24px;font-weight: normal;} .list06 li{padding:18px 0 16px;overflow:hidden;border-bottom: 1px solid #ddd;} .list06 li a{display: block;margin-left: 93px;font-size: 16px;height: 24px;height: 48px;overflow:hidden;} .articlelist05 .listtitle01{padding-bottom: 20px} @media screen and (max-width:1800px){ .section_second,.section_second .fp-tablecell,.section_third,.section_third .fp-tablecell{background-size:280px auto;} } @media screen and (max-width:1200px){ .section_second,.section_second .fp-tablecell,.section_third,.section_third .fp-tablecell{background: none} } @media screen and (max-width:1400px){ .vmcarousel > li.vmc_active{padding:0;} .listtitle03{position: static;margin:0 auto 20px;border-radius: 5px;width: 210px;height: 50px;} .listtitle03 img{padding-top: 5px;height: 38px;width: auto;} } @media screen and (max-height:710px){ .listtitle01 img{height: 40px;width: auto;} .listtitle01{height: 50px;padding-bottom: 6px;} .item-title01{font-size: 14px;line-height: 22px;height: 44px;padding-top: 5px;margin-bottom: 2px;} .media-icon img{height: 25px;} .media-icon{height: 25px;} .list03 li{padding:11px 0 10px 16px;} .item-title01:before{top: 15px;} .listcon01{padding:10px 0;} .item-date01,.item-date05 i,.item-date06 i{font-size: 12px;} .list01 li,.articlelist05 .listtitle01{padding-bottom: 8px;} .item-img04{width: 120px;} .item-txt04{margin-left: 140px;padding-top:13px;} .item-txt04 h3{height: 66px;} .list05 li h3,.list06 li a{font-size: 14px;} .list05 li p{display: none;} .articlelist05{padding-top: 20px;} .item-date06 strong{font-size: 20px;} .list06 li{padding:14px 0 12px;} .item-date05 strong,.item-date05 i{display: inline-block;margin:0;border:none;} .item-date05 strong{margin-right: 3px;} .item-date05{height: 36px;} .list05 li > a{padding-bottom: 40px;} } @media screen and (max-width:1386px){ .sliders .vmc-viewport{padding:0;} } @media screen and (max-width:1386px){ .listtitle01 img{height: 40px;width: auto;} .listtitle01{height: 50px;padding-bottom: 6px;} .item-title01{font-size: 14px;line-height: 22px;height: 44px;padding-top: 5px;margin-bottom: 2px;} .media-icon img{height: 25px;} .media-icon{height: 25px;} .list03 li{padding:11px 10px 10px 16px;} .item-title01:before{top: 15px;} .listcon01{padding:10px 0;} .item-date01,.item-date05 i,.item-date06 i{font-size: 12px;} .list01 li,.articlelist05 .listtitle01{padding-bottom: 8px;} .item-img04{width: 120px;} .item-txt04{margin-left: 140px;padding-top:13px;} .item-txt04 h3{height: 66px;} .list05 li h3,.list06 li a{font-size: 14px;} .list05 li p{display: none;} .articlelist05{padding-top: 20px;} .item-date06 strong{font-size: 20px;} .list06 li{padding:14px 0 12px;} .item-date05 strong,.item-date05 i{display: inline-block;margin:0;border:none;} .item-date05 strong{margin-right: 3px;} .item-date05{height: 36px;} .list05 li > a{padding-bottom: 40px;} .container{width: 1000px;} #menu{left: 15px;} .logo_02{width:65%;margin:0 auto;padding-top: 40px;} .logo_01{top: 15px;width: 240px;left: 332px;} .logo-pku{width: 150px;} .logo-news{width: 80px;} #menu a,#menu .active a{background-size: 100px 28px;height: 28px;padding-left: 54px;font-size: 13px;line-height: 28px;} .list06 li a{line-height: 24px;height: 48px;overflow:hidden;} } @media screen and (max-width:1020px){ .container{width: auto;padding:15px;} .fp-section.fp-table, .fp-slide.fp-table,.fp-tablecell{height: auto !important;} .list03{margin-left:40px;} } @media screen and (max-width: 992px) { .articlelist01,.section_third .lf{width: 100%;float: none;} .articlelist02,.section_third .rt{width: 100%;float: none;padding-top: 20px;} .articlelist05{padding-top: 25px;} .item-title01{padding-top:10px;} #menu{display: none;} .list03{margin:0;} .list03 .item-title01{height: auto;} .logo_01{left: 30%;} } @media screen and (max-width: 767px) { .listtitle01 img{height: 25px;} .listtitle01{height: 35px;} .listtitle03{width: 150px;height: 40px;} .listtitle03 img{padding-top: 8px;height: 25px;width: auto;} .vmcarousel > li a{margin:0 7px;} } @media screen and (max-width: 640px) { .item-img04{width: 100px;} .item-txt04{margin-left: 120px;} .item-txt04 h3{height: 44px;} .list05 li,.list02,.list01{width: 100%;float: none;margin-bottom: 15px;} .list01{border:none;} .list05 li h3{height: auto;} .list01 .item-title01{margin-bottom: 8px;height: auto;} .list01 li{margin-left: 0} } @media screen and (max-width: 480px) { .logo-pku{width: 130px;} .logo-news{width: 75px;} .logo_01{position: static;margin:0 auto;width: 215px;} .logo_02{padding-top: 0} .vmc-arrow-left{left: 15px;} .vmc-arrow-right{right: 15px;} .vmc-arrow-left,.vmc-arrow-right,.vmc-arrow-right:hover,.vmc-arrow-left:hover{width: 30px;height: 19px;background-size: 30px 19px;top: -14%;} } @media screen and (max-width: 420px) { .item-info01{width: 100%;float: none;margin-bottom: 10px;} .item-title01{height: auto;} .listcon01{margin:0;} .item-info01 > div{padding:0;} }