/* CSS Document */ @charset "utf-8"; body { background: url(/wmzthc/2024lh/images/bg01_2024lh.jpg) no-repeat center 45px; font-family: "微软雅黑"; overflow-x: hidden; } .part { width: 1200px; margin: 0 auto; } .domPC { display: block; } .domMobile { display: none; } .banner { overflow: hidden; height: 430px; padding-top: 50px; } .box-C { overflow: hidden; } .main-cloum { width: 1200px; } .hr_50 { height: 50px; clear: both } .imgbox { position: relative; } .cloum01 { width: 570px; } .cloum05 { width: 580px; } .pannel-title { overflow: hidden; position: relative; height: 83px; } .pannel-img img { display: block; } .pannel-title .more { position: absolute; right: 0; font-size: 14px; display: block; top: 0px; } /* bannerLogo */ .bannerLogo { margin-top: 75px; animation: zoomIn 2s 1 ease-out; -webkit-animation: zoomIn 2s 1 ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .bannerLogo img { display: block; margin: 0 auto; } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes plus { 0% { transform: scale(1, 1); transform-origin: center center; } 50% { transform: scale(1.1, 1.1); transform-origin: center center; } 100% { transform: scale(1, 1); transform-origin: center center; } } @keyframes zoomIn { 0% { opacity:0; transform:scale3d(.3, .3, .3) } 50% { opacity:1 } } .rc-xz img { display: block; animation: rotate 3s linear infinite } .iph-img { display: none; } .listlh li { margin-right: 30px; float: left; } .listlh li img { width: 380px; height: 140px } .listlh li:last-child { margin-right: 0px; } .rc-xz img { animation: rotate 10s linear infinite; } @keyframes scaleDraw { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/ 0% { transform: scale(1);/*开始为原始大小*/ } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } /* part01 */ .hhxx { overflow: hidden; } .hhxx img { display: block; float: left; width: 340px; margin-top:20px } .listtime, .listtime01 { float: left; height: 87px; margin-top: 12px; } .listtime ul li, .listtime dd { float: right; width: 97px; height: 87px; color: #ff9696; font-size: 33px; line-height: 118px; background: url(/wmzthc/2024lh/images/bgtime01_2024lh.png) no-repeat right; text-align: center; cursor: pointer; background-size: contain; } .listtime ul li.active { background: url(/wmzthc/2024lh/images/bgtime02_2024lh.png) no-repeat right; color: #fff; background-size: contain; } .listtime ul { float: left; } .daoyImg img { width: 100%; height: auto; display: block; } /* hot */ .hot { width: 100%; margin-top: 10px; } .hot ul li { display: none; } .hot ul li .tit { font-size: 34px; font-weight: bold; text-align: center; line-height: 112px; } .hot ul li .tit a { color: #e21f1f; } .hot ul li .img img { display: block; width: 100%; height: 675px; } .foucua03 { position: relative; } .foucua03 .prev { display: block; width: 26px; height: 36px; position: absolute; left: 10px; top: 50%; margin-top: -18px; background: url(http://images1.whatisupapp.com/web_wenming/images/img/arrows-left.png) top left no-repeat; } .foucua03 .next { display: block; width: 26px; height: 36px; position: absolute; right: 10px; top: 50%; margin-top: -18px; background: url(http://images1.whatisupapp.com/web_wenming/images/img/arrows-right.png) top right no-repeat; } .foucua03 .num01 { position: absolute; left: 0px; bottom: 9px; z-index: 999; width: 100%; height: 40px; } .foucua03 .num01 ol { width: 100%; height: 100%; } .foucua03 .num01 ol li { width: 20px; height: 10px; margin-top: 13px; padding: 0; background: black; float: right; margin-right: 10px; cursor: pointer; } .foucua03 .num01 ol li.on { background: #c00; } .foucuas3 { width: 100%; position: relative; height: 765px; } .foucuas3 .sdi { width: 100% !important; } .foucuas3 .sdi div { width: 100% !important; } .foucuas3 .sdi div .tit { font-size: 34px; font-weight: bold; text-align: center; line-height: 40px; margin: 20px 0; } .foucuas3 .sdi div .tit a { color: #e21f1f; } .foucuas3 .sdi div .img img { display: block; width: 100%; height: auto; } .foucuas3 .prev { display: block; width: 26px; height: 36px; position: absolute; left: 10px; top: 50%; margin-top: -18px; background: url(http://images1.whatisupapp.com/web_wenming/images/img/arrows-left.png) top left no-repeat; cursor: pointer; } .foucuas3 .next { display: block; width: 26px; height: 36px; position: absolute; right: 10px; top: 50%; margin-top: -18px; background: url(http://images1.whatisupapp.com/web_wenming/images/img/arrows-right.png) top right no-repeat; cursor: pointer; } .foucuas3 .num01 { position: absolute; left: 0px; bottom: 9px; z-index: 999; width: 100%; height: 40px; } .foucuas3 .num01 ol { width: 100%; height: 100%; } .foucuas3 .num01 ol li { display: block; width: 20px; height: 10px; margin-top: 13px; padding: 0; background: #fff; float: right; margin-right: 10px; cursor: pointer; } .foucuas3 .num01 ol li.on { background: #c00; } .foucuas3 .sdi div .img img { width: 1200px; height: 675px; } .listtime, .listtime01 { float: right; } .listtime dd { cursor: default; } /*part02*/ .wsp{background: #fff0d9; padding-top: 25px; height: 217px; overflow: hidden;} .wsp ul { overflow: hidden; width: 757px; padding-left: 10px; } .wsp ul li { float: left; margin-right: 10px; width: 240px; } .wsp ul li img, .imgbox { display: block; width: 240px; height: 140px; } .wsp ul li .tit { text-align: center; line-height: 24px; margin-top: 5px; font-size: 16px; height: 50px; overflow: hidden; } .listtp1{} .listtp1 li{ line-height: 0px; margin-bottom: 10px;} .listtp1 li img { width: 338px; height:74px; } .listtp1 li:last-child { margin-right: 0px; } /*part03*/ .part03 { background: url(http://images1.whatisupapp.com/web_wenming/images/qglh2023030305.jpg) no-repeat center top; overflow: hidden; padding-top: 30px; } .foucuas4 { position: relative; } .foucuas4 .num01 { position: absolute; right: 0; bottom: 5px; } .foucuas4 .num01 li { display: block; width: 10px; height: 10px; border-radius: 50%; background: #ccc; float: left; margin-left: 10px; cursor: pointer; } .foucuas4 .num01 li.on { background: #c00; } .list li { font-size: 18px; padding: 10px 0 10px 16px; line-height: 30px; position:relative } .list li::before { content: ""; width: 6px; height: 6px; position: absolute; left: 0; top: 23px; background: #c00; border-radius: 100%; } .ldtit { font-size: 20px; text-align: center; font-weight: bold; line-height: 32px; color: #c00; } .ldtit a { color: #c00; } .image-sum { text-indent: 2em; line-height: 30px; font-size: 16px; } .image-sum a { color: #333; } .image-sum a:hover { color: #f00; } /*part04*/ .listtp2 li { margin-right: 10px; float: left; } .listtp2 li img { width: 190px; height: 345px; } .listtp2 li img { -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;} .listtp2 li:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .listtp2 li:last-child { margin-right: 0px; } /*part05*/ .part05_l { width: 770px; float: left } .part05_r { width: 414px; height:404px;background: url(/wmzthc/2024lh/images/bgxc_2024lh.png) no-repeat center top; float: right } .part05_r .pannel-img{ margin-top:70px} .part05_r p{ padding: 30px; padding-left: 50px; text-indent: 2em; font-size: 16px; line-height: 30px;} .listtp3 li { margin-right: 15px; float: left; background:#f9f9f9; height:216px } .listtp3 li img { width: 240px; height: 140px } .listtp3 li:last-child { margin-right: 0px; } .listtp3 p{ font-size:18px;width: 240px; text-align:center} /*两会瞬间*/ .wmsjzt { position: relative; } .wmsjzt .prev { width: 51px; height: 45px; position: absolute; top: 30%; left: 0; background: url(http://images1.whatisupapp.com/web_wenming/images/lhhwm220302jtl.png) no-repeat; } .wmsjzt .next { width: 51px; height: 45px; position: absolute; top: 30%; right: 0; background: url(http://images1.whatisupapp.com/web_wenming/images/lhhwm220302jtr.png) no-repeat; } .wmsjzt .prev:hover { background: url(http://images1.whatisupapp.com/web_wenming/images/lhhwm220302jtlhover.png) no-repeat; } .wmsjzt .next:hover { background: url(http://images1.whatisupapp.com/web_wenming/images/lhhwm220302jtrhov.png) no-repeat; } .wmsjzt .prev, .wmsjzt .next { cursor: pointer; top: 23%; } .wmsjzt ul { overflow: hidden; } .wmsjzt ul li { float: left; margin-right: 35px; width: 230px; } .wmsjzt ul li img, .imgbox { display: block; width: 240px; height: 140px; } .wmsjzt ul li .tit { text-align: center; line-height: 24px; margin-top: 5px; font-size: 16px; height: 50px; overflow: hidden; } .wmsjzt ul li img.img_video { display: block; width: 28px; height: 28px; position: absolute; left: 10px; bottom: 10px; } @media(max-width: 768px) { .part { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .domMobile { display: block; } .domPc { display: none; } body{ background:none} .pannel-img{display:none;} .iph-img { display: block; } .iph-img img { width: 100%; height: auto; display: block; } .banner { display: none; } .nav-list { width: 100%; margin: 0; } .hr_50, .hr_30 { height: 20px; } .main-cloum { width: 96%; } .cloum01 { width: 100%; float: none!important; } .foucuas3 .sdi div .tit { line-height: 30px; font-size: 20px; margin: 5px auto; } .hhxx img { width: 50%; float: none; margin-top: 20px; } .listtime, .listtime01 { height: auto; float:left } .listtime ul li, .listtime01 ul li { width: 45px; height: 40px; font-size: 16px; line-height: 53px; margin-bottom: 10px; } .Bbox { background-size: cover; } .listlh li { width: auto; float: none; margin-right: 0; } .lhrc { left: 38%; top: 33%; } .cloum05 { width: 100%; float: none; } .ldtit { font-size: 18px; } .image-sum { font-size: 16px; } .foucuas3 .sdi div .tit { line-height: 30px; } .foucuas3 { height: 285px; } .Bbox { padding-top: 0; } .foucuas3 .sdi div .img img { width: 100%; height: auto; } .tit80 { line-height: 30px; } .bg-box { background-size: contain; padding-bottom: 50px; } .pannel-title{ height:auto} .pannel-img img{ width:100%} .wsp{ height: auto; padding-bottom: 20px; margin-bottom: 20px;} .wsp ul{ width: 100%;}.wsp ul li{ width: 30%;} .wsp ul li img, .imgbox{ width: 100%!important; height: auto!important;} .listtp1{ float: none;} .listtp1 li { margin-right: 0px; width:100% } .listtp1 li img { width: 100%; margin: 0 auto; display: block; margin: 0px auto; height: auto; margin-bottom: 20px } .listtp2 { width: 95%; margin: 0 auto } .listtp2 li { width: 47%; margin-right: 15px } .listtp2 li img { width: 100%; margin: 0 auto; display: block; margin: 0px auto; height: auto; margin-bottom: 20px } .listtp2 li.no-pac { margin-right: 0; } .part05_l { width: 100% } .part05_r{background-size: 90%; margin-right:-12px;} .part05_r .iph-img{ width: 65%; margin-top:60px } .listtp3 { width: 95%; margin: 0 auto } .listtp3 li { width: 47%; margin-right: 15px; height:11rem } .listtp3 li img { width: 100%; margin: 0 auto; display: block; margin: 0px auto; height: auto; margin-bottom: 20px } .listtp3 li.no-pac { margin-right: 0; } .listtp3 p{width: 100%; font-size:16px} .wmsjzt ul li { margin-right: 40px; width: 270px; margin:0 auto } .wmsjzt ul li img, .imgbox { width: 270px; height: 155px; } }