* { margin: 0; padding: 0; /*-webkit-user-select: none;*/ /*user-select: none;*/ /*头部*/ } body {margin: 0;padding: 0;width: 100%;height: 100%;} .header { height: 229px; width: 100%; background: 100% 100% no-repeat; } .header .header_top { height: 220px; width: 100%; display: flex; flex-direction: column; } .header .header_top .header_img { height: 220px; width: 1200px; margin: auto; display: flex; flex-direction: row; } .header .header_top .header_img .img { width: 800px; margin: 54px 0; float:left; } .header .header_top .header_img .input{ height: 60px; display: flex; float:left; } .header .header_top .header_img .input input{ outline:none; /*去除input原有样式*/ font-size:16px; height:40px; width: 240px; text-align: center; border-radius:24px 0 0 24px; border:2px solid #155bb0; color:#6a6f77; background-color:transparent; /*背景色透明*/ } .header .header_top .header_img .input .button{ height: 40px; width: 90px; border-radius:0 24px 24px 0; border:2px solid #155bb0; border-left: 0; float:right; } .header .header_top .header_img .input .button img{ margin: 7px 30px; } /*导航栏*/ .header .navbar { height: 45px; background: 100% 100% no-repeat; } .header .navbar ul { /*设置导航栏的框框*/ margin: 0 auto; /*框框整体的位置,30px是指离网页的顶部和下部的距离,auto控制的是左右距离为自动调节*/ width: 1200px; /*框框的宽度*/ height: 45px; /*框框的长度*/ padding: 0; /*将框框的padding设置为零,不然会导致框框里的内容与框边缘有间隔*/ text-align: center; } .header .navbar li { list-style-type: none; /* 去掉li前的点 */ float: left; /*将li设置成做浮动,变为联动*/ } .header .navbar a { display: block; /*将a变成块状*/ width: 100px; /*设置块的宽度*/ height: 45px; /*设置块的长度*/ font-family: microsoft yahei; line-height: 45px; /*设置字体在块中的高度*/ background-color: #0d5bb1; margin: 0px 0px; /*块里的高宽通过margin设置*/ color: #fff; text-align: center; /*字体居中*/ text-decoration: none; /*去掉下划线*/ font-size: 15px; } .header .navbar a:hover { background-color: #208ad8; } /*内容部分*/ .content{ /*height: 1130px;*/ width: 1200px; margin: auto; clear:both; } .content .news{ height: 310px; margin-top: 70px; display: flex; flex-direction: row; width:1200px; } /*新闻空间*/ .content .news .picture{ width: 400px; height: 300px; float:left; /*border: 1px solid #1d8dd5;*/ } .content .news .picture .picture_content { width: 400px; height: 250px; margin-top: 20px; } .content .news .picture #wheel .img img { width: 100%; height: 100% } .newskj { color:#fff; background: 100% 100% no-repeat; } /*新闻列表*/ .content .news .article{ width: 410px; height: 300px; border-right: 1px solid #ababab; float:left; } .content .news .article .more{ height: 34px; width: 400px; } .content .news .article .more img{ margin-top: 5px; margin-right: 30px; float: right; } .content .news .article .article_content{ width: 350px; height: 250px; margin: 20px 30px 0 20px; } .content .news .article .article_content ul li{ line-height: 35px; height: 36px; width: 370px; /*display: flex;*/ font-size: 16px; } .content .news .article .article_content ul li a{ width: 280px; display: block; overflow: hidden; /*文本不换行*/ white-space: nowrap; /*文字超出用省略号*/ text-overflow: ellipsis; float:left; } .content .news .article .article_content ul li span{ color:#ababab; height: 35px; width: 70px; text-align: right; float:left; } /*信息公告*/ .content .news .notice{ width: 340px; height: 300px; margin-left: 40px; float:left; } .content .news .notice.more{ height: 34px; width: 400px; } .content .news .notice.more img{ margin-top: 5px; margin-right: 30px; float: right; } .content .news .notice .notice_content{ width: 340px; height: 250px; margin-top: 20px; } .content .news .notice .notice_content ul li{ line-height: 35px; height: 36px; width: 350px; display: flex; font-size: 16px; } .content .news .notice .notice_content ul li a{ width: 270px; display: block; overflow: hidden; /*文本不换行*/ white-space: nowrap; /*文字超出用省略号*/ text-overflow: ellipsis; float:left; } .content .news .notice .notice_content ul li span{ color:#ababab; height: 35px; width: 70px; text-align: right; float:left; } /*图片链接*/ .content .link { width: 1200px; height: 170px; margin-top: 30px; } /*文章列表*/ .content .list { width: 1200px; height: 300px; margin-top: 30px; display: flex; flex-direction: row; } .content .list .list_one, .content .list .list_two, .content .list .list_three{ width: 380px; height: 300px; float: left; /*border: 1px solid #1d8dd5;*/ } .content .list .list_one .more, .content .list .list_two .more, .content .list .list_three .more { height: 34px; width: 380px; } .content .list .list_two, .content .list .list_three{ margin-left: 30px; } .content .list .list_content{ width: 380px; height: 250px; margin-top: 20px; } .content .list .list_content ul li{ line-height: 35px; height: 36px; width: 380px; display: flex; font-size: 16px; } .content .list .list_content ul li a{ width: 280px; display: block; overflow: hidden; /*文本不换行*/ white-space: nowrap; /*文字超出用省略号*/ text-overflow: ellipsis; float:left; } .content .list .list_content ul li span{ color:#ababab; height: 35px; width: 80px; text-align: right; } /*工程项目*/ .content .print { width: 1200px; height: 260px; margin-top: 30px; } .content .print .print_title{ height: 34px; width: 1200px; } .content .print .print_title a{ height: 34px; width: 60px; float: right; } .content .print .print_content{ margin-top: 20px; height: 200px; display: flex; flex-direction: row; width:1200px; clear:both; } .content .print .print_content .pic{ height: 200px; width: 200px; float:left; /*border: 1px solid #1d8dd5;*/ } .content .print .print_content .pic h2{ height: 50px; line-height: 50px; text-align: center; vertical-align:center ; font-size: 16px; } .content .print .print_content .pic img { width:192px; height:149px; } /*友情链接*/ .content .friendlink { width: 1200px; height: 134px; margin-top: 30px; } .content .friendlink .friendlink_title{ height: 34px; width: 1200px; } .content .friendlink .friendlink_title a{ height: 34px; width: 60px; float: left; } .content .friendlink .friendlink_content{ margin-top: 20px; height: 84px; display: flex; flex-direction: row; width:1200px; clear:both; } .content .friendlink .friendlink_content .pic{ height: 84px; width: 200px; float:left; /*border: 1px solid #1d8dd5;*/ } .content .friendlink .friendlink_content .pic h2{ height: 50px; line-height: 50px; text-align: center; vertical-align:middle ; font-size: 16px; } .content .friendlink .friendlink_content .pic img { width:192px; height:78px; } /*页脚*/ .footer { width: 100%; height: 120px; font-size: 14px; color:#9d9d9d; margin-top: 20px; line-height: 26px; text-align: center; border-top: 2px solid #dddddd; clear:both; } .footer .foot{ height: 90px; margin-top: 20px; } .footer a{ color:#9d9d9d; font-size: 14px; } .right p { line-height:200%; color:#5d5d5d; text-align:left; } .mb20 { margin-top:20px; } .mb40 { margin-top:40px; } .right .page2 { border-top: #ddd 1px solid; padding-top: 10px; position: relative; } .section2 {width: 1100px; } .navbar li a.current {background-color: #208ad8;} /*搜索页面开始*/ .location2{ padding:5px 30px; width:100%; height:40px; line-height:40px; color:#999; font-size:12px; text-align:left; } .location2 a{ margin:0 5px; } /*clear fix*/ .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix{ display:inline-block; } .clearfix { display:block; } .section{ position:relative; margin:0 auto; width:1100px; margin: 0 30px; min-width:925px; max-width:1100px; text-align:left; } .wrapper{ position:relative; margin:0 auto; padding:0; width:100%; height:auto; text-align:left; overflow:hidden; } .wrapper:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .wrap-box{ width:1160px; } .left-925{ position:relative; float:left; margin:0; padding:0; width:925px; } .left-705{ position:relative; float:left; margin:0; padding:0; width:705px; } .left-690{ position:relative; float:left; margin:0 0 0 15px; padding:0; width:690px; } .left-455{ position:relative; float:left; margin:0 0 0 15px; padding:0; width:455px; } .left-260{ position:relative; display:block; float:left; width:260px; overflow:hidden; } .left-220{ position:relative; display:block; float:left; margin:0 0 0 15px; padding:0; width:220px; _overflow:hidden; } .left-auto{ position:relative; display:block; margin:0 275px 0 0; overflow:hidden; _zoom:1; } .right-260{ position:relative; display:block; float:right; width:260px; overflow:hidden; } .right-auto{ position:relative; display:block; margin:0 0 0 275px; overflow:hidden; _zoom:1; } .bg-wrap{ margin:0; padding:0; background:#fff; } .bg-wrap:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .bg-wrap.nobg{ background:none; } .pad-15{ position:relative; padding:15px; } .sidebar-box{ margin:0 0 15px; padding:20px; background:#fff; } .sidebar-box h4{ margin:0; padding:0 0 15px; border-bottom:1px solid #e0e0e0; color:#333; font-size:16px; font-weight:300; line-height:20px; } .sidebar-box .txt-list li{ margin-top:15px; line-height:20px; font-size:12px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .sidebar-box .txt-list li label{ display:inline-block; margin:0 5px 0 0; width:16px; height:16px; line-height:16px; color:#fff; font-size:12px; font-weight:400; text-align:center; background:#999; border-radius:2px; vertical-align:middle; } .sidebar-box .txt-list li label.hot{ background:#d70029; } .sidebar-box .txt-list li a{ line-height:20px; } .sidebar-box .side-img-list{ padding-bottom:0; } .sidebar-box .side-img-list li{ padding:10px 0; } .sidebar-box .tags-box{ margin:0 0 0 -10px; } .sidebar-box .tags-box:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .sidebar-box .tags-box a{ display:block; float:left; margin:10px 0 0 10px; padding:5px; color:#555; font-size:12px; line-height:20px; border:1px solid #f0f0f0; } .sidebar-box .tags-box a:hover{ border-color:#34ad2a; } .tags-box a i{ margin-left:2px; color:#999; font-style:normal; } /*图文列表样式*/ .side-img-box{ position:relative; width:455px; height:455px; background:#fff; overflow:hidden; } .side-img-box em{ position:absolute; display:none; margin:-30px auto auto -30px; top:50%; left:50%; width:60px; height:60px; font-style:normal; filter:alpha(opacity=60); -moz-opacity:0.6;opacity:0.6; } .side-img-box em i{ color:#fff; font-size:60px; line-height:60px; } .side-img-box a:hover em{ display:block; } .side-img-box .abs-bg{ position:absolute; left:0; bottom:0; width:100%; height:50px; background:#000; filter:alpha(opacity=30); -moz-opacity:0.3;opacity:0.3; background:linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0)); } .side-img-box .info{ position:absolute; left:0; bottom:0; right:0; width:100%; height:50px; line-height:20px; text-align:left; } .side-img-box .info h3{ padding:5px 15px 0; color:#fff; font-size:14px; font-weight:normal; } .side-img-box .info p{ padding:0 15px; color:#eee; font-size:12px; } .side-img-box img{ min-width:100%; min-height:100%; _width:100%; _height:100%; } .side-img-list{ text-align:left; padding:10px 0 11px 0; background:#fff; } .side-img-list li{ display:block; padding:10px 15px; } .side-img-list li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .side-img-list li .img-box{ position:relative; float:left; width:60px; height:60px; overflow:hidden; } .side-img-list li .img-box label{ position:absolute; top:1px; left:1px; display:block; width:16px; height:16px; line-height:16px; color:#fff; font-size:12px; font-weight:normal; text-align:center; background:#666; } .side-img-list li:first-child .img-box label{ background:#d70029; } .side-img-list li .img-box img{ margin:0; padding:0; border:1px solid #ebebeb; width:58px; height:58px; } .side-img-list li .txt-box{ display:block; margin-left:75px; font-size:12px; } .side-img-list li .txt-box a{ display:block; height:40px; line-height:20px; overflow:hidden; } .side-img-list li .txt-box span{ display:block; color:#999; height:20px; line-height:20px; } .search-tit{ display:block; margin:0 30px; padding-top:0px; line-height:38px; border-bottom:1px solid #f0f0f0; } .search-tit h3{ display:inline-block; color:#333; font-size:16px; font-weight:normal; } .search-tit span{ margin-left:15px; color:#999; font-size:14px; } .search-tit span strong{ margin:0 2px; color:#1e7bb3; font-weight:600; } .n-list li h2 {padding: 15px 0 15px;font-size: 18px;line-height: 24px;font-weight: normal;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}/*图文列表样式*/ .n-list{ padding:15px 30px; } .n-list li{ display:block; padding-bottom:15px; border-bottom:1px solid #f0f0f0; overflow:hidden; } .n-list li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .n-list li h2{ padding:15px 0 15px; font-size:18px; line-height:24px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .n-list li h2 a{ color:#333; text-decoration:none; } .n-list li h2 a:hover{ color:#8cac52; } .n-list li .note b{ position:relative; display:block; float:left; margin-right:16px; width:118px; height:118px; border:1px solid #e8e8e8; font-style:normal; } .n-list li .note b img{ min-width:100%; min-height:100%; width:100%; _height:100%; } .n-list li .note p{ display:block; font-size:14px; max-height:84px; line-height:28px; font-weight:500; color:#666; overflow:hidden; } .n-list li .note .info{ padding-top:10px; height:20px; line-height:20px; } .n-list li .note .info span{ margin-right:10px; color:#999; font-size:12px; } .n-list li .note .info span i{ margin-right:3px; font-size:12px; } .n-list .nodata{ margin-top:30px; color:#666; font-size:14px; line-height:100px; text-align:center; } .header .header_top .header_img .header_right{ width: 400px; height: 110px; margin-top:110px; display: flex; flex-direction: column; float:left; } .header .header_top .header_img .header_right .oldweb{ height: 50px; } .header .header_top .header_img .header_right .oldweb a{ display: block; height: 30px; width: 140px; font-size: 13px; color:#155bb0; line-height: 30px; text-align: center; border: 1px solid #155bb0; border-radius: 24px; margin-left: 190px; }