.content { margin-bottom: 60px; } /* banner */ .banner { width: 100%; height:480px; background: url(news_bg.jpg) no-repeat center top; } .ban_con { overflow: hidden; width: 960px; margin: 0 auto; padding-top: 15px; } .ban_tit { font-size: 36px; color: #fff; margin-bottom: 20px; } .ban_slide { width: 650px; height: 320px; position: relative; } .ban_slide_list li { width: 600px; height: 320px; position: relative; overflow: hidden; } .ban_slide_list li img { min-width: 600px; min-height: 320px; } .ban_slide_list li .txt { position: absolute; width: 100%; bottom: 0; left: 0; height: 70px; background: url(/faway/template/page/index/black60.png); } .ban_slide_list li .txt p { padding: 0 45px; } .ban_slide_list li .tit { height: 45px; line-height: 45px; } .ban_slide_list li .tit .s1 { display: block; float: left; max-width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 18px; } .ban_slide_list li .tit .s2 { display: block; float: right; font-size: 16px; color: #dedede; } .ban_slide_list li .smy { font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ban_slide_but { position: absolute; right: 0; bottom: -22px; } .ban_slide_but li { width: 8px; height: 8px; background: #fff; float: left; margin-left: 8px; border-radius: 50%; } .ban_slide_but li.on { background: #e68900; } .ban_hot_con { width: 300px; } .ban_hot_list li { width: 300px; height: 148px; margin-bottom: 24px; overflow: hidden; } .ban_hot_list li img { min-width: 100%; min-height: 100%; } /* 导航 */ .news_nav { width: 100%; height: 64px; border-bottom: 1px solid #b5b5b5; } .news_nav_list { height: 40px; padding-top: 24px; } .news_nav_list li { float: left; margin-right: 110px; line-height: 40px; } .news_nav_list li a { display: block; font-size: 18px; color: #999; } .news_nav_list li.on a { font-size: 30px; color: #000; border-bottom: 3px solid #3271ae; line-height: 39px; } /* 列表 */ .news_con { margin-top: 80px; } .news_list li { overflow: hidden; margin-bottom: 50px; } .news_list li .img { width: 285px; height: 160px; float: left; background: url(/faway/resource/cms/2019/11/img_pc_site/2019112910395043160.jpg) no-repeat; margin-right: 40px; } .news_list li .txt { width: 660px; float: left; } .news_list li .txt .tit { font-size: 18px; color: #333; margin-bottom: 20px; } .news_list li .txt .smy { font-size: 14px; line-height: 30px; color: #999; } .news_list li .date { float: right; width: 167px; height: 68px; background: #f3f3f3; margin-top: 21px; padding: 25px 0; } .news_list li .date span { display: block; text-align: center; color: #999; } .news_list li .date .yy { width: 60px; margin: 0 auto; line-height: 36spx; font-size: 24px; border-bottom: 1px solid #999; } .news_list li .date .dd { font-size: 18px; margin-top: 5px; } .news_list li:hover .tit { color: #3271ae; } .news_list li:hover .date { background: #3271ae; } .news_list li:hover .date span { color: #fff; } /*视频中心*/ .video-ul{overflow:hidden;margin:20px auto; text-align:center; width:1200px;} .video-ul .video-li{float:left;width:380px;margin-bottom:40px;margin-right:18px;} .video-ul .video-li .videoBoxImg img{width:100%;height:262px;} .video-ul .video-li .videoBoxTitle{text-align:center;display:block;margin-top: 25px;margin-bottom: 10px;} .video-ul .video-li .videoBoxTitle a{font-size:18px;color:#333;} .video-ul .video-li .videoBoxDown{text-align:center;display:block;font-size:18px;} .video-ul .video-li .videoBoxDown a{font-size:18px;color:#333;} .video-ul .video-li .bt{overflow: hidden;margin-top:10px;} .video-ul .video-li .bt .shorttitle{color:#999999;font-size: 14px;float: left;line-height: 32px;width:260px;height:32px;overflow:hidden;} .video-ul .video-li .bt .date{float: right;color:#999999;line-height: 32px;font-size: 16px;} .video-ul .video-li .tit{margin-top:5px; height: 26px; overflow: hidden;} .video-ul .video-li .tit a{font-size: 18px;line-height: 26px;color:#000;} .video-ul .video-li .tit a:hover{color:#000;} /* 分页 */ .news-page-wrap { text-align: center; } .news-page-wrap a, .news-page-wrap font { display: inline-block; height: 34px; line-height: 34px; border: 1px solid #e2e2e2; min-width: 14px; padding: 0 10px; border-radius: 4px; margin: 0 5px; } .news-page-wrap font { background: #337aff; color: #fff; } .news-page-wrap span { width: 0 !important; }