/* 淇″彿灞变娇鐢 */ @import url("base-pc.css"); .focus-title .title, .focus-title .desc, .recommend-news .list li .title, .recommend-news .list li .desc, .image-list li .title, .image-list li .desc, .text-list li .title, .text-list li .desc, a.detail, .load-more p { font-family: "qdxin serif SC"; } a.detail{color: #096b9b;padding-left: 10px;} p.desc{overflow: hidden;} .focus-title .title:hover, a.detail:hover, .recommend-news .list li .title:hover, .image-list li .title:hover, .text-list li .title:hover {color: #f3bc09;} .header{ width: 100%; background-repeat: no-repeat; background-position: top center; background-image: url(../imgs/pc-banner.jpg); height: 100%; position: absolute; z-index: -1; } .header.xinhaonews{ background-image: url(../imgs/xinhaonews-pc-banner.jpg); } .mainArticle{ width: 1200px; margin: 290px auto 0; background-color: #fff; min-height: 400px; } .focus-wrapper{ padding: 0 16%; } .focus-title{padding-bottom: 0px;border-bottom: 5px solid #E7E7E7;} .focus-title.has-img{ position: relative; padding-left: 230px; } .focus-title.has-img .img-x{ position: absolute; width: 200px; height: 130px; overflow: hidden; left: 0; top: 15px; border: 1px solid #f2f2f2; } .focus-title.has-img .img-x img{ display: block; width: 100%; min-height: 100%; object-fit: cover; } .focus-title .head{overflow: hidden;} .focus-title .head img{float: left;height: 70px;margin-right: 20px;} .focus-title .title{font-weight: 700;font-size: 34px;float: left;width: 830px;padding-top: 10px;/*overflow: hidden;text-overflow: ellipsis; -o-text-overflow: ellipsis;white-space:nowrap;*/} .focus-title .desc{font-size: 16px;padding-top: 5px;padding-bottom: 20px;} .focus-title .desc a{padding-left: 10px;} .focus-title:first-child{margin-bottom: 5px;} .focus-title.lite{border-bottom: 1px dashed #ccc;} .focus-title.lite .title{font-size: 26px;width: 100%;} .focus-title .dataR { color: #009688; padding: 10px 0 5px; font-size: 12px; } .recommend-news{overflow: hidden;width: 100%;padding: 20px 0;} .recommend-news .list{ float: left; width: 465px; height: 260px; } .recommend-news .list li{margin-top: 15px;} .recommend-news .list li:first-child{margin-top: 0;} .recommend-news .list li .title{ font-size: 20px; } .recommend-news .list li .desc{color: #4c4d4d;padding: 10px 0;font-size: 14px;line-height: 22px;} .slider-wrapper{float: right;width: 470px;height: 260px;overflow: hidden;} .banner{width: 100%;padding: 20px 0 10px;} .banner img{display: block;width: 100%;} .image-list{overflow: hidden;padding: 30px 0 10px;} .image-list li{float: left;width: 460px;margin-right: 40px;margin-bottom: 30px;} .image-list li:nth-child(even) {margin-right: 0;} .image-list li.nomarg{margin-right: 0;} .image-list li .imgbox{height: 240px;overflow: hidden;display: block;position: relative;} .image-list li .imgbox img{width: 100%;display: block;object-fit: cover;min-height: 100%;transition: all 0.5s;} .image-list li .imgbox img:hover{transform: scale(1.2);} .image-list li .title{font-size: 20px;border-left: 5px solid #E03637;padding-left: 10px;display: block;margin: 10px 0;font-weight: 700;overflow: hidden;text-overflow: ellipsis; -o-text-overflow: ellipsis;white-space:nowrap;} .image-list li .desc{font-size: 16px;line-height: 24px;color: #4c4d4d;} .text-list{ overflow: hidden; margin-top: 30px; } .text-list li{float: left;width: 420px;margin-right: 40px;background-color: #F8F8F8;padding: 20px;margin-bottom: 30px;height: 124px;} .text-list li:nth-child(even) {margin-right: 0;} .text-list li.nomarg{margin-right: 0;} .text-list li .title{font-size: 20px; color: #333344;font-weight: 700;display: block; height: 34px;line-height: 34px;margin-bottom: 10px;overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;} .text-list li .desc{color: #7B7B7B;line-height: 26px;} .text-list li .con-wrap{overflow: hidden;} .text-list li .con-wrap.hasimg .desc{line-height: 21px;} .text-list li .con-wrap .imgbox{float: left;width: 140px;overflow: hidden;height: 80px;margin-right: 15px;transition: all 0.4s;} .text-list li .con-wrap .imgbox:hover{opacity: 0.6;} .text-list li .con-wrap .imgbox img{display: block;width: 100%;object-fit: cover;} .load-more{width: 166px;overflow: hidden;margin: 0 auto;padding:10px 0 30px} .load-more img, .load-more p{float: left;} .load-more img{width: auto;height: 30px;} .load-more p{height: 30px;line-height: 30px;margin-left: 10px;font-size: 18px;color: #7B7B7B;} .good{ position: absolute; padding: 5px; height: 40px; right: 0; bottom:-7px; } .good a{ background-image: url(../imgs/zan.png); background-image: -webkit-image-set(url(../imgs/zan.png) 1x,url(../imgs/zan@2x.png) 2x); background-repeat: no-repeat; } .good a{ display: block; float: right; width: 40px; height:33px; line-height: 33px; text-align: center; border-radius: 5px 5px; color: #df6981; background-color: #fff9e4; font-size: 18px; font-weight: 600; background-position: 0 0; } .good a:hover{ background-position: -40px 0; } .goodnum{ background: #fff9e4; border-radius: 5px 5px; float: left; padding: 5px 10px 5px 10px; margin: 1px 5px 0 0; } .good br{clear: both;} .good span{ font-size: 18px; font-weight: 400px; line-height: 20px; color: #3e3a39; } .good em{ font-style: normal; font-size: 12px; line-height: 20px; color: #b4b2b2; } .ewm-bot-wrapper{width: 960px;margin: 0 auto;padding: 0 20px;} .ewm-bot ul{ background: #f6f6f6; margin-top: 20px; padding: 10px 0; } .ewm-bot ul li{ float: left; width: 110px; height: 55px; padding: 10px 13px; line-height: 20px; background: #fff; margin: 0 20px; } .ewm-bot ul .lastC{width: 190px;float: right;} .ewm-bot ul li img{ float: left; width: 60px; height: 60px; } .ewm-bot ul li p{ float: right; width: 30px; height: 30px; margin-top: 8px; margin-right: 5px; } a#go-top { background-image: url(/img/sprit20200419.png); background-image: -webkit-image-set(url(/img/sprit20200419.png) 1x,url(/img/sprit20200419@2x.png) 2x); background-repeat: no-repeat; display: block; width: 40px; height: 40px; background-position: -130px -253px; color: #999; text-decoration: none; text-indent: -9999em; line-height: 25px; } .headwarp{ display: none; } .pc-head{ width: 100%; margin: 0 auto; background: #eee; } .ListHead{width: 1200px; height:50px; padding:20px 0 10px; line-height: 45px;margin: 0px auto 0px auto;} .ListHead .chNlogo{float: left; width: 430px; height: 40px; overflow: hidden;} .ListHead .chNlogo dt a{float:left; width: 70px } .ListHead .chNlogo dd{float:left;height: 40px; line-height: 38px;font-size: 30px; color: #fff; background:#54A9DD;padding: 0 20px 0 23px ; border-radius:2px; position: relative; } .ListHead .chNlogo dd:after{content: ''; position: absolute; left:0; top:4px; width: 0; height: 0; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-left: 10px solid #eee;} .ListHead .souQ{float: right; margin-top:5px; } .ListHead .souQ dt{float: right;} .ListHead .souQ dd{float: right; margin:5px 0 0 50px; } .ListHead .souQ dt a{ float: left; height: 32px; width: 136px; background-position: 0 0; text-indent: -9999em; background-image: url(/img/nei20200611.png); background-image: -webkit-image-set(url(/img/nei20200611.png) 1x,url(/img/nei20200611@2x.png) 2x); background-repeat: no-repeat; } .ListHead .chNlogo dt a { float: left; width: 70px; background-image: url(/img/nei20200611.png); background-image: -webkit-image-set(url(/img/nei20200611.png) 1x,url(/img/nei20200611@2x.png) 2x); background-repeat: no-repeat; } .chNlogo dt a { float: left; height: 40px; width: 114px; background-position: -46px -58px; text-indent: -9999em; } .souQ dd .soinpt input{width:195px; padding-left:10px; line-height: 28px; height: 28px; background: #fff; border: 1px solid #e2e2e2; float: left;} .souQ dd .soS a{width:80px;line-height: 30px; height: 30px; font-size: 14px; background: #ddd; color: #222; float: left; text-align: center; } .channaleMenu{border-top:1px solid #FAC63E; margin-bottom:5px;height: 50px; overflow: hidden; background: #fff; width: 1200px;margin: 0 auto;} .channaleMenu .daoHangK{ height: 40px; width: 1200;line-height: 40px; border-bottom: 10px solid #F5F5F5; position: relative; background:#fff; } .channaleMenu .daoHangK .menuq{height: 40px;position: absolute;left: 50%;margin-left: -61px;} .channaleMenu .daoHangK .menuq li{float: left; height: 40px; line-height: 40px; border-left:1px solid #F5F5F5;} .channaleMenu .daoHangK .menuq li a{font-size: 20px; padding: 0 30px;height: 40px; line-height: 40px; display: block; color:#444;} .channaleMenu .daoHangK .menuq li a:hover{background: #fffad1; text-decoration: none; color: #888;} .channaleMenu .daoHangK .menuq .dangQ a {background: #ffdf72; position: relative; color: #000; } .channaleMenu .daoHangK .menuq .dangQ a:after{content: ''; position: absolute; bottom: -10px; left:50%; margin-left:-16px; width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 10px solid #ffdf72; } .channaleMenu .daoHangK .menuq li a:hover::after{border-top: 10px solid #fffad1;} .weather{height: 35px;font-size: 12px; float: right; padding: 4px 20px 0 0; color: #888; overflow: hidden; } .weather span{float: left; height: 35px; line-height: 35px; padding-right:5px; } .weather .weaIcon img{width:20px; height:20px; float: left; padding-top: 7px;} .weather .telRex{font-size: 16px; position: absolute; margin-top: -5px; width: 200px; right: 10px; color: #444;} .pageArea{ padding:10px 0; margin:0 10px;} .ipages { font-family:Tahoma; font-size: 16px; text-align:center; margin:10px; color: #999;} .ipages a { color:#555; background:#FFF; border:1px solid #E1E1E1; padding:5px 10px; text-decoration:none; } .ipages a:hover{background:#FFC000; color:#fff;border:1px solid #FFC000;} .ipages strong { color:#fff; background:#FFC000; border:1px solid #FFC000; padding:5px 10px; } .ipages span{ color:#a7a7a7; background:#fff; padding:5px 10px; font-size: 18px;} a.PreviousLink:link{ color:#a7a7a7; border:1px solid #E1E1E1; background:#F2F2F2 url(ipagearrow1.gif) no-repeat 10px 10px; padding:5px 10px 5px 18px; } a.PreviousLink:hover{background:#fff url(ipagearrow1.gif) no-repeat 10px 10px; color:#a7a7a7; border:1px solid #E1E1E1;} a.NextLink:link{ color:#0B398C; border:1px solid #E1E1E1; background:#fff url(ipagearrow2.gif) no-repeat right; padding:5px 18px 5px 10px; } a.NextLink:link:hover{background:#f1f1f1 url(ipagearrow2.gif) no-repeat right; color:#0B398C; border:1px solid #E1E1E1;} .ipages span,a.PreviousLink:link{margin-right:4px; display:inline-table;}