body{overflow-x:100%;} /*头条*/ .toutiao{/*height: 150px;*/ background: #f6f6f6; overflow:hidden;} .toutiaoConL{display: block; width: 140px; height: 125px; background: #46b9b4; text-align: center; letter-spacing: 10px; padding-top:25px; font-size: 35px; color: #fff;font-weight:bold;padding-left: 10px;} /* .toutiaoConR{margin-left:130px; width: 890px;} .toutiaoConR a{display: block; max-width: 98%; line-height: 150px; height: 150px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; font-size: 36px; color: #000;} */ .toutiaoConR { margin-left:30px; width: 1000px;display: table;height: 150px; } .toutiaoConR a { max-width: 98%;font-size: 36px; color: rgb(0,77,194);vertical-align: middle;text-align: center; } /* 头条新样式隐藏了 */ .topnews {max-width:1140px;padding:30px;margin:auto;} .topnews h1 {text-align:center;} .topnews h1 a {font-size:42px;color:brown;} .topnews p {max-width:900px;margin:auto;line-height:30px;} .topnews p a {display:inline-block;font-size:16px;width:430px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .topnews p span {position:relative;top:-9px;margin:0px 10px;} .topnews p a:first-child { text-align: right; } .banner .owl-theme .owl-nav.disabled + .owl-dots { position: absolute; bottom:40px; left:47%;} .banner .owl-theme .owl-dots .owl-dot.active span{width: 50px; background: #46b9b4;} /* 正文 */ /*专题报道*/ .right .swiper-container{height:420px;overflow:hidden;} .right .swiper-wrapper{height:100% !important;} .right .swiper-slide{height:190px !important;margin-bottom:20px;} .right .swiper-slide img{height:190px;object-fit:cover;} .zt_more a { margin-top: 10px;float: right;color: #333;font-size: 16px; } /*内容一*/ .con1{overflow: hidden; padding-top:85px; background: url(con1Bg.png) center top no-repeat; margin-bottom:65px;} .con1L{position: relative; width: 50%; height: 530px;} .bgBlue{background: #46b9b4; height: 265px; position: absolute; bottom:0px; left: 0px; display: block;width: 100%;} .tpxw{width: 594px; height: 530px; position: absolute; right: 0px; top: 0px;} .tpxw .item span{display: block;} .tpxw .item span img{width: 594px; height: 405px;object-fit: cover;} .tpxw .item span font{display: block; font-size: 20px; color: #fff; line-height: 25px; margin-top:15px;} .tpxw .item a font{display: block; font-size: 20px; color: #fff; line-height: 25px; margin-top:15px;} .tpxw .item a i{font-style: normal; display: block; font-size: 16px; color: #fff; margin-top:10px;} .con1R{position: relative; width: 50%; height: 645px;} .gray{background: #f9f9f9; position: absolute; bottom:0px; height: 545px; width: 100%;} .jtyw{position: absolute; left:0px; top:0px; width: 565px; height:100%; border-left:solid 10px #fff; padding-left: 25px; z-index: 10;} .GgTit{margin-bottom: 60px;} .GgTit a{border-bottom:solid #f2e15c 3px; display: inline-block; font-size: 36px; color: #080808; height: 60px; line-height: 60px; font-weight: normal;} .list{margin-top:10px;} .list li{margin-bottom:15px;} .list li a{ font-size: 20px; color: #444; display: block; font-weight: normal;} .list li span{color: #46b9b4; font-size: 14px; display: block;} /*内容2*/ .con2{position: relative;} .con2L{width: 590px;} .con2R{width: 590px;} .con2Bg{position: absolute; left: -600px; top:-40px;} .yxkxList li{overflow: hidden; margin-bottom: 20px;} .yxkxList li span{float: left; width: 45px; height:45px; display: block; background: #8e8e8e; text-align: center;} .yxkxList li span i,.yxkxList li span font{display: block; font-style: normal;} .yxkxList li span i{font-size: 20px; color: #fff;} .yxkxList li span font{ font-size: 12px; color: #fff; } .yxkxList li a{float: left; display: block; height: 45px; width: 530px;margin-left: 15px; line-height: 22px; font-size: 16px; color: #444;} .con2R .list{margin-top:0px;} .con2R .list li{padding-left: 20px; background: url(icon.png) 0 10px no-repeat;} .con2R .list li{} .con2R .list li a{font-size: 16px; color: #444; margin-bottom:2px;} /*内容三*/ .con3{position: relative; overflow:hidden;} .con3Bg{position: absolute; right: -80px; top:0px;} .cyTit{text-align: center; position: relative; margin:60px auto;} .cyTit a{ display: inline-block; font-size: 36px; color: #080808; height: 60px; line-height: 60px; font-weight: normal;border-bottom: solid #46b9b4 3px;} .cyTit i{display: inline-block; width: 179px; height: 3px; background: #46b9b4; position: absolute; bottom: 0px; left:50%;} .cyList{overflow: hidden;} .cyList li{width: 393px; height: 310px; overflow: hidden; float: left; margin-right:10px; margin-bottom:10px;} .cyList li.li3,.cyList li.li5,.cyList li.li8,.cyList li.li10{margin-right:0px;} .cyList li.li4{width: 470px;} .cyList li.li5{width: 720px;} .cyList li.li6{width: 710px;} .cyList li.li10{width: 480px;} .cyList li a,.cyList li a img{display: block; width: 100%; height: 100%; overflow: hidden;} .cyList li a{position: relative;} .cyList li a span{display: block; width: 100%; height: 100%; position: absolute;} .cyList li a span.spanBg{background: #46b9b4; opacity: .6;filter:alpha(opacity=60);z-index: 10; transition: all 0.5s ease-out 0s;} .cyList li a span.spanCon{text-align: center; z-index: 11;} .cyList li a span.spanCon font{ color: #fff; font-size: 30px; margin-top:130px; display: inline-block; transition: all 0.5s ease-out 0s;} .cyList li a span.spanCon span.spanSummry{position: static; width: 90%; display: block; margin:25px auto; font-size: 16px; color: #fff; height: 100px; -overflow-y: scroll; text-align: left; line-height: 25px;display: none;} /*滚动条样式*/ .spanSummry::-webkit-scrollbar {/*滚动条整体样式*/ width: 4px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .spanSummry::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 2px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.2); background: rgba(0,0,0,0.2);height:70px; } .spanSummry::-webkit-scrollbar-track {/*滚动条里面轨道*/ border-radius: 2px; } .cyList li:hover .spanBg{background: url(jbBG.png) 0 bottom repeat-x;} .cyList li:hover span.spanCon font{margin-top:70px;} .cyList li:hover span.spanCon .spanSummry{display: block;} /*专题专栏*/ .con4{padding:75px 0px; background: #f4f4f4 url(/cnnc/uiFramework/commonResource/image/2022021009473767184.jpg) center top no-repeat; margin:80px auto;} .ztTit{margin-bottom: 60px; text-align: center;} .ztTit a{border-bottom:solid #46b9b4 3px; display: inline-block; font-size: 36px; color: #080808; height: 60px; line-height: 60px; font-weight: normal; display: inline-block !important;} .ztzlList .swiper-container ul li a img{width:100%;-o-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} .ztzlList a:hover img{-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);} .ztzlList .left{width:647px;} .ztzlList .right{width:525px;} .ztzlList .right .Li1{/*display:none;*/} .ztzlList .right p a{display:block;} .ztzlList .right p a img{width:100%;height:190px;} .ztzlList .right p{height:190px;overflow:hidden;} .ztzlList .right .Li2{margin-bottom:20px;} .videobgc {background-color:#000;} /*企业文化|社会责任*/ .con5{position: relative;} .con5Bg{position: absolute; left: -600px; top:-40px;} .qywh,.shzr{ width: 545px; float: left; margin-bottom:85px;} .qywh{margin-right:110px;} .qywh a.a1,.shzr a.a1{display: block; width: 100%; height: 353px; overflow:hidden;} .qywh a img,.shzr a img{ width: 100%; height: 100%; display: block; -object-fit:cover;-o-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;} .qywh a:hover img,.shzr a:hover img{-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);} .kjLink{overflow:hidden; margin-bottom:70px;} /* 四个友情链接样式 */ /* .kjLink li{width: 230px; height: 105px; float: left;background: #f1f1f1; padding-top:30px; margin-right: 93px;} */ /* 两个友情链接样式 */ .kjLink li { width: 49%;padding: 30px 0px;float: left;background: #f1f1f1; } .kjLink li.li1 { margin-right: 2%; } .kjLink li.li2 { padding: 26px 0px; } .kjLink li a img { display: inline-block;margin: 0 20px 10px 0px; } .kjLink li.li4{margin-right:0px;} .kjLink li a{display: block; text-align: center;} .kjLink li a img{ /* margin:0 auto 20px; display: block; */ -object-fit:cover;-o-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s; } .kjLink li a font{color: #344a95; font-size: 20px;} .kjLink li a:hover img{animation: effectR 1s;-moz-animation: effectR 1s;-webkit-animation: effectR 1s;-o-animation: effectR 1s;} /*侧边导航*/ .sliderNav{width:130px; height:0; position:fixed; right:20px; top:50%; margin-top:-279px;z-index:1000; display:none;} .sliderNav li{width:100%; height:40px; line-height:40px; text-align:center; border-bottom:solid 3px #fff; background:#6b80c9;} .sliderNav li a{display:block; font-size:16px; color:#fff;} .sliderNav li:hover{background:#46b9b4;} @media only screen and (max-width:1200px) { /*底部*/ } @media only screen and (max-width:768px) { /*底部*/ } /*ie8调整*/ @media \0screen { } @keyframes effectR { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); } 25% { transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } /*50%{transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);}*/ 75% { transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); } 100% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); } } /*响应式*/ @media screen and (max-width:1240px){ .toutiao .maxWidth{padding:0;} .toutiao{height:auto;} .toutiaoConR a{white-space: normal;max-width:none;padding:10px 20px;} .toutiaoConL{height:auto!important;line-height:30px;padding:25px 10px;} .toutiaoConR a{font-size:20px;line-height:26px!important;height:auto;} .toutiaoConR{width:calc(100% - 180px);max-width:none;margin-left:0;height:110px;} .gray{display:none;} .GgTit{margin-bottom:1.5em;} .list li{padding-bottom:15px;border-bottom:1px solid #ccc;} .list li a{width:100%;display:block;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;} .GgTit a, .ztTit a{font-size:24px;} .cyList li a span.spanCon font{margin-top:30px;} .cyList li:hover span.spanCon font{margin-top:20px;} .cyList li a span.spanCon span.spanSummry{font-size:14px;line-height:24px;margin:20px auto 0;} .con4{margin:30px auto;padding:20px 0;} .qywh, .shzr{margin-bottom:30px;} } @media screen and (max-width:768px){ /* 头条新样式 */ .topnews h1 a { font-size: 20px; } .topnews p span { display:none; } .topnews p a { text-align: center !important;width: 100%; } .newsPlay01 .item img{display:block;height:40vw;width:100%;object-fit:cover;} /*bannner*/ .banner .owl-theme .owl-nav.disabled + .owl-dots{margin-left:-20px; bottom:10px;} .banner .owl-theme .owl-dots .owl-dot.active span{width:25px;} .owl-theme .owl-dots .owl-dot span{margin:5px;} .toutiaoCon{display: flex;} .toutiaoConL{height:70px;font-size:17px;color:#fff;flex:0 0 70px;} .toutiaoConR {flex: 1;margin-left: 0px;} .toutiaoConR a{line-height: 45px; height:auto;} .con1{background: none;} .sliderNav,.con3Bg,.con2Bg{display:none !important;} .con1{width:92%; margin:0 auto; padding-top:25px;} .con1L,.con1R,.con2L,.con2R,.qywh, .shzr{float: none; width:100%;} .cyList li{width:48% !important; margin:0 1% 10px !important;height: 35vmin;} .cyList li.li10{width:100%;} .cyTit{text-align: left; margin:15px auto;} .cyTit a{font-size: 18px;} .cyTit i{left: 0px; width:20%;} .tpxw{width:100%; height:auto;} .tpxw .item span img{width:100%; height: 56vmin;} .con1L{height: 310px;} .bgBlue{height: 105px;} .tpxw .item font{color:#fff; padding:10px 10px 0; display:block; font-size:16px;} .tpxw .item i{padding:0 10px;} .jtyw{padding-left: 0px; margin-left:0px; border-left:0px;} .jtyw{position:static;width:auto;height:auto;} .tpxw .item a font, .tpxw .item a i{display:none;} .bgBlue{display:none;} .con1R{height:auto!important;} .con1L{height:auto!important;} .tpxw{position:static;} .cyList li a span.spanCon span.spanSummry{font-size:12px;line-height:20px;} .cyList li a span.spanCon font{font-size:20px;} .yxkxList li a{width:80%;} .cyList li{height:40vw;} .cyList li a img{object-fit:cover;} .ztzlList .left{width:auto;float:none;} .ztzlList .left object{height:auto!important;} .ztzlList .left object embed{height:auto!important;width:100%!important;} .ztzlList .right{width:auto;float:none;margin-top:20px;} .ztTit{margin-bottom:30px;} .kjLink li{margin-right:0;width:auto;float:none;margin:20px 0;} .kjLink{margin-bottom:30px;} .kjLink li.li1 { margin-right: 0px; } } /*庆党100周年飘红*/ .qd100cont { width: 1200px; margin: 0 auto; overflow: hidden; } .dys_addLink img { float: right; } .qd100bg { background: url(/cnnc/resource/cms/2021/06/2021062914051628557.jpg); } @media only screen and (max-width:1260px){ .qd100cont{width: 100%;} .dys_addLink img {float: unset;} .dys_addLink {display:block;margin: 0 auto;text-align:center;} }