@charset "gb2312";
.popbg{position: fixed;z-index: 9999999999;left: 0;width: 100%;height: 50%;background: #000;}
.top{top: 0;}
.bottom{bottom: 0;}


/***banner***/
.bannerSlide{position:absolute;left:0;top:0;width:100%;min-height:546px;min-width: 1200px;background:#ddd;}
.bannerSlide .banner_bd{position:relative; z-index:0;min-height:874px;min-width: 1200px;}
.bannerSlide .banner_bd img{max-width:100%;min-height:874px;}
.bannerSlide .prev,
.bannerSlide .next{ position:absolute; z-index:1; display:block; width:30px; height:50px; top:50%; margin-top:20px; left:20px; background:url(../images/icons.png) 0 0 no-repeat; cursor:pointer;  filter:alpha(opacity=60);opacity:0.6;  }
.bannerSlide .next{ left:auto; right:30px; background-position:-51px 0; }
.bannerSlide .prev:hover, .bannerSlide .next:hover{ filter:alpha(opacity=100);opacity:1; }
.bannerSlide .banner_hd{width:100%;position:absolute;z-index:2; bottom:0; left:0;height:30px;line-height:30px;text-align:center; }
.bannerSlide .banner_hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:74px; height:4px; margin:4px; background:url(../images/dot-w.png) 0 0; overflow:hidden; line-height:9999px; filter:alpha(opacity=40);opacity:0.4; }
.bannerSlide .banner_hd ul .on{filter:alpha(opacity=100);opacity:1;  }


/**主内容**/
.wrap{width: 100%; height: auto; min-width: 1200px;}
.main{width:100%; height:auot; margin:0 auto;position: relative; z-index: 5;background: #fff;}
.title_a{ font:36px "微软雅黑"; font-weight:bold; color:#0d4e98;text-align:center; padding-top:40px;}
.title_b{ font:16px "Arial"; padding-top:10px; color:#ccc;text-align:center;}



/*企业简介*/
.about{width:100%; height:392px; background:url(../images/about_bg.png) no-repeat center; margin-top:874px;}
.about_m .about_txt{ float:left;width:574px;}
.about_m p{font:15px/32px "微软雅黑"; color:#333; padding-top:30px; margin-bottom:30px;position: relative;max-height:156px;overflow: hidden;}
.about_m p::after{content:"..."; position:absolute;bottom:0;right:0;padding-left: 40px;background: -webkit-linear-gradient(left, transparent, #f6f6f6 55%);background: -o-linear-gradient(right, transparent, #f6f6f6 55%);background: -moz-linear-gradient(right, transparent, #f6f6f6 55%);background: linear-gradient(to right, transparent, #f6f6f6 55%);}
.about_m .about_more{ border:1px solid #0d4e98; padding:6px 32px 6px 32px; color:#0d4e98; font-size:16px; border-radius:3px;}
.about_icon{width:620px;padding-top:50px;float:right;}
.about_icon li {float:right; width:120px; text-align:center; padding-right:50px; }
.about_icon li img{border:5px solid #f6f6f6; border-radius:100px;}
.about_icon li a h7{width:120px;font:20px/56px "微软雅黑";font-weight: bold;color: #2e2e2e;text-align:center;}
.about_icon li:hover img{filter: grayscale(40%); border:5px solid rgba(18,84,160,0.8);border-radius:100px;}
/*.about_icon li:hover h7{color:#0d4e98;}*/
 

/*公司动态*/
.news{width:100%; height:auto; background-color:#fff; margin:0 auto; padding-bottom:20px;}
.news_nav{width: 400px; height: 37px; margin: 0 auto; margin-bottom: 30px;padding-top: 30px;}
.news_nav li{width:30%; height: 100%; line-height:100%; line-height: 37px; cursor:pointer; float:left; text-align: center; background: #eee; position: relative; overflow: hidden;border-radius:3px;margin-right:5px;}
.news_nav li:before{content: ''; position: absolute; width: 100%; height: 100%; background: #1a59a3; bottom: -100%; left: 0; z-index: 1;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;}
.news_nav li span{position:relative; z-index: 2; color: #333; font-size: 16px;font-weight: bold; -webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;}
.news_nav li.on:before{bottom: 0;}
.news_nav li.on span{color: #fff;}
.news_more{border:1px solid #0d4e98;padding:6px 32px 6px 32px;font-size:16px; color:#0d4e98;border-radius:3px;margin-top:20px;float:left;margin-left:-100px;}

.news_main{width: 100%; height: auto;overflow:  hidden;margin-top:30px;}
.focusBox { width:575px;height:407px; position:relative;overflow: hidden;float:left;}
.focusBox .pic a{display: block; width: 575px; height:407px; position: relative;}
.focusBox .pic img { width:575px; height: 407px; display: block;-webkit-transition: .8s;-moz-transition: .8s;-ms-transition: .8s;-o-transition: .8s;transition: .8s; }
.focusBox .pic a:hover img{-webkit-transform: scale(1.06);-moz-transform: scale(1.06);-ms-transform: scale(1.06);-o-transform: scale(1.06);transform: scale(1.06);}
.focusBox .pic a span{display: block;width: 72px; height: 64px; background: #ec001a; color: #fff; font-size: 18px; line-height: 64px; text-align: center; position: absolute; z-index: 3; top: 12px; left: -84px;}
.focusBox .txt-bg { position:absolute; bottom:0px;left:0px;z-index: 1; height:48px; width:575px; margin:0 auto; overflow: hidden;background:rgba(0,0,0,0.6);
-moz-opacity: 0.70; /* FF 3.5以下 */  opacity: 0.70; /* FF 3.5及以上 */  filter: alpha(opacity=80); /* IE6及以上 */ /*针对IE8*/filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); }
.focusBox .txt {width:575px;position:absolute;left:0px; bottom:0px; z-index:2; height:48px; display:block;}
.focusBox .txt li{height:48px;position:absolute;bottom:-48px;display:block;width:575px;overflow:hidden;}
.focusBox .txt li a{display:block;width:575px;height:48px;color:#fff;font:16px/48px "微软雅黑";padding:0px 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.focusBox .txt li a:hover{text-decoration:underline;}
.focusBox .num { position: absolute; z-index: 3; bottom: 65px; right: 5px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 18px; line-height: 18px; overflow: hidden; text-align: center;  cursor: pointer; margin: 0 5px; font-size: 12px;}
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;}
.focusBox .num li.on a,.focusBox .num a:hover{ background:#bc0e10;  }

.news_list{width:585px; height:407px;float:right;margin-top:-407px;}
.news_list li{height: auto;overflow: hidden;float:right;}
.news_list li a{display:block; width:100%; height:102px;}
.news_list li a .nes_title{padding-left:20px;margin-top:12px;height:auto;text-align: center; font-size:14px;float:left;padding-top:3px;padding-bottom:13px;position:relative;}
.news_list li a .nes_title:before{content: '';position: absolute;top: 0;left:-100%; z-index: 1;width: 100%; height: 100%; background: #7c5f2f;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s; }
.news_list li a .nes_title b{color:#555;font:32px/40px "Arial"; border-bottom:#eee 1px solid;display:block;position:relative;-index: 2;}
.news_list li a .nes_title span{ color:#888;font:12px/32px "Arial";position: relative;z-index: 2;}
.news_list li a .news_center{width:475px; height: auto; float:left;padding-left:30px;padding-right: 10px;}
.news_list li a .news_center h4{padding-top:10px;font-size:16px;color: #333;line-height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_list li a .news_center p{font-size:13px;line-height:24px;color:#818181;margin-top:5px; height:48px;overflow: hidden;}
.news_list li:hover{ background-color:#0d4e98;color:#fff;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s; }
.news_list li a:hover .nes_title b,.news_list li a:hover .nes_title span,.news_list li a:hover .news_center h4,.news_list li a:hover .news_center p{color: #fff;}


/*工程案例*/
.case{width:100%; height:600px; margin-top:100px; background:url(../images/case_bg.png) no-repeat;}
.case_main{ width:100%; height:auto;}
.case_tit{padding-top:85px; float:left;}
.case_li .case_sw_nav {width:124px; height:auto;overflow:hidden;position:relative; float:left;margin-top: 240px;margin-left: -150px;padding:20px;}
.case_li .case_sw_nav li {float:left;padding-top:20px;}
.case_li .case_sw_nav li a {position: relative; display:block; width:118px; height:36px; line-height:36px;text-align: center; text-transform: uppercase; border:1px solid #fff;border-radius:3px;color: #fefefe; font-weight: bold; word-wrap: break-word; overflow: hidden; outline: 0; cursor:pointer; }
.newprd-s1, .newprd-s1 a { z-index:20;}
.newprd-s2, .newprd-s2 a { z-index:19;}
.case_li .case_sw_nav .on{position: relative;z-index:99;}
.case_li .case_sw_nav li a:hover, .case_li .case_sw_nav .on a{background-image: url(../images/case_tab_on.png);z-index:99;color:#0c4d97;text-decoration: none; cursor: pointer;}
.case_m_pic{ float:right; background-color:#fff; width:920px; height:500px; margin-top:50px;}
.case_pic{padding-top:20px; padding-left:30px;overflow:hidden;}
.case_pic_hd{width:100%; height:24px;line-height:44px;overflow:hidden;float:left;}
/*.case_pic_hd .S_next{width:32px;height:44px;background:url(../images/left.png); margin-right:5px;float:left;}
.case_pic_hd .S_prev{width:32px;height:44px;background:url(../images/right.png);float:left;}*/
.case_pic_hd a{float:right;}
.case_pic_hd a img{width:24px;height:24px;margin-right:30px;}
.case_pic_hd a img:hover{transform:none;}
.case_pic_hd ul{margin:6px 6px 0 0; zoom:1;float:right; overflow:hidden;}
.case_pic_bd{ width:900px;height:420px;overflow:hidden;margin-top:-5px;margin-left:5px;}
.case_pic ul dl{float:left;width:268px;text-align:center;position:relative; margin-right:25px;margin-top:15px;overflow:hidden;}
.case_pic span{display:block;width:268px;height:38px;position:absolute;bottom:0;background:#000;filter:alpha(opacity=50);opacity:0.50;}
.case_pic dt{margin:0 auto;width:268px;overflow:hidden;}
.case_pic img{display:block;width:268px;height:190px;display:block;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s;}
.case_pic img:hover{-webkit-transform: scale(1.06);-moz-transform: scale(1.06);-ms-transform: scale(1.06);-o-transform: scale(1.06);transform: scale(1.06);}
.case_pic dd{width:268px;height:38px;line-height:38px;font-size:14px;color:#fff;text-align:center;overflow:hidden;position:absolute;bottom:0;}
.case_pic dd a{color:#fff;}





/**资讯信息列表-党建-新闻**/
.m_list{width:100%; height:382px;}
.dj_list{width:581px; height:382px; border:1px solid #eee; float:left;margin-top:40px;margin-bottom: 50px;}
.zx_list{width:581px; height:382px; border:1px solid #eee; float:right;margin-top:40px;margin-bottom: 50px;}
.title_a_l{font:36px "微软雅黑";font-weight:bold;color:#0d4e98;padding:20px 0 0 20px;}
.title_b_l{ font:16px "Arial"; padding-top:10px; color:#ccc; padding-left:20px;}
.list_main{float:left; width:570px; padding:10px;}
.column-li{font:16px/38px "微软雅黑";}
.column-li li{ width:560px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#666;}
.column-li li img{padding-right:10px; padding-bottom:2px;}
.column-list a{color:#666;}
.column-list a:hover {color:#b63a22;text-decoration:underline;}
.column-list span{ font:16px/38px "微软雅黑";;color:#999; float:right; padding-left:30px;}