.pos-rel { position: relative; } .shadow { border-radius: 10px; background: #fff; /* box-shadow: 0 0px 5px #e8e8e8; */ box-shadow: 0 0px 5px #dddbdb; } /* header-tit start */ .header-tit { width: 100%; height: 135px; padding: 24px 0; background: #fff; margin-top: 10px; text-align: center; } .header-tit h2 { text-align: center; padding-bottom: 10px; } .header-tit h2 a { /* font-family: simsun, "宋体"; */ font-weight: 550; font-size: 34px; /* display: block; */ white-space: nowrap; } .header-tit ul { width: 95%; display: flex; justify-content: center; line-height: 30px; height: 30px; } .header-tit ul li a { float: left; font-family: simsun, "宋体"; font-weight: bold; } .header-tit ul li { padding: 0 2px; } .toutiao a { position: absolute; right: 0; font-size: 14px; color: #666; bottom: 5px; line-height: 20px; } /* header-tit end */ /* header-con start */ .header-lf { width: 800px; height: 145px; float: left; background: #fff; padding: 20px 10px; } .header-lf h2 { text-align: center; padding-bottom: 10px; } .header-lf h2 a { /* font-family: simsun, "宋体"; */ font-weight: 550; font-size: 24px; /* display: block; */ white-space: nowrap; } .header-lf ul { display: flex; flex-wrap: wrap; padding: 0 20px; } .header-lf ul li { width: 96%; float: left; height: 31px; line-height: 30px; padding: 0 2%; background: url(/uploads/image/simg/dian01.png) left center no-repeat; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .header-rg { width: 388px; height: 145px; float: right; } .sw { margin-right: 13px; } .tu-lun { width: 388px; text-align: left; } .tu-lun .slidebox { overflow: hidden; zoom: 1; padding: 0; position: relative; } .tu-lun .sprev, .tu-lun .snext { position: absolute; left: 0; top: 0; display: block; width: 20px; height: 61px; background: url(/uploads/image/simg/left.png) center center no-repeat #1212122e; z-index: 999; } .tu-lun .snext { left: auto; right: 0; background: url(/uploads/image/simg/right.png) center center no-repeat #1212122e; } .tu-lun .sprev:hover, .tu-lun .snext:hover { border-color: #f60; } .tu-lun .parbd ul { overflow: hidden; zoom: 1; } .tu-lun .parbd ul li { margin-right: 20px; float: left; _display: inline; overflow: hidden; text-align: center; } .tu-lun .parbd ul li img { width: 185px; height: 61px; display: block; } /* header-con end */ /* lunbo start */ /* left start */ .lunbo-fl { width: 814px; height: 475px; float: left; } .focusbox { position: relative; width: 100%; height: 100%; overflow: hidden; } .focusbox .pic { position: relative; z-index: 0; } .focusbox .pic p { position: absolute; left: 0px; bottom: 0; background: url(/uploads/image/simg/lb-bg.png) repeat-x; width: 100%; padding-left: 25px; height: 60px; line-height: 60px; text-align: left; } .focusbox .pic p a { color: #fff; font-size: 16px; } .focusbox .pic img { width: 814px; height: 475px; display: block; } .focusbox .hd { width: auto; right: 15px; position: absolute; bottom: 20px; text-align: center; font-size: 0; z-index: 1; } .focusbox .hd li { margin: 0 5px; background: url(/uploads/image/simg/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer; display: inline-block; } .focusbox .hd .on { background-position: 0 0; } /* left end */ /* right start */ .lunbo-rg { width: 386px; height: 475px; float: left; /* background: no-repeat; */ background-size: cover; position: relative; } .lunbo-rg ul { background: url(/uploads/image/simg/lunbo-bg.png); width: 100%; height: 475px; padding: 0 8px; box-sizing: border-box; } .lunbo-rg ul li { display: block; border-bottom: 1px solid #2f3c55; width: 100%; height: 68px; padding: 5px 15px; position: absolute; } .lunbo-rg ul li.line29{ line-height: 29px; } .lunbo-rg ul li.line68{ line-height: 58px; } .lunbo-rg ul li.pos01 { top: 0px; } .lunbo-rg ul li.pos02 { top: 68px; } .lunbo-rg ul li.pos03 { top: 136px; } .lunbo-rg ul li.pos04 { top:204px; } .lunbo-rg ul li.pos05 { top: 272px; } .lunbo-rg ul li.pos06 { top: 340px; } .lunbo-rg ul li.pos07 { top: 408px; } .lunbo-rg ul li:last-child { border-bottom: 0; } .lunbo-rg ul li a { width: 100%; height: 57px; font-size: 16px; color: #fff; } .lunbo-rg .on { width: 406px; height:57px; background: #173d91; position: absolute; right: 0; } .lunbo-rg ul li:hover { z-index: 999; width: 406px; height: 67px; background: url(/uploads/image/simg/hover.png); position: absolute; right: 0; box-shadow: 0 0px 5px #52525280; } .lunbo-rg ul li a:hover { color: #fff !important; text-decoration: none; width: 390px; height: 67px; display: block; padding-right: 30px; box-sizing: border-box; } /* right end */ /* lunbo end */ /* one content start */ .one-lf { width: 956px; height: 305px; float: left; background: #fff; border-radius: 10px; } /* 原创 */ .yc-lf { width: 468px; height: 472px; float: left; } .yc-lf img { width: 100%; height: 311px; border-radius: 10px 10px 0 0; } .yc-lf h2 a, .yc-lf p, .yc-con .right p a { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; padding: 0 20px; } .yc-lf h2 a { -webkit-line-clamp: 1; line-height: 60px; height: 60px; font-size: 18px; } .yc-lf p { font-size: 14px; color: #666; line-height: 20px; -webkit-line-clamp: 2; text-indent: 2em; margin-bottom: 20px; } .time { width: 100%; height: 27px; padding: 0 20px; } .time span a { width: auto; padding: 0 15px; line-height: 27px; text-align: center; font-size: 14px; color: #666; float: left; background: #efefef; border-radius: 10px; } .time i { line-height: 27px; text-align: center; font-size: 14px; color: #666; float: right; } .yc-con { width: 468px; height: 150px; float: right; margin-bottom: 10px; } .yc-con img { width: 225px; float: left; height: 150px; border-radius: 10px 0 0 10px; } .yc-con .right { width: 243px; float: right; display: block; } .yc-con .right p a { padding: 15px 20px 5px; line-height: 25px; -webkit-line-clamp: 3; height: 95px; margin-bottom: 20px; } /* 地方频道 */ .place { width: 100%; height: 195px; } .place-tit { width: 100%; height: 41px; line-height: 41px; background: url(/uploads/image/simg/jiao.png) left top no-repeat #fff; border-radius: 10px 10px 0 0; } .place ul { width: 100%; overflow: hidden; } .place ul li { height: 30px; line-height: 30px; float: left; background: #fff; border-radius: 10px; margin: 9px 7px 0 0; } .place ul li:hover { background: #3c5894; } .place ul li a:hover { color: #fff !important; text-decoration: none; } .place ul li:nth-child(3), .place ul li:nth-child(7), .place ul li:nth-child(10), .place ul li:nth-child(13) { margin-right: 0; } .place ul li a { display: block; text-align: center; font-size: 14px; } .w60 { width: 60px; } .w40 { width: 40px; } .w80 { width: 88px; } /* one content end */ /* two content start */ .two { margin: 15px auto 10px !important; } /* 广告条 */ .ad { margin: 20px auto; clear: both; overflow: hidden; } .ad img { /*height: 60px;*/ /* margin: 10px 0; */ } .ad01 { width: 100%; } .ad02 { /*width: 593px;*/ width: 470px; } .ad03 { width: 966px; } .ad04 { width: 467px; } /* two content end */ /* three content start */ /* 品牌栏目 */ .three-lf { width: 966px; overflow: hidden; float: left; padding: 5px; } .pinpai { width: 100%; overflow: hidden; } .pinpai ul { width: 920px; display: flex; justify-content: space-between; flex-wrap: wrap; margin: auto; } .pinpai ul li { width: 299px; height: 150px; float: left; margin-bottom: 30px; overflow: hidden; } .pinpai ul li p{ position: absolute; } .pinpai ul li img { width: 299px; height: 150px; border-radius: 10px; position:absolute; } /* 国内 */ .zong { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } .guonei { width: 467px; height: 367px; /*margin-bottom: 20px;*/ } .guonei-con { padding: 0 15px; overflow: hidden; } .guonei-con img { width: 208px; height: 134px; float: left; margin-bottom: 20px; border-radius: 10px; } .guonei-con .top { width: 205px; height: 134px; float: right; } .guonei-con .top span a, .guonei-con .top h2 a { display: block; width: 205px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; } .guonei-con{ -webkit-line-clamp: 2; margin-bottom: 25px; line-height: 25px; } .top h2 a { -webkit-line-clamp: 4; margin-bottom: 25px; line-height: 30px; } .guonei-con .top span a { -webkit-line-clamp: 3; color: #666; text-indent: 2em; } .guonei-con .bot { width: 100%; clear: both; margin-top: 20px; } .guonei-con .bot li { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; line-height: 35px; -webkit-line-clamp: 1; } /* 旅游 */ .tour { width: 100%; height: 287px; margin-bottom: 15px; } .tour ul { width: 920px; display: flex; margin: auto; justify-content: space-between; } .tour ul li { height: 205px; width: 299px; } .tour ul li img { width: 100%; height: 150px; border-radius: 10px; margin-bottom: 5px; } .tour ul li p { display: -webkit-box; line-height: 24px; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; padding: 0 10px; } /* 法治 */ .fazhi { width: 100%; overflow: hidden; padding-top: 5px; } .fazhi ul { display: flex; flex-wrap: wrap; justify-content: space-between; } .fazhi li { float: left; margin-bottom: 20px; } .fazhi-li { width: 200px; margin: auto; overflow: hidden; margin-bottom: 20px; } .fazhi-li span img { float: left; padding: 9px 8px 0 0; } .fazhi-li p a { display: block; line-height: 25px; width: 186px; overflow: hidden; float: left; height: 50px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; } .kuan { width: 94% !important; margin-bottom: 15px !important; } .kuan p a { display: block; line-height: 25px; height: 25px !important; overflow: hidden; float: left; } .w220 { width: 223px; height: 295px; } .w460 { width: 468px; height: 205px; } .fapic01 { background: url(/uploads/image/simg/fazhi01.png) no-repeat #fff; background-position: 95% 97%; } .fapic02 { background: url(/uploads/image/simg/fazhi02.png) no-repeat #fff; background-position: 95% 97%; } .fapic03 { background: url(/uploads/image/simg/fazhi03.png) no-repeat #fff; background-position: 95% 97%; } .fapic04 { background: url(/uploads/image/simg/fazhi04.png) no-repeat #fff; background-position: 95% 97%; } .fapic05 { background: url(/uploads/image/simg/fazhi05.png) no-repeat #fff; background-position: 97% 97%; } .fapic06 { background: url(/uploads/image/simg/fazhi06.png) no-repeat #fff; background-position: 97% 97%; } /*2023年3月31日 10:09:30,调整首页的原创的向上箭头*/ /* 07新增 height: 27px; bottom: 0; margin-top: 10px; .fapic070新增 .time1新增 */ .fapic07 { background: url(/uploads/image/simg/fazhi07.png) no-repeat #fff; background-position: 97% 97%; height: 27px; bottom: 0; margin-top: -25px; } .fapic070 { background: url(/uploads/image/simg/fazhi07.png) no-repeat #fff; background-position: 97% 97%; height: 27px; bottom: 0; margin-right: 8px; } .time1 { width: 100%; padding: 0 20px; } /* three content start */ /*2023年5月9日 16:16:33 维度新闻 新增样式,列表形式 start*/ .onr-con{ width: 950px; margin: auto; height: 243px; margin: 5px 20px 0 20px; box-sizing: border-box; } .onr-con li{ float: left; display: block; width: 50%; height: 38px; } /*.onr-con li:nth-child(1n){*/ /* margin-right: 4%;*/ /*}*/ .onr-con li a{ display: block; width: 92%; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; line-height:38px; background: url(/uploads/image/simg/dian.png) no-repeat center left; text-indent: 10px; font-size: 16px; } /*2023年5月9日 16:16:33 维度新闻 新增样式,列表形式 end*/ /* 维度视频 新增 start */ .weidu{width: 100%;overflow: hidden;} .picscroll-left{ width:100%; overflow:hidden; position:relative; } .picscroll-left .hd{ overflow:hidden; height:30px; padding:0 10px; } .picscroll-left .hd .prev,.picscroll-left .hd .next{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; cursor:pointer; background:url(/uploads/image/simg/arrow.png) no-repeat;} .picscroll-left .hd .next{ background-position:0 -50px; } .picscroll-left .hd .prevstop{ background-position:-60px 0; } .picscroll-left .hd .nextstop{ background-position:-60px -50px; } .picscroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; } .picscroll-left .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background: 0 -9px no-repeat; } .picscroll-left .hd ul li.on{ background-position:0 0; } .picscroll-left .bd{ padding:0 5px 10px; } .picscroll-left .bd ul{ overflow:hidden; zoom:1; } .picscroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; } .picscroll-left .bd ul li .pic{ text-align:center; } .picscroll-left .bd ul li .pic img{ width:172px; height:305px; display:block;border-radius: 10px;} .picscroll-left .bd ul li .pic a:hover img{ border-color:#999; } .picscroll-left .bd ul li .title{ line-height:24px; } /* 维度视频 新增 end */