2023《两会夜话》第四季

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Cache-Control" content="no-cache" /> <meta http-equiv="content-type" content="text/html;charset=GB2312"/> <meta http-equiv="Content-Language" content="utf-8" /> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>2023《两会夜话》第四季</title> <meta content="all" name="robots" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="filetype" content="1" /> <meta name="publishedtype" content="1" /> <meta name="pagetype" content="2" /> <meta name="catalogs" content="452584" /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">  <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">  <meta name="renderer" content="webkit"> <script src="http://tools.people.com.cn/libs/jquery/3.0.0/jquery-3.0.0.min.js" type="text/javascript"></script> <link href="/img/MAIN/2023/03/121813/static/css/default.css" rel="stylesheet"> <script type="text/javascript" src="/img/MAIN/2023/03/121813/static/js/app.js"></script> <script src="/img/MAIN/2023/03/121813/static/libs/swiper.min.5.js"></script> <link href="/img/MAIN/2023/03/121813/static/libs/swiper.min.5.css" rel="stylesheet"> <link rel="stylesheet" href="/img/MAIN/2023/03/121813/static/css/aos.css"> <link rel="stylesheet" href="/img/MAIN/2023/03/121813/static/libs/animate.min.css"> <script src="/img/MAIN/2023/03/121813/static/libs/jquery.transit.js"></script> <script> var DEFAULT_VERSION = 1.0; var ua = navigator.userAgent.toLowerCase(); var isIE = ua.indexOf("msie") > -1; var safariVersion; if (isIE) { safariVersion = ua.match(/msie ([\d.]+)/)[1]; } if (safariVersion <= DEFAULT_VERSION) { alert('系统检测到您正在使用ie8以下内核的浏览器，不能实现完美体验，请更换或升级浏览器访问！') }; </script> <style> .block1 .nav .navItem.active .name{font-size:18px} .block1 .nav .navItem .name{font-size:16px} .block1 .nav .navItem p,.block2 h3{font-family: Arial,PingFang SC,Microsoft YaHei,sans-serif;} .block1 .nav .navItem .name{font-weight:600} .block4 img{height:auto} .block3 .block3-1 .small img{width:164px} .block3 .block3-1 .small img:last-child{width:166px} .block3 .block3-1 .small img{background:linear-gradient(45deg,#7c7a7b,#434142)} .block4{padding-top:125px} .title a{opacity:0.2} .block6 img{width:1150px} .block3 .block3-1-2 .small img{width:12.5%} .block3 .block3-1-2 .small img:last-child{width:12.5%} .block3 .block3-1-3 .small img{width:16.66%} .block3 .block3-1-3 .small img:last-child{width:16.66%} .block3 .block3-1-4 .small img{width:12.5%} .block3 .block3-1-4 .small img:last-child{width:12.5%} .block1 .video-box div:nth-child(1){display:none} .block1 .video-box div:nth-child(3){display:block} .block3 .block3-1:nth-child(1){display:none} .block3 .block3-1:nth-child(3){display:block} .block2 h3:nth-child(1){display:none} .block2 h3:nth-child(3){display:block} .block4 .block4-1-item:nth-child(3){display:block;opacity:1;height:auto} .block4 .block4-1-item{display:block;opacity:0;height:0} .guancha{ padding:30px 0; margin:0 auto; width:100%; text-align: center; background: #000; } .block1 .nav{ height: 560px; } .block1 .nav .navItem{ height:185px; padding-top:50px; padding-bottom:50px; } .guancha img{ display:none; margin:0 auto; } .guancha img:nth-child(3){ display:block; margin:0 auto; } .p3{ background:#000; padding-top:50px; } .p3 h2{ padding-top:40px; text-align:center; font-size:36px; color:#fff; font-family: Arial,PingFang SC,Microsoft YaHei,sans-serif; } .p4 { margin: 0 auto; width: 1440px; position: relative; } .p4 .tit { position: absolute; left: 130px; z-index: 999; } .p4 .tit img { width: 85px; } .p4 .p4-content { width: 100%; } .p4 .p4-content .swiper-container { padding: 80px 0; } .p4 .p4-content .swiper-container .swiper-slide { opacity: 0.4; height: 527px; text-align: center; position: relative; } .p4 .p4-content .swiper-slide-active img{ position: absolute; left:50%; top:0px; transform: translateX(-50%); } .p4 .p4-content .swiper-container .swiper-slide img { width:375px; height: 527px; } .p4 .p4-content .swiper-container .swiper-slide-active img:hover{ -webkit-animation:btn5 0.4s forwards; animation:btn5 0.4s forwards; } .swiper-container-3d{ width: 1200px; } .p4 .p4-content .swiper-container .swiper-slide p { color: #fff; width: 80%; bottom: 50px; position: absolute; font-size: 16px; left: 0; right: 0; margin: 0 auto; line-height: 140%; } .p4 .p4-content .swiper-container .swiper-slide p { color: #fff; width: 80%; bottom: 50px; position: absolute; font-size: 20px; left: 0; right: 0; display: none; margin: 0 auto; line-height: 140%; } .p4 .p4-content .swiper-container .swiper-slide-active p{ color: #fff; width: 500px; bottom: -80px; position: absolute; font-size: 18px; height:auto; line-height:190%; margin: 0 auto; left:50%; display: block; transform: translateX(-50%); background: url(../images/black.png); font-family: Arial,PingFang SC,Microsoft YaHei,sans-serif; } .p4 .p4-content .swiper-container .swiper-slide-active p a{ color:#fff; } .p4 .p4-content .swiper-container .swiper-slide.swiper-slide-active { opacity: 1; transform: scale(1) !important; } </style> <script type="text/javascript"> var cw1 = window.innerWidth; var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; var bIsMidp = sUserAgent.match(/midp/i) == "midp"; var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"; var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb"; var bIsAndroid = sUserAgent.match(/android/i) == "android"; var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"; var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"; if (bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) { window.location.href = "/GB/144357/428933/429123/452584/452585/index.html"; } </script> <style type="text/css">.block3 .block3-1 .small img{width:10%} .block3 .block3-1 .small img:last-child{width:10%} .block3 .block3-1-2 .small img{width:12.5%} .block3 .block3-1-2 .small img:last-child{width:12.5%} .block3 .block3-1-3 .small img{width:12.5%} .block3 .block3-1-3 .small img:last-child{width:12.5%} </style> </head> <body> <div class="top"> <img class="l_logo" src="/img/MAIN/2023/03/121813/static/images/logo.png" alt="" width="200"> <img class="r_logo" src="/img/MAIN/2023/03/121813/static/images/title.png" alt="" width="490"> </div> <div class="w1150 block1" data-aos="fade-up"> <div class="video-box"> <div class="video"> <video controls src="http://flv4mp4.people.com.cn/videofile7/pvmsvideo/2023/3/5/ShiXinPei_e13ccc26bf3adc51a4e68f706f2597a6_android_c.mp4" poster="http://flvimage.people.com.cn/videofile7/pvmsimage/2023/3/5/LiJia_b4d99371e6f61416220e414ac20affa3.jpg"> </div> <div class="video"> <video controls src="http://flv4mp4.people.com.cn/videofile7/pvmsvideo/2023/3/8/ShiXinPei_d4e754b07b402983ab6d0d1ed6474c00_android_c.mp4" poster="http://flvimage.people.com.cn/videofile7/pvmsimage/2023/3/8/ShiXinPei_d6ef8567a8ceb846533676ae162acf6e.jpg"> </div> <div class="video"> <video controls src="http://flv4mp4.people.com.cn/videofile7/pvmsvideo/2023/3/10/ZhengJiaHao_9c8daeeac98dd36d8caa6ffb6ab89558_android_c.mp4" poster="http://flvimage.people.com.cn/videofile7/pvmsimage/2023/3/10/ZhengJiaHao_910a80ee9b7de87c49935a3b0d546b83.jpg"> </div> </div> <div class="nav"> <div class="navItem"> <p class="num">第一期</p> <p class="name">揭秘文艺爆款的<br>基因密码</p> </div> <div class="navItem"> <p class="num">第二期</p> <p class="name">破解创新人才培养的“源代码”</p> </div> <div class="navItem active"> <p class="num">第三期</p> <p class="name">身边的民主<br>管用的民主</p> </div> </div> </div> <div class="w1150 block2" data-aos="fade-up"><h3><a href="http://v.people.cn/n1/2023/0305/c428933-32637297.html" target="_blank">揭秘文艺爆款的基因密码</a></h3><h3><a href="http://lianghui.people.com.cn/2023/n1/2023/0309/c452473-32640634.html" target="_blank">破解创新人才培养的“源代码”</a></h3><h3><a href="http://v.people.cn/n1/2023/0310/c428933-32641595.html" target="_blank">身边的民主管用的民主</a></h3></div> <div class="title" data-aos="fade-up"> <div class="w1150"> <a href="#block3" class="active"><img src="/img/MAIN/2023/03/121813/static/images/tit1.png" alt=""></a> <a href="#block4"><img src="/img/MAIN/2023/03/121813/static/images/tit2.png" alt=""></a> </div> </div> <div class="blank" id="block3" style="height:100px;display: none;"></div> <div class="block3" > <div class="block3-box w1150"> <div class="block3-1"> <div class="big"><img src="/NMediaFile/2023/0305/MAIN202303051835326390564773655.jpg" width="1150" height="560" alt="" alt="1"/> <img src="/NMediaFile/2023/0305/MAIN202303051835439796166479375.jpg" width="1150" height="560" alt="" alt="2"/> <img src="/NMediaFile/2023/0305/MAIN202303051502126806678975482.jpg" width="1150" height="560" alt="" alt="3"/> <img src="/NMediaFile/2023/0305/MAIN202303051502130298577212097.jpg" width="1150" height="560" alt="" alt="4"/> <img src="/NMediaFile/2023/0305/MAIN202303051502133843320963905.jpg" width="1150" height="560" alt="" alt="5"/> <img src="/NMediaFile/2023/0305/MAIN202303051502140364855662429.jpg" width="1150" height="560" alt="" alt="6"/> <img src="/NMediaFile/2023/0305/MAIN202303051502141035564402282.jpg" width="1150" height="560" alt="" alt="7"/> <img src="/NMediaFile/2023/0305/MAIN202303051502144513640946385.jpg" width="1150" height="560" alt="" alt="8"/> <img src="/NMediaFile/2023/0305/MAIN202303051835548797934021129.jpg" width="1150" height="560" alt="" alt="9"/> <img src="/NMediaFile/2023/0305/MAIN202303051502151422962555008.jpg" width="1150" height="560" alt="" alt="10"/> </div> <div class="small"><img src="/NMediaFile/2023/0305/MAIN202303051504409334672367763.png" width="143.5" height="" alt="" alt="小图_1"/> <img src="/NMediaFile/2023/0305/MAIN202303051504415798762528987.png" width="143.5" height="" alt="" alt="小图_2"/> <img src="/NMediaFile/2023/0305/MAIN202303051504416332531031284.png" width="143.5" height="" alt="" alt="小图_3"/> <img src="/NMediaFile/2023/0305/MAIN202303051504419848705142478.png" width="143.5" height="" alt="" alt="小图_4"/> <img src="/NMediaFile/2023/0305/MAIN202303051504426376399260808.png" width="143.5" height="" alt="" alt="小图_5"/> <img src="/NMediaFile/2023/0305/MAIN202303051504426893431797871.png" width="143.5" height="" alt="" alt="小图_6"/> <img src="/NMediaFile/2023/0305/MAIN202303051504430378995526429.png" width="143.5" height="" alt="" alt="小图_7"/> <img src="/NMediaFile/2023/0305/MAIN202303051504433884203817301.png" width="143.5" height="" alt="" alt="小图_8"/> <img src="/NMediaFile/2023/0305/MAIN202303051504437393775188666.png" width="143.5" height="" alt="" alt="小图_9"/> <img src="/NMediaFile/2023/0305/MAIN202303051504444492157190456.png" width="143.5" height="" alt="" alt="小图_10"/> </div> </div> <div class="block3-1 block3-1-2"> <div class="big"><img src="/NMediaFile/2023/0308/MAIN202303081027313830072271895.jpg" width="1150" height="560" alt="" alt="1"/> <img src="/NMediaFile/2023/0308/MAIN202303081027317384304120196.jpg" width="1150" height="560" alt="" alt="2"/> <img src="/NMediaFile/2023/0308/MAIN202303081027320889995756240.jpg" width="1150" height="560" alt="" alt="3"/> <img src="/NMediaFile/2023/0308/MAIN202303082107188898971019437.jpg" width="1150" height="560" alt="" alt="4"/> <img src="/NMediaFile/2023/0308/MAIN202303081027328013227230413.jpg" width="1150" height="560" alt="" alt="5"/> <img src="/NMediaFile/2023/0308/MAIN202303081027331530724597228.jpg" width="1150" height="560" alt="" alt="6"/> <img src="/NMediaFile/2023/0308/MAIN202303081027335070661587738.jpg" width="1150" height="560" alt="" alt="7"/> <img src="/NMediaFile/2023/0308/MAIN202303081027338563126038127.jpg" width="1150" height="560" alt="" alt="8"/> </div> <div class="small"><img src="/NMediaFile/2023/0308/MAIN202303081028598959521751372.png" width="143.5" height="auto" alt="" alt="小图_1"/> <img src="/NMediaFile/2023/0308/MAIN202303081029002467879614711.png" width="143.5" height="auto" alt="" alt="小图_2"/> <img src="/NMediaFile/2023/0308/MAIN202303081029006055147971043.png" width="143.5" height="auto" alt="" alt="小图_3"/> <img src="/NMediaFile/2023/0308/MAIN202303081029009548255382060.png" width="143.5" height="auto" alt="" alt="小图_4"/> <img src="/NMediaFile/2023/0308/MAIN202303081029013066004665293.png" width="143.5" height="auto" alt="" alt="小图_5"/> <img src="/NMediaFile/2023/0308/MAIN202303081029016582436699846.png" width="143.5" height="auto" alt="" alt="小图_6"/> <img src="/NMediaFile/2023/0308/MAIN202303081029020117695619879.png" width="143.5" height="auto" alt="" alt="小图_7"/> <img src="/NMediaFile/2023/0308/MAIN202303081029023659108719451.png" width="143.5" height="auto" alt="" alt="小图_8"/> </div> </div> <div class="block3-1 block3-1-3"> <div class="big"><img src="/NMediaFile/2023/0310/MAIN202303101541578330766378718.jpg" width="1150" height="560" alt="" alt="1"/> <img src="/NMediaFile/2023/0310/MAIN202303101541581811573284741.jpg" width="1150" height="560" alt="" alt="2"/> <img src="/NMediaFile/2023/0310/MAIN202303101541588321702384990.jpg" width="1150" height="560" alt="" alt="3"/> <img src="/NMediaFile/2023/0310/MAIN202303101541588816909648796.jpg" width="1150" height="560" alt="" alt="4"/> <img src="/NMediaFile/2023/0310/MAIN202303101541595355254554132.jpg" width="1150" height="560" alt="" alt="5"/> <img src="/NMediaFile/2023/0310/MAIN202303101541595842553350783.jpg" width="1150" height="560" alt="" alt="6"/> <img src="/NMediaFile/2023/0310/MAIN202303101542002378896303628.jpg" width="1150" height="560" alt="" alt="7"/> <img src="/NMediaFile/2023/0310/MAIN202303101542002924885793197.jpg" width="1150" height="560" alt="" alt="8"/> </div> <div class="small"><img src="/NMediaFile/2023/0310/MAIN202303101545050169072851255.png" width="143.5" height="auto" alt="" alt="小图_1"/> <img src="/NMediaFile/2023/0310/MAIN202303101545053741047684637.png" width="143.5" height="auto" alt="" alt="小图_2"/> <img src="/NMediaFile/2023/0310/MAIN202303101545057263718155223.png" width="143.5" height="auto" alt="" alt="小图_3"/> <img src="/NMediaFile/2023/0310/MAIN202303101545060795978364962.png" width="143.5" height="auto" alt="" alt="小图_4"/> <img src="/NMediaFile/2023/0310/MAIN202303101545064295288649398.png" width="143.5" height="auto" alt="" alt="小图_5"/> <img src="/NMediaFile/2023/0310/MAIN202303101545067822215512490.png" width="143.5" height="auto" alt="" alt="小图_6"/> <img src="/NMediaFile/2023/0310/MAIN202303101545071347510899276.png" width="143.5" height="auto" alt="" alt="小图_7"/> <img src="/NMediaFile/2023/0310/MAIN202303101545074903041125216.png" width="143.5" height="auto" alt="" alt="小图_8"/> </div> </div> <div class="block3-1 block3-1-4"> </div> </div> </div> <div style="text-align:center;background:#000;padding-top:25px"> <img width="104" src="/img/MAIN/2023/03/121813/static/images/tips.png"> </div> <div class="guancha"><img src="/NMediaFile/2023/0305/MAIN202303051834489826656950720.jpg" width="1150" height="auto" alt="" alt="观察团1"/> <img src="/NMediaFile/2023/0308/MAIN202303081029540534602832709.jpg" width="1150" height="auto" alt="" alt="观察团2"/> <img src="/NMediaFile/2023/0310/MAIN202303101544151479988901458.jpg" width="1150" height="auto" alt="" alt="观察团3"/> </div> <div class="p3"> <h2>人民日报《两会观察》</h2> <div class="p4"> <div class="p4-content"> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide swiper-no-swiping f1"><img src="/img/MAIN/2023/03/121813/2.jpg" width="748" height="1054" alt="" /><p><a href="http://paper.people.com.cn/rmrb/html/2023-03/09/nw.D110000renmrb_20230309_1-04.htm" target="_blank">2023年3月5日要闻2版<br>《加快创新型人才培养塑造中国特色创新生态》</a></p></div> <div class="swiper-slide swiper-no-swiping f3"><img src="/img/MAIN/2023/03/121813/3.jpg" width="748" height="1054" alt="" /><p><a href="http://paper.people.com.cn/rmrb/html/2023-03/10/nw.D110000renmrb_20230310_5-02.htm" target="_blank">2023年3月10日要闻2版<br>《坚持人民立场保障人民当家作主》</a></p></div> <div class="swiper-slide swiper-no-swiping f2"><img src="/img/MAIN/2023/03/121813/1.jpg" width="748" height="1054" alt="" /><p><a href="http://paper.people.com.cn/rmrb/html/2023-03/05/nw.D110000renmrb_20230305_4-02.htm" target="_blank">2023年3月9日要闻4版<br>《用情用力讲好中国故事坚持以精品奉献人民》</a></p></div> </div> </div> </div> <p style="text-align:center;padding-top:10px;"><img src="/img/MAIN/2023/03/121813/more.png" width="87" alt="" /></p> </div> </div> <div class="block4" id="block4"> <div class="block4-1"> <div class="block4-1-item"> <div class="swiper-container swiper1"> <div class="swiper-wrapper"><div class="swiper-slide"><img src="/NMediaFile/2023/0305/MAIN202303051728174557617941360.jpg" width="600" height="400" alt="" alt="0"/></div> <div class="swiper-slide"><img src="/NMediaFile/2023/0305/MAIN202303051728178061650453611.jpg" width="600" height="400" alt="" alt="1"/></div> <div class="swiper-slide"><img src="/NMediaFile/2023/0305/MAIN202303051728185756079627338.jpg" width="600" height="400" alt="" alt="2"/></div> <div class="swiper-slide"><img src="/NMediaFile/2023/0305/MAIN202303051728179250885507918.jpg" width="600" height="400" alt="" alt="3"/></div> <div class="swiper-slide"><img src="/NMediaFile/2023/0305/MAIN202303051728188558064590994.jpg" width="600" height="400" alt="" alt="4"/></div> <div class="swiper-slide"><img src="/NMediaFile/2023/0305/MAIN202303051728189125827465190.jpg" width="600" height="400" alt="" alt="5"/></div> </div> </div> </div> <div class="block4-1-item"> <div class="swiper-container swiper1"> <div class="swiper-wrapper"><div class="swiper-slide"><img src="/NMediaFile/2023/0308/MAIN202303081626227746034416616.jpg" width="600" height="400" alt="" alt="1"/></div> <div class="swiper-slide"><img src="/NMediaFile/2023/0308/MAIN202303081626231308404980680.jpg" width="600" height="400" alt="" alt="2"/></div> <div class="swiper-slide"><img src="/NMediaFile/2023/0308/MAIN202303081626234778909679014.jpg" width="600" height="400" alt="" alt="3"/></div> <div class="swiper-slide"><img src="/NMediaFile/2023/0308/MAIN202303081626238311981042230.jpg" width="600" height="400" alt="" alt="4"/></div> </div> </div> </div> <div class="block4-1-item"> <div class="swiper-container swiper1"> <div class="swiper-wrapper"><div class="swiper-slide"><img src="/NMediaFile/2023/0310/MAIN202303101548086877753967923.jpg" width="600" height="400" alt="" alt="1"/></div> <div class="swiper-slide"><img src="/NMediaFile/2023/0310/MAIN202303101548087400412396951.jpg" width="600" height="400" alt="" alt="2"/></div> <div class="swiper-slide"><img src="/NMediaFile/2023/0310/MAIN202303101548093830426354860.jpg" width="600" height="400" alt="" alt="3"/></div> <div class="swiper-slide"><img src="/NMediaFile/2023/0310/MAIN202303101548094211775008395.jpg" width="600" height="400" alt="" alt="4"/></div> <div class="swiper-slide"><img src="/NMediaFile/2023/0310/MAIN202303101548106732764356449.jpg" width="600" height="400" alt="" alt="5"/></div> </div> </div> </div> </div> </div> <div class="block5"> </div>  <div class="block6"> <img src="/img/MAIN/2023/03/121813/static/images/bottom.png" alt=""> </div> <div class="bottom clearfix"> <div class="copyright"><style type="text/css"> #copyright{width:980px; margin:0px auto; font-size:12px; text-align:center; padding:20px 0; line-height:180%; clear:both;} </style> <div id="copyright">人民网股份有限公司版权所有，未经书面授权禁止使用<br /> Copyright © 1997-2024 by www.people.com.cn. all rights reserved</div></div> </div> <style> .tip{ width:100%; height: 100%; position: fixed; top:0px; left:0px; text-align: center; z-index: 100011; } .tip img{ height:95%; margin-top:1%; } .tip p{ text-align:Center; font-size: 16px; color: #fff; cursor: pointer; } .black{ width:100%; height: 100%; background: #000; opacity: 0.5; position: fixed; top:0px; left:0px; z-index: 10011; } </style> <div class="tip" style="display: none"> <img id="tipimg" src="" alt=""> <p>关闭</p> </div> <div class="black" style="display: none"></div> <script src="http://tools.people.com.cn/css/2010tianrun/webdig_test.js" language="javascript" type="text/javascript" async></script> <script src="/img/MAIN/2023/03/121813/static/js/aos.js"></script>  <script src="http://www.people.com.cn/img/2016wb/jweixin-1.0.0.js" type="text/javascript"></script><script type="text/javascript"> var wxData = { "imgUrl": "http://www.people.com.cn/NMediaFile/2023/0305/MAIN202303051723168860373567144.jpg", "link": window.location.href.split('?')[0], "desc": "", "title": "2023《两会夜话》第四季" }; </script><script src="http://www.people.com.cn/img/2016wb/WeiXinData2020.js" type="text/javascript"></script> <script> </script> <script> $(document).ready(function () { // const wH = window.innerHeight; // const wW = window.innerWidth; // const generateStars = n => { // for (let i = 0; i < n; i++) { // const div = document.createElement('div'); // div.className = i % 20 == 0 ? 'st star--big' : i % 9 == 0 ? 'st star--medium' : 'st'; // // random everywhere! // div.setAttribute('style', `top:${Math.round(Math.random() * wH) / 2}px;left:${Math.round(Math.random() * wW)}px;animation-duration:${Math.round(Math.random() * 3000) + 3000}ms;animation-delay:${Math.round(Math.random() * 3000)}ms;`); // $(".star-top").append(div); // } // }; // generateStars(10); //$("body").transition({"background-position-y":'bottom'},6000,'linear',function(){}) //$(".page2").fadeIn(1500) //$("body").css({"overflow":"auto"}) AOS.init({ duration: 1000, easing: 'ease-out-back' }); $(".small img").on("mouseover",function(){ var index = $(this).index() console.log(index) $(this).parent().parent().find(".big img").siblings().hide().eq(index).show() $(this).css({"background":"linear-gradient(45deg,#000000,#0e3eb0)"}) }) $(".small img").on("mouseout",function(){ $(this).css({"background":"linear-gradient(45deg,#7c7a7b,#434142)"}) }) // $(".page2").transition({"margin-top":'0'},10000,'linear',function(){ // $("body").css({"overflow":"auto"}) // AOS.init({ // duration: 1000, // easing: 'ease-out-back' // }); // }) swiper2 = new Swiper('.p4-content .swiper-container',{ effect : 'coverflow', slidesPerView: 3, //loop:true, // autoplay:true, centeredSlides: true, centeredSlidesBounds: true, coverflowEffect: { rotate: 30, stretch: 0, depth: 0, modifier: 2, } }) var mySwiper = new Swiper('.swiper1', { speed: 10000, spaceBetween: 20, loop: true, slidesPerView: 3.2, observer: true,/*启动动态检查器，当改变swiper的样式（例如隐藏/显示）或者修改swiper的子元素时，自动初始化swiper。*/ observeParents: true,/*将observe应用于Swiper的父元素。当Swiper的父元素变化时，例如window.resize，Swiper更新。*/ observeSlideChildren:true, autoplay: { delay: 0, disableOnInteraction: false, }, }); var mySwiper1 = new Swiper('.block5-item', { speed: 8000, loop: true, slidesPerView: 3.2, spaceBetween: 20, observer: true,/*启动动态检查器，当改变swiper的样式（例如隐藏/显示）或者修改swiper的子元素时，自动初始化swiper。*/ observeParents: true,/*将observe应用于Swiper的父元素。当Swiper的父元素变化时，例如window.resize，Swiper更新。*/ observeSlideChildren:true, autoplay: { delay: 0, disableOnInteraction: false, }, }); var flag = 2 $(".nav .navItem").click(function () { var index = $(this).index() console.log(index) if (index > flag) { return } // $("body").css({ "background": "url(/img/MAIN/2023/03/121813/static/images/bg" + index + ".jpg) bottom center fixed no-repeat", "background-size": "cover" }) $(this).addClass("active").siblings().removeClass("active") $(".video-box .video").siblings().hide().eq(index).show() $(".block2 h3").hide().eq(index).show() console.log('index:',index) $(".block3 .block3-1").siblings().hide().eq(index).show() $(".guancha img").siblings().hide().eq(index).show() //$(".block4 .block4-1-item").siblings().hide().eq(index).show() $(".block4 .block4-1-item").css({height:0,"opacity":0}) $(".block4 .block4-1-item").eq(index).css({"height":"auto","opacity":1}) $(".block5 .block5-item ").siblings().hide().eq(index).show() $('video').trigger('pause'); console.log(index) if(index == 0){ $('.f3 img').attr('src','/img/MAIN/2023/03/121813/1.jpg') $('.f2 img').attr('src','/img/MAIN/2023/03/121813/2.jpg') $('.f1 img').attr('src','/img/MAIN/2023/03/121813/3.jpg') $('.f2 p').html('<a href="http://paper.people.com.cn/rmrb/html/2023-03/09/nw.D110000renmrb_20230309_1-04.htm" target="_blank">2023年3月9日要闻4版<br>《加快创新型人才培养塑造中国特色创新生态》</a>') $('.f3 p').html('<a href="http://paper.people.com.cn/rmrb/html/2023-03/05/nw.D110000renmrb_20230305_4-02.htm" target="_blank">2023年3月5日要闻2版<br>《用情用力讲好中国故事坚持以精品奉献人民》</a>') $('.f1 p').html('<a href="http://paper.people.com.cn/rmrb/html/2023-03/10/nw.D110000renmrb_20230310_5-02.htm" target="_blank">2023年3月10日要闻2版<br>《坚持人民立场保障人民当家作主》</a>') } if(index == 1){ $('.f3 img').attr('src','/img/MAIN/2023/03/121813/2.jpg') $('.f2 img').attr('src','/img/MAIN/2023/03/121813/1.jpg') $('.f1 img').attr('src','/img/MAIN/2023/03/121813/3.jpg') $('.f3 p').html('<a href="http://paper.people.com.cn/rmrb/html/2023-03/09/nw.D110000renmrb_20230309_1-04.htm" target="_blank">2023年3月9日要闻4版<br>《加快创新型人才培养塑造中国特色创新生态》</a>') $('.f1 p').html('<a href="http://paper.people.com.cn/rmrb/html/2023-03/05/nw.D110000renmrb_20230305_4-02.htm" target="_blank">2023年3月5日要闻2版<br>《用情用力讲好中国故事坚持以精品奉献人民》</a>') $('.f2 p').html('<a href="http://paper.people.com.cn/rmrb/html/2023-03/10/nw.D110000renmrb_20230310_5-02.htm" target="_blank">2023年3月10日要闻2版<br>《坚持人民立场保障人民当家作主》</a>') } if(index == 2){ $('.f3 img').attr('src','/img/MAIN/2023/03/121813/3.jpg') $('.f2 img').attr('src','/img/MAIN/2023/03/121813/2.jpg') $('.f1 img').attr('src','/img/MAIN/2023/03/121813/1.jpg') $('.f1 p').html('<a href="http://paper.people.com.cn/rmrb/html/2023-03/09/nw.D110000renmrb_20230309_1-04.htm" target="_blank">2023年3月9日要闻4版<br>《加快创新型人才培养塑造中国特色创新生态》</a>') $('.f2 p').html('<a href="http://paper.people.com.cn/rmrb/html/2023-03/05/nw.D110000renmrb_20230305_4-02.htm" target="_blank">2023年3月5日要闻2版<br>《用情用力讲好中国故事坚持以精品奉献人民》</a>') $('.f3 p').html('<a href="http://paper.people.com.cn/rmrb/html/2023-03/10/nw.D110000renmrb_20230310_5-02.htm" target="_blank">2023年3月10日要闻2版<br>《坚持人民立场保障人民当家作主》</a>') } }) $('.f3 img').on('click',function(){ let s = $(this).attr('src'); $('#tipimg').attr('src',s) $('.tip').show(); $('.black').show(); }) $('.tip p').on('click',function(){ $('.tip').hide(); $('.black').hide(); }) $(".title a").click(function () { $(".blank").show() var index = $(this).index() //$(this).addClass("active").siblings().removeClass("active") $("html, body").animate({ scrollTop: $($(this).attr("href")).offset().top + "px" }, { duration: 1000, easing: "swing" }); }) }) //$(document).scroll(function () { // var scroH = $(document).scrollTop(); //滚动高度 // var viewH = $(window).height(); //可见高度 // var contentH = $(document).height(); //内容高度 // console.log(scroH) // if(scroH >700){ //距离顶部大于100px时 // $(".nav").css({"position":"fixed","top":120,"right":0}) // }else{ // $(".nav").css({"position":"static"}) // } // }); var head = document.querySelector('.title'); //let parent = document.querySelector('.top'); var top1 = head.offsetTop; $(document).scroll( function () { var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; console.log(top1,scrollTop) // console.log(top1, parent.scrollTop); if (scrollTop > top1) { $(".title").addClass("fixed") $(".blank").show() } if (scrollTop < top1 && Array.from(head.classList).indexOf('fixed') > -1) { head.classList.remove('fixed'); $(".blank").hide() } if (scrollTop < 1700) { //当滚动条滚动距离大于550px时侧边栏出现 $(".title a").eq(0).addClass("active").siblings().removeClass("active") }else{ $(".title a").eq(1).addClass("active").siblings().removeClass("active") } }); </script> </body> </html>

CINXE.COM

2023《两会夜话》第四季