/*********** 网站通用 **********/ *{ list-style-type:none;} ul{ margin:0px; padding:0px;} body {margin: 0px; padding:0px; font-family:"微软雅黑"; width:100%; min-width:1100px; } .screen{ width:100%; float:left;} .screen_nei{ width:1100px; margin:auto;} /*********************** 头部 ***************************/ .top_banner{ width:100%; float:left; height:350px; background:url(/uploads/image/cz2images/01.jpg) top center no-repeat;} /*********** 导航 **********/ .top_navigation{ width:100%; float:left; height:60px; background:#940503} .top_navigation_nei{ width:1100px; margin:auto; text-align:center; font-size:20px; font-weight:bold; line-height:60px; display: flex;justify-content:space-between} .top_navigation_nei a:link, .top_navigation_nei a:visited {color:#fff;text-decoration: none;} .top_navigation_nei a:hover {color: #c9151e;text-decoration: none;} /*********** 幻灯 **********/ .huandeng{ width:535px; float:left; overflow:hidden; margin-top:30px; margin-right:30px;} #addexplain {width: 535px; height:350px;} #addexplain .swiper-pagination-bullets{ width:80px; bottom:10px; left:445px; } #addexplain .swiper-pagination-bullets .swiper-pagination-bullet{ width:8px; height:8px;border-radius:8px;background-color:#fff;opacity:1} #addexplain .swiper-pagination-bullet-active.swiper-pagination-bullet{background-color:#ff0000;opacity:.8} #addexplain .swiper-explain._9qtk_vt8qo{ padding-bottom:10px; font-size:18px} #customnextel {display:none; float: right; right:0px; position: relative; top:-190px;width:40px; height:80px;background: url(/uploads/image/cz2images/right-arrow.png) no-repeat;outline: none;} #customprevel { display:none;float: left; left:0px; position: relative; top:-190px;width: 40px;height:80px;background: url(/uploads/image/cz2images/left-arrow.png) no-repeat;outline: none;} /*********** 新闻列表 **********/ .xczj_nwes { width:534px; float:right; margin-top:28px;} .yw_nwes { width:534px; float:left; margin-top:28px;} .daoh{ width:100%; float:left; font-size:20px; height:35px; font-weight:bold; border-bottom:3px solid #c10f0c; margin-bottom:10px; color:#c44634;} .daoh a:link, .daoh a:visited {color:#c10f0c;text-decoration: none;} .daoh a:hover {color: #c9151e;text-decoration: none;} .news{ width:97%; float:left;} .news li{ font-size:16px; float:left; color:#141414; width:100%; line-height:60px; border-bottom:1px dashed #eeeeee;} .news li a:link, .news li a:visited {color:#000;text-decoration: none;} .news li a:hover {color: #e94d4d;text-decoration: none;} .news_wen_ty {background: url(/uploads/image/cz2images/news_b.png) left no-repeat; padding-left:3%;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;} .dbfc_nwes { width:100%; float:left; margin-top:28px;} .dbfc_nwes li{ width:208px; height:144px; overflow:hidden; float:left; position:relative;margin-right:15px; margin-top:15px;} .dbfc_nwes li img{ width:100%; height:144px;} .dbfc_nwes li span{ padding:3px 8px; position:absolute; bottom:0px; left:0px; z-index:99;background: rgba(193,15,13,0.7); text-align:center; font-size:14px; color:#fff; } .dbfc_nwes li:nth-child(5){margin-right:0px} .htyt_img { width:254px; height:296px; overflow:hidden; float:left; margin-top:11px; border:1px solid #eeeeee;} .zxjy_ty{ width:100%; float:left; padding-top:15px;} .zxjy_ty li{ width:22.75%; float:left; background:#f8f8f8; text-align:center; font-size:16px; color:#000; margin-right:3%; margin-bottom:20px} .zxjy_ty li .title{ width:calc(100% - 16px); padding:10px 8px 15px 8px; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;} .zxjy_ty li a:link, .zxjy_ty li a:visited {color:#505050;text-decoration: none; display:block} .zxjy_ty li a:hover {color: #c6211e;text-decoration: none;} .zxjy_ty li img{ } .zxjy_ty ul li:nth-child(4n){margin-right:0px;} /************************v*** 列表页内容页 **********************vv**********/ .list_l{ width:750px; float:left; margin-top:30px;} .list_news{ width:98%; float:left;} .list_news li{ font-size:16px; float:left; color:#141414; width:100%; line-height:50px; border-bottom:1px dashed #eeeeee;} .list_news li a:link, .list_news li a:visited {color:#000;text-decoration: none;} .list_news li a:hover {color: #e94d4d;text-decoration: none;} .list_news_wen_ty {background: url(/uploads/image/cz2images/news_b.png) left no-repeat; padding-left:2%;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;} .list_news_wen_ty li a:link, .list_news_wen_ty li a:visited {color:#000;text-decoration: none;} .list_news_wen_ty li a:hover {color: #e94d4d;text-decoration: none;} .list_news_bt{font-size:16px; float:left; color:#141414; width:88%; line-height:50px; border-bottom:1px dashed #eeeeee;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;} .list_news_rq{ float:right; font-size:14px; color:#999;} .page{ width:750px; float:left; margin:30px 0px 50px 0px;} .page li{ background:#dedede; float:left; margin-right:10px; border-radius:5px;} .page li a:link, .page li a:visited {color:#333;text-decoration: none; display:block; padding:5px 10px; border-radius:5px;} .page li a:hover {color: #fff;text-decoration: none; background:#b74b4b} .list_r{ width:375px; float:right; margin-top:30px; padding-left:15px} .list_r_t{ width:375px; float:left; margin-bottom:30px;} .list_r_news{ width:100%; float:left;} .list_r_news li{ font-size:16px; float:left; color:#141414; width:100%; line-height:28px; border-bottom:1px dashed #ccc; padding:15px 0px 5px 0px; } .list_r_news li a:link, .list_r_news li a:visited {color:#000;text-decoration: none;} .list_r_news li a:hover {color: #e94d4d;text-decoration: none;} .list_news_img{ width:100%; float:left; margin-top:20px;} .list_news_img li{ font-size:14px; float:left; color:#141414; width:230px; line-height:30px; margin-right:29px; margin-bottom:16px; overflow:hidden;} .list_news_img li img{ width:100%;} .list_news_img ul li:nth-child(3n){margin-right:0px;} .list_news_img ul li .imgtitle{ padding:0 2px; text-align:center; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;} .detailed_l_daoh{ width:100%; float:left; text-align:left; font-size:16px; color:#000; border-bottom:1px solid #ba996c; padding-bottom:18px;} .detailed_l_daoh a:link, .detailed_l_daoh a:visited {color:#000;text-decoration: none;} .detailed_l_daoh a:hover {color: #ff0000;text-decoration: none;} .detailed_head_title{ width:100%; float:left; text-align:center; font-size:20px; line-height:40px; padding:20px 0 0 0;} .detailed_title{ width:100%; float:left; text-align:center; font-size:28px; line-height:50px; padding:20px 0px;} .detailed_subtitle{ width:100%; float:left; text-align:center; font-size:24px; line-height:40px; padding:0 0 15px 0;} .detailed_introductiontitle{ width:100%; float:left; text-align:center; font-size:18px; line-height:40px; padding:0 0 15px 0;} .detailed_time{ width:100%; float:left; background:#f8f8f8; text-align:center; font-size:16px; padding:15px 0; color:#666666} .detailed{ float:left; font-size:16px; text-align:justify; line-height:40px; padding:20px 30px 30px 30px; width:calc(100% - 60px);} .detailed p,.detailed div{ padding:0px; margin:0px ;font-size:16px; text-indent:32px; } .detailed img{ max-width:750px;display:block;margin:20px auto;} .detailed_video{ width:100%; float:left; padding-bottom:10px;} /************************v*** 网站底部 **********************vv**********/ .foot{ width:100%; text-align:center; float:left; font-size:14px; color:#fff; color:#333333; padding:40px 0px ; } /*********** 图片变大效果 **********/ .fd_img{cursor: pointer; transition: all 0.6s;} .fd_img:hover{transform: scale(1.05); } /* 显示默认行数 */ .oneline{white-space:nowrap;text-overflow:ellipsis; overflow:hidden;} .twoline{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;} .threeline{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;} .fourline{text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical;}