* {
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;
}
.gonggao {
color: #fff;
background: 100% 100% no-repeat;
}
.indextitle {
font-size: 22px;
padding-left: 10px;
font-weight: 500;
font-family: 微软雅黑;
padding-top: 2px;
padding-bottom: 2px;
}
.content .picalbum {
width: 1200px;
height: 170px;
margin-top: 30px;
display: flex;
flex-direction: row;
}
.about {
width: 340px;
margin-left: 40px;
float: right;
font-size: 0;
}
.about img {
display: inline-block; /* 或者 inline-block */
}
.aboutleft {
width: 67px;
float: right;
border:0px;
font-size:0px;
}
.aboutright {
width: 273px;
height: 170px;
font-size: 30px;
line-height: 30px;
float: right;
border: 0px;
font-size: 0px;
}
.indexmore {
float: right;
width: 51px;
padding-top: 8px;
}
.hangye, .keji, .team {
color: #fff;
background: 100% 100% no-repeat;
}
.gongcheng {
width: 1200px;
color: #fff;
background: no-repeat;
float: left;
}
.gongchengtitle {
font-size: 22px;
padding-left: 10px;
font-weight: 500;
font-family: 微软雅黑;
padding-top: 2px;
padding-bottom: 2px;
float:left;
height:43px;
}
/*新闻列表*/
.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;
}