html, body { width: 100%; height: 100% } * { margin: 0; padding: 0; border: 0; } #test1{ opacity: 1; height: 450px; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{ display: none; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ display: none; } .w { width: 1200px; margin: 0 auto; } .second-lunbo_img .layui-carousel-ind { width: 120px; position: absolute; top: unset; bottom: 0; right: 0; height: 80px; display: flex; align-items: center; justify-content: center; } .first-lunbo_img .layui-carousel-ind { width: 120px; position: absolute; top: unset; bottom: 0; right: 0; height: 80px; display: flex; align-items: center; justify-content: center; } .content-yaowen_lunbo-box_img .yaowen-lunbo_zhishiqi { width: 40px; position: absolute; top: unset; font-size: 18px; bottom: 0; right: 0; height: 26px; display: flex; align-items: center; justify-content: center; color: #ffffff; } .content-yaowen_lunbo-box_img .yaowen-lunbo_zhishiqi span { font-size: 20px; color: #007fd0; } .nav-box{ background-color:#007fd0; } .aaa img { width: 100%; height: 100%; } /*顶部轮播样式*/ .top-lunbo-box { width: 100%; height: 200px; overflow: hidden; } .top-lunbo { height: 200px; display: flex; } .top-lunbo div { flex: none; width: 100%; height: 100%; } .top-lunbo div img { width: 100%; height: 100%; object-fit: cover; } /*导航栏样式*/ .banner_three{ display: flex; flex-wrap: nowrap; padding-bottom: 20px; } /*.banner_three img{*/ /* padding: 0 20px 0 0*/ /*}*/ .banner_one img{ width: 100%; cursor: pointer } .banner_item_one{ width: 100%; } /*内容部分样式*/ .content-box { width: 1200px; margin:0 auto; /*padding-bottom: 100px;*/ } /*顶部标题样式*/ .content-top { display: flex; background-color: #ffffff; border-radius: 10px; /*margin-top: -116px;*/ /*height: 120px;*/ font-weight: bold; flex-direction: column; } .content-top_img{ display: flex; flex-direction: row; align-items: center; } .toutiao{ /*background: no-repeat left top;*/ padding: 15px 0 0 0px; background-position: 30px 17px; } .toutiao img{ width: 137px; margin-bottom: 16px; margin-right: 20px; } .banner_item_three{ padding: 0 21px 0 0; } .banner_item_three img{ cursor: pointer; width: 386px; height: 80px; } .content-top_biaoti { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; /*margin: 0 60px;*/ width: 1031px; /*float: right;*/ line-height: 50px; text-align: center; font-size: 33px; color: #007fd0; /*padding: 15px 50px 5px;*/ font-weight: 600; padding: 15px 25px 10px 0px; letter-spacing: 0.1em; cursor: pointer; } .content-top_bottom1 { display: flex; float: right; font-weight: normal; text-align: center; font-size: 21px; line-height: 2em; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; cursor: pointer; justify-content: space-around; padding: 0 30px 5px; align-items: center; width: 1060px; position: relative; height: 30px; overflow: hidden; } p{ position: absolute; height: 34px; left: 34px; white-space: nowrap; display: flex; animation: move linear 12s infinite; animation-delay:0s; } @keyframes move { 0%{ left: 34px; } 100%{ left: -2051px; } } .content-top_bottom{ cursor: pointer; width: 1200px; font-weight: normal; text-align: center; font-size: 21px; line-height: 2em; position: relative; overflow: hidden; height: 36px; background: #fff; } .content-top_bottom1{ position: relative; overflow: hidden; height: 34px; background: #fff; } .content-top_bottom span{ line-height: 34px; display: inline-block; height: 40px; /*padding-left: 150px;*/ } .content-top_bottom1 span{ line-height: 34px; /*display: inline-block;*/ /*padding-left: 150px;*/ } .content-top_bottom::before{ content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 200px; z-index: 9; background-image: linear-gradient(100deg,#fff 0%, #fff -100%, transparent 100%); } .content-top_bottom::after{ content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 200px; z-index: 9; background-image: linear-gradient(-100deg,#fff 0%, #fff -100%, transparent 100%); } /* 鼠标经过停止轮播 */ .text_lunbo:hover { animation-play-state: paused; } p{ display: inline; } @keyframes sport { 0% { } 100% { /* 父盒子宽度减去100% */ transform: translatex(calc(200px - 100%)); } } .content-top_mixbiao1_span{ font-weight: normal; text-align: center; width: 100%; font-size: 19px; line-height: 2em; text-align: center; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; float: left; -webkit-line-clamp: 1; -webkit-box-orient: vertical; cursor: pointer; } .content-top1{ border-radius: 10px; margin-top: 24px; height: 130px; font-weight: bold; } .content-top_biaoti1{ line-height: 40px; text-align: center; font-size: 38.4px; color: #007fd0; padding: 15px 50px 5px; font-weight: 600; letter-spacing: 0.1em; cursor: pointer; /*cursor: pointer;*/ /*color: white;*/ /*overflow: hidden;*/ /*text-overflow: ellipsis;*/ /*display: -webkit-box;*/ /*background-color: rgb(52 53 54 / 50%);*/ /*-webkit-text-fill-color: #fff;*/ /*-webkit-text-stroke: 6px #bfd1da00;*/ } .more-link{ float: right;color: #007fd0; font-size: 14px; font-weight: bold; cursor: pointer;padding: 11px; } .toutiao{ line-height: 40px; text-align: center; font-size: 38.4px; color: #007fd0; /*color: #d50f1c;*/ /*width: 1200px;*/ /*padding: 15px 50px 5px;*/ font-weight: 600; letter-spacing: 0.05em; cursor: pointer; } .content-top_bottom1{ display: flex; flex-direction: row; padding: 0 30px 5px; height: 35px; /*align-items: center;*/ } .content-top_mixbiaoti { display: flex; justify-content: space-around; flex: auto; width: 900px; } .content-top_mixbiaoti1{ width: 100%; display: block; } .content-top_mixbiao { padding: 5px 2px 5px 10px; position: relative; box-sizing: border-box; flex: auto; } .content-top_mixbiao span { width: 900px; float: right; font-size: 18px; /*color: #a10101;*/ line-height: 2em; /*width: 360px;*/ text-align: center; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; cursor: pointer; } .content-top_mixbiao::before { content: ''; position: absolute; left: 100%; top: 50%; width: 2px; height: 16px; background-color: rgba(215, 67, 57, 0.86); transform: translate(-50%, -50%); } .content-top_mixbiao:last-child::before { content: ""; display: none; } .content-top_more { flex: none; padding-right: 10px; font-size: 15px; color: #007fd0; cursor: pointer; font-weight: bold; } .content-top_more a:hover { color: #007fd0; } .content-shuzibao_more span:hover { color: #007fd0; } /*轮播图*/ .content-second { width: 100%; height: auto; display: flex; padding-top: 15px; /*margin: 0 20px 0 20px;*/ } .second-lunbo-box { width: 690px; height: 345px; /*border-radius: 15px;*/ flex: none; overflow: hidden; position: relative; } .first-lunbo-box { margin-top: 30px; height: 80px; flex: none; overflow: hidden; position: relative; } .first-lunbo-box .layui-carousel-ind ul { /* display: inline-block; */ display: none; padding: 5px; background-color: rgba(0,0,0,.2); border-radius: 10px; -webkit-transition-duration: .3s; transition-duration: .3s; } .second-lunbo_img { width: 100% !important; height: 100% !important; } .first-lunbo_img { width: 100% !important; height: 100% !important; } .second-lunbo { box-sizing: border-box; width: 100%; height: 100%; display: flex; position: relative; overflow: hidden; cursor: pointer; } .second-lunbo img { width: 100%; height: 100%; margin: 0 auto; object-fit: cover; } .second-lunbo > div { position: absolute; width: 100%; height: 63px; background: linear-gradient(to top, black, transparent); bottom: 0; align-items: center; justify-content: flex-start; box-sizing: border-box; padding: 0 120px 0 20px; color: #f0f0f0; font-size: 18px; text-align: left; line-height: 80px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } .second-lunbo span{ width: 83%; } /*右侧新闻样式*/ .second-right { width: 300px; height: 500px; flex: auto; padding-left: 20px; } .second-right-text { height: 45px; background-color: #ffffff; margin-bottom: 5px; /*box-shadow: #e7d6d6 1px 1px 10px 1px;*/ } .second-right-text span { font-size: 16px; margin-left: 10px; line-height: 45px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; cursor: pointer; } .second-right-text span a:hover { transform-origin: right center; transform: scale(1.1); background-color: #007fd0; color: #ffffff; padding-left: 10px; transition: all .1s; } /*热榜*/ .hot { width: 100%; height: 65px; display: flex; background-color: #ffffff; border-radius: 10px; margin-top: 15px; box-shadow: #e7d6d6 10px 10px 30px 5px; } .hoticon { flex: none; width: 81px; height: auto; margin-right: 15px; position: relative; } .hoticon img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .hot-news { flex: auto; overflow: hidden; } .hot-news-content { width: auto; white-space: nowrap; } .hot-news_box { line-height: 65px; display: inline-block; } .hot-news_box span { font-size: 18px; color: #007fd0; letter-spacing: 0.1em; position: relative; display: inline-block; padding-left: 50px; cursor: pointer; } .hot-news_box span::before { content: attr(data-value); left: 30px; top: 45%; width: 32px; height: 32px; position: absolute; background: no-repeat center center; background-size: contain; transform: translate(-50%, -50%); color: white; line-height: 32px; text-align: center; padding-top: 5px; } /*数字报、要闻内容*/ .content-third { width: 100%; height: auto; display: flex; margin-top: 15px; } .content-shuzibao { flex: none; width: 400px; height: 500px; background-color: #ffffff; margin-right: 15px; box-shadow: #e7d6d6 1px 1px 2px 1px; } .content-shuzibao_biaoti { display: flex; justify-content: space-between; height: 60px; border-bottom: 1px solid #007fd0; margin: 0 20px; } .content-shuzibao_number { flex: none; width: 140px; line-height: 70px; overflow: hidden; text-overflow: ellipsis; border-bottom: 5px solid #007fd0; } .content-shuzibao_number span { font-size: 24px; font-weight: 560; color: #007fd0; letter-spacing: 0.1em; } .content-shuzibao_more { flex: auto; padding-top: 38px; } .content-shuzibao_more span { float: right; color: #007fd0; font-size: 14px; cursor: pointer; } /*数字报轮播*/ .szb-box { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; padding-top: 20px; box-sizing: border-box; cursor: pointer; } .szb-box img { width: 255px; height: 360px; object-fit: contain; box-shadow: 0 0 10px #007fd0; } .szb-box div { margin-top: 10px; font-size: 22px; color: #007fd0; } /*要闻样式*/ .content-yaowen { flex: none; width: 430px; height: 500px; background-color: #ffffff; margin-right: 15px; box-shadow: #e7d6d6 1px 1px 2px 1px; } .content-yaowen_biaoti { display: flex; justify-content: space-between; height: 60px; border-bottom: 1px solid #007fd0; margin: 0 20px; } .content-yaowen_number { flex: none; width: 110px; line-height: 70px; overflow: hidden; text-overflow: ellipsis; border-bottom: 5px solid #007fd0; } .content-yaowen_number span { font-size: 24px; font-weight: 560; color: #007fd0; letter-spacing: 0.1em; } .content-yaowen_more { flex: auto; padding-top: 38px; } .content-yaowen_more span { float: right; color: #007fd0; font-size: 14px; cursor: pointer; } /*要闻轮播*/ .content-yaowen_lunbo { width: 390px; padding: 5px 20px 0; height: 200px; } .content-yaowen_lunbo-box { width: 100%; height: 200px; flex: none; overflow: hidden; position: relative; } .content-yaowen_lunbo-box_img { width: 100% !important; height: 100% !important; } .yaowen_lunbo { box-sizing: border-box; width: 100%; height: 100%; display: flex; position: relative; overflow: hidden; cursor: pointer; } .yaowen_lunbo img { width: 100%; height: 100%; margin: 0 auto; object-fit: cover; } .yaowen_lunbo > div { position: absolute; width: 100%; height: 30px; bottom: 0; background: rgba(40, 40, 40, 0.4); align-items: center; justify-content: flex-start; box-sizing: border-box; padding: 0 30px 0 10px; color: #f0f0f0; font-size: 16px; text-align: left; line-height: 30px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } .yaowen-news { width: 100%; height: auto; margin-top: 10px; } .yaowen-news_title { height: 42px; position: relative; } .yaowen-news_title span { padding: 5px 20px 5px 38px; font-size: 16px; line-height: 42px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; cursor: pointer; } .yaowen-news_title span a:hover { color: #007fd0; } .yaowen-news_title span::before { content: ""; width: 11px; height: 11px; border-radius: 50%; background: #007fd0; position: absolute; left: 20px; margin-top: 15px; } /*右侧图片样式*/ .content-image { flex: auto; height: 500px; } .image-top { height: 140px; margin-bottom: 6px; } .image-top img { width: 100%; height: 100%; } .image-middle { height: 160px; margin-bottom: 6px; } .image-middle img { width: 100%; height: 100%; } .image-bottom { display: flex; height: auto; justify-content: space-between; } .image-bottom > div { text-align: center; } .image-bottom > div span { font-size: 16px; } /*五图轮播*/ .lf { float: left; } .carouselpar #carouselzt ul { padding-left: 0; } .carouselpar1 #carouselzt1 ul { padding-left: 0; height: 80px; } .carouselpar .carousel-img { position: absolute; top: 0; left: 0; height: 100%; } .carouselpar .carousel-img_one { position: absolute; top: 0; left: 0; height: 100%; } .carouselpar1 .carousel-img { position: absolute; top: 0; left: 0; height: 100%; } .carouselpar { height: 150px; margin: 28px auto 0; /*padding-right: 23px;*/ /*padding: 5px 0px;*/ /*text-align: center;*/ position: relative; } .zttopic { border-bottom-right-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; height: 200px; margin-bottom: 25px; background: #eef5f8; } .zttopic .fl { width: 24px; height: 90px; line-height: 28px; padding: 55px 13px; display: block; overflow: hidden; float: left; background: #288bde; font-size: 22px; color: #fff; box-sizing: content-box; border-bottom-left-radius: 25px; border-top-right-radius: 25px; } .carouselpar1 { height: 180px; margin: 24px auto 0; padding: 5px 0px; /*text-align: center;*/ position: relative; } .carouselpar .carousel { position: relative; overflow: hidden; } .carouselpar1 .carousel { position: relative; overflow: hidden; } .carouselpar .sltm-carousle { width: 100%; height: 100%; } .carouselpar1 .sltm-carousle { width: 100%; height: 100%; } .carouselpar .carousel-img li { height: 100%; width: 386px; float: left; } .carouselpar .carousel-img_one li { display: flex; height: 100%; width: 279px; float: left; flex-direction: column; align-items: center; } .carouselpar1 .carousel-img li { height: 100%; width: 360px; float: left; } .wutu_lunbo { margin: 0 !important; } .carousel-img { position: absolute; top: 0; left: 0; height: 100%; } .carousel-img_one { position: absolute; top: 0; left: 0; height: 100%; } .sltm-carousle { width: 100%; height: 100%; } .second-right-title{ letter-spacing: 2px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; cursor: pointer; padding: 0 10px 0px 20px; /*color: #007fd0;*/ display: flex; padding-left: 15px; font-size: 22px; /*color: #007fd0;*/ } .second-right-title img{ height: 36px; padding-top: 6px; } .second-right-title a:hover { color: #007fd0; } .second-right-title span{ overflow: hidden; font-weight: bold; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; margin: 9px 0 0 8px; line-height: 32px; } .gongyi_block_img{ width: 1335px; } .carousel { overflow: hidden; /*width: 507px;*/ /*height: 327px;*/ position: relative; } .carousel-img li { height: 100%; width: 100%; } .carousel-img_one li { height: 100%; width: 100%; } .carousel-img li a { overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; /*display: -webkit-box;*/ } .carouselpar span:hover{ cursor: pointer; } .carousel-img_one li a { width: 100%; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } .carousel-img li a img { height: 80px; width: 390px; } .carousel-img_one li a img { height: 110px; width: 254px; } .carl-btn { /*width: 386px;*/ height: 80px; position: absolute; top: 5px; cursor: pointer; z-index: 998; } .carl-btn img { margin: 0 auto; width: 20px; height: 20px; padding: 64px 0 0 0; } .pre, .next { /*display: block;*/ } .pre { left: 0px; } .next { right: 0px; } /*视听定西样式*/ .content-shiting { width: 100%; height: 250px; margin-top: 15px; background: linear-gradient(50deg, #f5e5e5, rgba(250, 238, 226, 0.94)); } .content-shijue { width: 100%; height: 510px; margin-top: 15px; background: linear-gradient(50deg,#f5e5e5, rgba(250, 238, 226, 0.94)); } .content-shiting_biaoti { padding-top: 20px; text-align: center; width: 100%; height: 70px; background: no-repeat center center; } .content-shiting_biaoti span { font-size: 24px; color: #007fd0; /*font-weight: 560;*/ cursor: pointer; } .img_text{ padding-top: 103px; color: white; } .shiting-news { width: 100%; margin-top: 30px; height: 80px; flex: none; position: relative; } .shiting-news-box { width: 100%; height: 100%; flex: none; overflow: hidden; } .shiting-lunbo_img > [carousel-item]:before { display: none !important; } .shiting-lunbo { box-sizing: border-box; width: 100%; height: 100%; /*position: relative;*/ overflow: hidden; background-color: unset !important; } .shiting-lunbo__box { width: 100%; height: 100%; display: flex; } .shiting-lunbo_min { position: relative; flex: 1; margin: 0 5px; cursor: pointer; } .shiting-lunbo_min img { width: 100%; height: 100%; margin: 0 auto; object-fit: cover; } .shiting-lunbo_min > div { position: absolute; width: 100%; height: 20px; bottom: 0; /*background: rgba(80, 77, 77, 0.09);*/ align-items: center; justify-content: flex-start; box-sizing: border-box; color: #f0f0f0; font-size: 14px; padding-left: 10px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } .shiting-lunbo_img .layui-carousel-ind { position: relative; top: 5px; width: 100%; line-height: 0 !important; text-align: center; font-size: 0; } .shiting-lunbo_img .layui-carousel-ind ul { background-color: unset !important; } .shiting-zhibo-box { width: 100%; height: 200px; } .zhibo-biaoti { padding-left: 100px; } .zhibo-biaoti img { width: 100%; height: 100%; } .zhibo-pingtai { width: 92%; height: auto; padding-left: 100px; display: flex; justify-content: space-between; overflow: hidden; } .zhibo-pingtai-box { width: 100%; height: 100%; } .zhibo-time { color: #007fd0; text-align: center; cursor: pointer; } .zhibo-images { width: 100%; height: 100%; object-fit: cover; cursor: pointer; position: relative; } .zhibo-now { font-size: 14px; position: absolute; width: 70px; height: 22px; bottom: 0; background-color: #007fd0; border-radius: 10px; top: 0%; display: flex; justify-content: space-around; box-sizing: border-box; cursor: pointer; color: #f0f0f0; } .zhibo-end { font-size: 14px; position: absolute; width: 70px; height: 22px; bottom: 0; background-color: #a0a0a0; border-radius: 10px; top: 0%; display: flex; justify-content: space-around; box-sizing: border-box; cursor: pointer; color: #f0f0f0; } .zhibo-pingyu { letter-spacing: 0.1em; height: 36px; padding: 5px 15px; text-align: center; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; cursor: pointer; } .banner_one{ /*padding: 8px 0 0 0;*/ width: 100%; } /*大块新闻区*/ .content-maxnews { width: 100%; height: 503px; display: flex; padding-bottom: 18px; letter-spacing: 2px; } .content-maxnews1 { width: 97%; height: 450px; display: flex; margin: 0px 20px 0 20px; } .content-shuzibao_biaoti1 { display: flex; justify-content: space-between; height: 60px; border-bottom: 1px solid #dfdada; margin: 0 20px 28px 0px; padding-top: 6px; } .right_news_biaoti{ display: flex; justify-content: space-between; height: 60px; border-bottom: 1px solid #dfdada; margin: -12px 20px -4px 12px; width: 91%; border-bottom:none } right_news_biaoti:hover{ color: #007fd0; } .news_biaoti_content { flex: none; width: 160px; line-height: 70px; overflow: hidden; text-overflow: ellipsis; /*border-bottom: 5px solid #007fd0;*/ cursor: pointer; } .news_biaoti_content span { font-size: 22px; /*font-weight: 560;*/ color: #007fd0; letter-spacing: 0.1em; } .news_biaoti_more { flex: auto; padding-top: 30px; } .news_biaoti_more span a{ float: right; color: #007fd0; font-size: 14px; font-weight: bold; cursor: pointer; } .right_news_content { width: 100%; height: auto; padding-left: 12px; } .news_topimg { width: 280px; height: 170px; text-align: center; position: relative; margin-bottom: 15px; cursor: pointer; } .news_topimg_span { cursor: pointer; width: 96%; height: 20px; /* font-size: 15px; */ color: white; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 24px; max-height: 46px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: center; position: absolute; bottom: 0px; padding: 5px; margin: 0px; /* background: linear-gradient(to top, #940101, transparent); */ background-color: rgba(50,50,50,0.5); } .meiti_ganzhou{ display: flex; flex-direction: row; margin-bottom: 4px; } .left_top_news{ margin-bottom: 11px; display: flex; flex-direction: column; } .meiti_top_news{ margin-bottom: 11px; display: flex; flex-direction: column; } .left-news_title span::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: black; position: absolute; margin: 15px 0 0 -15px; } /*左侧新闻区*/ .left-news { flex: none; width: 397px; height: 300px; margin-right: 15px; } .left-news1 { flex: none; width: 370px; height: 300px; margin-right: 18px; } .content-shizheng { flex: none; width: 390px; margin-right:15px; } .content-meiti { flex: none; width: 390px; margin-right:15px; } .content-shizheng1 { flex: none; width: 380px; height: 370px; } .content-shuzibao_biaoti { display: flex; justify-content: space-between; width: 99.5%; height: 60px; border-bottom: 1px solid #dfdada; margin: 0px 20px 10px 0px; padding-top: 6px; } .meiti-content-biaoti { display: flex; justify-content: space-between; width: 96%; height: 60px; border-bottom: 1px solid #dfdada; margin: 0px 20px 10px 0px; padding-top: 6px; } .content-maxnews2 { width: 100%; height: 270px; display: flex; letter-spacing: 2px; } .meiti-content-maxnews { width: 90%; height: 175px; display: flex; letter-spacing: 2px; } .meiti-left-news { flex: none; width: 430px; height: 300px; margin: 0 35px 30px 0; } .second-right-text span::before { content: ""; width: 11px; height: 11px; border-radius: 50%; background: black; position: absolute; /*left: 20px;*/ margin-top: 15px; } .content-shizheng_number { flex: none; width: 106px; line-height: 70px; overflow: hidden; text-overflow: ellipsis; border-bottom: 5px solid #007fd0; cursor: pointer; } .content-biaoti { flex: none; width: 106px; line-height: 70px; overflow: hidden; text-overflow: ellipsis; border-bottom: 5px solid #007fd0; cursor: pointer; } .content-biaoti span { font-size: 24px; /*font-weight: 560;*/ color: #007fd0; letter-spacing: 0.1em; } .content-shizheng_number span { font-size: 24px; /*font-weight: 560;*/ color: #007fd0; letter-spacing: 0.1em; } .content_guanzhu_number { flex: none; width: 160px; font-size: 15px; letter-spacing: 1px; line-height: 70px; overflow: hidden; text-overflow: ellipsis; border-bottom: 5px solid #007fd0; } .content_guanzhu_number1 { flex: none; width: 160px; line-height: 70px; overflow: hidden; text-overflow: ellipsis; border-bottom: 5px solid #007fd0; cursor: pointer; } .content_guanzhu_number span { font-size: 24px; font-weight: 560; color: black; letter-spacing: 0.1em; } .content_guanzhu_number1 span { font-size: 24px; font-weight: 560; color: black; letter-spacing: 0.1em; } .content-shuzibao_more { flex: auto; padding-top: 38px; } .content-more { flex: auto; padding-top: 38px; } .content-shuzibao_more span a{ float: right; color: #007fd0; font-size: 14px; font-weight: bold; } .content-more span a{ float: right; color: #007fd0; font-size: 14px; font-weight: bold; cursor: pointer; } /*新闻*/ .left-news-shizheng { width: 97%; height: auto; } .left-news-meiti { width: 100%; height: auto; letter-spacing: 0px; /*padding-left: 40px;*/ } .left-img-meiti{ width: 82%; height: auto; } .left-news_tuwen { display: flex; width: 100%; height: 105px; justify-content: space-around; margin-bottom: 10px; } .left-news_tu { flex: none; width: 370px; height: 200px; /*margin-left: 10px;*/ cursor: pointer; } .left-news_tu img { width: 100%; height: 100%; } .left-news_tu3 img { width: 100%; height: 100%; } .left-news_wen span { font-size: 16px; line-height: 28px; cursor: pointer; letter-spacing: 0.1em; text-align: justify; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -webkit-box; cursor: pointer; } .left-news_wen span a:hover { color: #007fd0; } .left-news_wen { flex: auto; margin: 5px 20px 0 10px; } .left-news_tuwen1 { display: flex; width: 100%; height: 108px; justify-content: space-around; margin-bottom: 10px; }.left-news_tuwen3 { width: 100%; height: 80px; } .left-news_tuwen { display: flex; width: 100%; height: 200px; justify-content: space-around; margin-bottom: 10px; } .left-news_tu1 { flex: none; /*154,108*/ width: 144px; height: 108px; /*margin-left: 10px;*/ cursor: pointer; } .left-news_tu3 { flex: none; /*154,108*/ width: 370px; height: 80px; /*margin-left: 10px;*/ cursor: pointer; } .left-news_tu1 img { width: 100%; height: 100%; } .left-news_wen1 { flex: auto; margin: 22px 20px 22px 10px; } .left-news_wen1 span { font-size: 16px; line-height: 28px; cursor: pointer; letter-spacing: 0.1em; text-align: justify; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; cursor: pointer; } .left-news_wen1 span a:hover { color: #007fd0; } .left-news_tuwen2 { display: flex; width: 100%; height: 80px; justify-content: space-around; margin-bottom: 13px; } .left-news_tu2 { flex: none; width: 134px; height: 86px; /*margin-left: 10px;*/ cursor: pointer; } .six-lunbo_image_img{ width: 100%; height: 100%; } .play img{ width: 20px; height: 20px; margin: 60px 0 0 110px; } .left-news_title4 span { /* padding: 5px 4px 5px 0; */ margin: 5px 0 0 5px; font-size: 16px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; cursor: pointer; } .left-news_title5 span { /* padding: 5px 4px 5px 0; */ margin-left: 5px; font-size: 14px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; cursor: pointer; } .left-news_title6{ letter-spacing: 2px; display: flex; height: 25px; position: relative; } .left-news_title5 { letter-spacing: 2px; height: 25px; position: relative;} .left-news_title4 { letter-spacing: 2px; height: 25px; position: relative; } .left-news_title6 span { /* padding: 5px 4px 5px 0; */ margin-left: 5px; font-size: 14px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; cursor: pointer; } .link li{ width: 15%; text-align: center; border-left-width: 2px; border-left-style: solid; border-left-color: #007fd0; } .xinwen_topimg{ text-align: center; position: relative; width: 370px; height: 222px; /*margin-bottom: 15px;*/ cursor: pointer; } .meiti_topimg{ text-align: center; position: relative; width: 320px; height: 190px; /*margin-bottom: 15px;*/ cursor: pointer; } .meiti_topimg_span{ cursor: pointer; width: 96%; height: 20px; /*font-size: 15px;*/ color: white; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 24px; max-height: 46px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: center; position: absolute; bottom: 0px; padding: 5px; margin: 0px; /*background: linear-gradient(to top, #940101, transparent);*/ background-color: rgba(50,50,50,0.5); } .xinwen_topimg_span{ cursor: pointer; width: 96%; height: 20px; /*font-size: 15px;*/ color: white; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 24px; max-height: 46px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: center; position: absolute; bottom: 0px; padding: 5px; margin: 0px; /*background: linear-gradient(to top, #940101, transparent);*/ background-color: rgba(50,50,50,0.5); } .top_img{ text-align: center; position: relative; width: 259px; height: 176px; margin-bottom: 15px; cursor: pointer; } .top_span{ cursor: pointer; width: 96%; height: 20px; /*font-size: 15px;*/ color: white; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 24px; max-height: 46px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: center; position: absolute; bottom: 0px; padding: 5px; margin: 0px; /*background: linear-gradient(to top, #940101, transparent);*/ background-color: rgba(50,50,50,0.5); } .top_span a:hover{ color: #007fd0; } .jieri_span a:hover{ color: #007fd0; } .bottom_img{ text-align: center; position: relative; width:259px; height: 180px; } .left-news_wen2 { flex: auto; margin: 5px 20px 0 10px; } .left-news_wen2 span { font-size: 16px; line-height: 28px; cursor: pointer; letter-spacing: 0.1em; text-align: justify; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; cursor: pointer; } .left-news_wen2 span a:hover { color: #007fd0; } .left-news_title { height: 40px; position: relative; letter-spacing: 0px; } .left-news_title_span { height: 42px; font-size: 8px; font-weight: 700; position: relative; } .right-news_title { height: 44px; position: relative; } .zhaunti{ color: #007fd0; float: left; } .left-news_title span { /*padding: 5px 4px 5px 0;*/ margin-left: 15px; font-size: 16px; line-height: 37px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; cursor: pointer; } .right-list_title { height: 46px; position: relative; display: flex; flex-direction: row; align-items: center; letter-spacing: 0px; } .right-list_title span { /* padding: 5px 4px 5px 0; */ margin-left: 15px; font-size: 16px; line-height: 37px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; cursor: pointer; } .right-list_title span a:hover { color: #007fd0; } .right-list_title img { width: 20px; height: 25px; } .xinwen_topimg_span a:hover{ color: #007fd0; } .news_topimg_span a:hover{ color: #007fd0; } .right-news_title span { padding: 0 5px 0 10px; font-size: 16px; line-height: 42px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; cursor: pointer; } .right-news_title span { padding: 5px 5px 0px 47px; font-size: 18px; line-height: 42px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; cursor: pointer; } .left-news_title span a:hover { color: #007fd0; } .title_detail:hover { color: #007fd0; } .title_detail{ font-size: 16px;color:black;padding:0 8px } .right-news_title span a:hover { color: #007fd0; } .right-news_title span::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: black; position: absolute; left: 20px; margin-top: 15px; } .gznews{ display: flex;flex-direction: row; } .left_lunbo{ width: 50%; } .right_news{ display: flex; flex-direction: row; width: 50%; } .right_news_img{ display: flex; flex-direction: column;width: 56%; } /*定西扶贫*/ .content-dingxi { margin-top: 15px; flex: none; width: 430px; height: 410px; background-color: #ffffff; margin-right: 15px; box-shadow: #e7d6d6 1px 1px 2px 1px; } .content_xinwen_number { flex: none; width: 150px; line-height: 70px; overflow: hidden; text-overflow: ellipsis; border-bottom: 5px solid #007fd0; } .content_xinwen_number1 { flex: none; width: 150px; line-height: 70px; overflow: hidden; text-overflow: ellipsis; border-bottom: 5px solid #007fd0; cursor: pointer; } /*@media screen and (max-width: 1417px)*/ .pic .pic_con .txt .brief { font-size: 13px; line-height: 26px; padding: 0 19px; } .content_xinwen_number span { font-size: 24px; font-weight: 560; color: black; letter-spacing: 0.1em; }.content_xinwen_number1 span { font-size: 24px; font-weight: 560; color: black; letter-spacing: 0.1em; } .middle-news { flex: none; width: 397px; height: 300px; /*margin: 0 10px;*/ } .meiti-middle-news { flex: none; width: 397px; height: 300px; /*margin: 0 10px;*/ } .middle-news1 { flex: none; width: 370px; height: 300px; margin-right: 35px; } /*右侧新闻栏目*/ .right-news { width: 370px; /*flex: auto;*/ height:300px; margin-left: 15px; }.right-news1 { width: 370px; /*flex: auto;*/ height:300px; margin-right: 10px; } .content-yuanchuang { flex: none; width: 310px; height: 340px; background-color: #ffffff; margin-right: 15px; box-shadow: #e7d6d6 1px 1px 2px 1px; } .content-yuanchuang_number { flex: none; width: 100px; line-height: 70px; overflow: hidden; text-overflow: ellipsis; border-bottom: 5px solid #007fd0; } .content-yuanchuang_number span { font-size: 24px; font-weight: 560; color: #007fd0; letter-spacing: 0.1em; } .content-quanwei { flex: none; width: 310px; height: 340px; background-color: #ffffff; margin-right: 15px; box-shadow: #e7d6d6 1px 1px 2px 1px; margin-top: 15px; } .content-quanwei_number { flex: none; width: 100px; line-height: 70px; overflow: hidden; text-overflow: ellipsis; border-bottom: 5px solid #007fd0; } .content-quanwei_number span { font-size: 24px; font-weight: 560; color: #007fd0; letter-spacing: 0.1em; } .second-lunbo_img.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] { right: 20px; /*display: none;*/ } .second-lunbo_img.layui-carousel[lay-arrow=always] .layui-carousel-arrow { opacity: 1; left: 20px; /*display: none;*/ } .layui-carousel-arrow{ font-size: 37px; } .right-bottom { flex: none; width: 310px; height: 125px; margin-top: 15px; } .right-bottom img { width: 100%; height: 100%; object-fit: cover; } /*小三块广告栏*/ .content-six { width: 100%; height: 80px; display: flex; margin-top: 14px; justify-content: space-around; position: relative; } .content-six-box { width: 100%; display: flex; justify-content: space-between; flex: auto; } .six-lunbo_image { flex: 1; } .six-lunbo_image img { width: 100%; height: 100%; /*object-fit: cover;*/ cursor: pointer; } .six-lunbo_image:nth-child(2) { margin: 0 15px; } /*广告栏*/ .guanggao { width: 100%; height: 100px; margin-top: 15px; } .guanggao img { width: 100%; height: 100%; object-fit: cover; } /*新媒体产品*/ .content-xinmeiti { width: 100%; height: 500px; margin-top: 26px; background: linear-gradient(50deg, #c4e4f8, #c4e4f0); } .xinmeiti-box .swiper-container { width: 100%; height: 100%; } .xinmeiti-box .swiper-slide { text-align: center; /* center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; transform: scale(1.05); } .xinmeiti-box .swiper-slide-next-next, .xinmeiti-box .swiper-slide-prev-prev { transform: scale(1.2); z-index: 997; } .xinmeiti-box .swiper-slide-next, .xinmeiti-box .swiper-slide-prev { transform: scale(1.35); z-index: 998; } .xinmeiti-box .swiper-slide-active { transform: scale(1.5); z-index: 999; } .xinmeiti-box .swiper-slide img { width: 505px; height: 270px; object-fit: cover; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } /*视觉影像*/ .section-culture-shijue { padding: 0 30px 10px 30px; } .culture-content { width: 100%; margin: 0 auto; position: relative; height: 270px; /*width: 90px;*/ display: flex; } .culture-flex { flex: 1; height: 270px; width: 90px; background-color: #bdc3cd; transition: all .6s; overflow: hidden; background-position: center; background-size: cover; position: relative; cursor: pointer; } .culture-flex::after { content: ''; display: table; width: 18px; color: white; font-size: 18px; font-weight: bold; padding: 100px 36px; height: 30%; /*position: absolute;*/ background-color: rgba(50, 50, 50, 0.3); transition: all .3s; } .jieri_img{ /*height: 100%;*/ height: 100%; text-align: center; position: relative; width: 98%; cursor: pointer; } .jieri_span{ cursor: pointer; width: 97%; height: 20px; /*font-size: 15px;*/ color: white; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 24px; max-height: 46px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-align: center; position: absolute; bottom: 0px; padding: 5px; margin: 0px; /*background: linear-gradient(to top, #940101, transparent);*/ background-color: rgba(50,50,50,0.5); } .culture-text { position: absolute; width: 100%; padding-top: 20px; height: 2.5em; bottom: 0; line-height: 2em; color: #f0f0f0; font-size: 15px; transform: translatey(2em); opacity: 0; text-align: center; /*font-weight: bold;*/ /*padding-left: 10px;*/ transition: all .3s .1s; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; text-align: left; background: linear-gradient(to top, #007fd0, transparent); } .bobao-text { /*position: absolute;*/ width: 259px; height: 2.5em; bottom: 0; line-height: 2em; color: white; font-size: 15px; text-align: center; transition: all .3s .1s; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; /*background: linear-gradient(to top, #940101, transparent);*/ background-color: rgba(50,50,50,0.5); color: white; } .jieri_bobao-text { margin-top: 328px; width: 280px; height: 2.5em; bottom: 0; line-height: 2em; color: white; font-size: 15px; text-align: center; transition: all .3s .1s; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; /*background: linear-gradient(to top, #940101, transparent);*/ background-color: rgba(50,50,50,0.5); color: white; } .culture-active { flex: 6; } .culture-active1 { flex: 6; } .culture-active .culture-text { text-align: center; transform: translatey(0); opacity: 1; } .culture-active .pic_numbg { display: none; } .culture-active::after { content: ''; background-color: rgba(100, 100, 100, 0); background: no-repeat left top; } .bobao{ display: flex; flex-direction: row; margin-top: 15px; } .img_one{ padding-right: 18px } .img_two{ display:flex; flex-direction: column; padding-right: 20px; width: 281px; height: 380px; } .jieri_img{ padding-right: 20px; width: 94%; height: 370px; background-size: 100% 100%; } .top_img{ background-size: 100% 100%; } .img_one_content{ display:flex; flex-direction: column; width: 362px; height: 380px; } .carousel-img li a img { height: 197px; width: 245px; } /*直播*/ .wrapper_1200 { width: 1100px; margin: auto; clear: both; text-align: left; } .wrap { width: 100%; height: 270px; position: relative; overflow: hidden; margin-bottom: 27px; } .pic { width: 480px; height: 100%; position: absolute; top: 0; background: #e6e6e6 no-repeat center center; } .pic img { width: 100%; height: 100%; display: block; } .pic_num { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .pic_con .txt .title { font-size: 15px; line-height: 43px; padding: 0 19px; padding-top: 140px; } .pic_num .pic_numbg { display: table; width: 18px; padding: 0 36px; height: 100%; line-height: 100%; font-size: 18px; color: #ffffff; font-weight: bold; position: absolute; top: 0; left: 0; } .pic_num span { display: table-cell; vertical-align: middle; width: 18px; line-height: 22px; word-wrap: break-word; word-break: break-all; text-align: center; transform: translatey(2em); transition: all .3s .1s; } .pic_con { display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: repeat; background-size: cover; } .pic_con .icon { position: absolute; top: 15px; left: 15px; width: 65px; height: 24px; background: url(/uploads/image/siganzhouqu/now_zhibo.png) no-repeat; text-align: center; line-height: 24px; font-size: 14px; color: #fff; } .pic_con .txt { display: block; width: 100%; height: 100%; } .pic_con .txt .title { display: none; font-size: 18px; color: #fff; font-weight: bold; line-height: 48px; padding: 0 20px; padding-top: 145px; } .pic_con .txt .brief { display: none; font-size: 16px; color: #ffffff; line-height: 26px; padding: 0 20px; } /*本来的样式*/ .content_left_item { margin-bottom: 15px; width: 240px; } .img1{ width: 35px; height: 35px; background-color: white; border-radius: 35px; object-fit: contain; } .pic_text >img{ object-fit: contain; } .sm_baodao { margin-top: 28px; margin-bottom: 20px; } .part2017 { width: 1200px; height: auto; display: block; overflow: hidden; margin: 0 auto; position: relative; } .main-box { height: 90px; display: block; overflow: hidden; border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .f-left { float: left; } ul, li, ol { list-style: none; } ul.list15 { width: 1040px; overflow: hidden; display: block; font-size: 15px; /*margin: 14px 0 0 260px;*/ margin: 14px 0 0 158px; font-family: microsoft yahei; text-align: left; } ul.list15 li { width: 100px; min-width: 47%; margin: 0px; padding: 0px; overflow: hidden; display: block; height: 32px; line-height: 32px; float: left; padding-right: 2%; } ul.list15 li a{ min-width: 47%; margin: 0px; padding: 0px; overflow: hidden; display: block; height: 32px; line-height: 32px; float: left; padding-right: 2%; } ul.list15 li a, ul.list15 li a:visited { /*color: #007fd0;*/ overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding: 0 48px; /* overflow: hidden; */ /*width: 396px;*/ width: 465.5px; display: -webkit-box; } .link{ display: flex; flex-direction: column; margin: 30px 0; } .link_title{ color: white; height: 50px; font-size: 23px; display: flex; background-color: #007fd0; align-items: center; padding-left: 20px; border-top-right-radius:25px; border-bottom-right-radius:25px; } .link_content ul{ color: #007fd0; display: flex; flex-direction: row; align-items: center; margin: 20px 0; } .link_content ul li a:hover{ color: #007fd0; } .search_img{ display: flex; justify-content: space-between; flex-direction: row; } .carouselpar .sltm-carousle{ width: 93%; float: right; margin-top: 35px; } .carouselpar #carouselzt ul { padding-left: 0; } .carouselpar .carousel-img { position: absolute; top: 0; left: 0; height: 100%; } .carouselpar .carousel-img li { height: 100%; display: flex; width: 250px; float: left; padding-right: 20px; flex-direction: column; align-items: center; } .carouselpar span{ font-size: 15px; /*font-weight: bold;*/ padding-top: 4px; } .carousel-img li a img { height: 180px; width: 280px; } .carousel-img li span { margin-top: 10px; font-size: 14px; } .carl-btn img { height: 28px; margin: -35px auto; width: 20px; }