@import url('goble.css');
@import url('header.css');

/*banner*/
div.moduletable-banner{width:100%;position: relative;background: url(../image/loading.gif) no-repeat;margin:0 auto;}
.flexslider{width:100%;overflow: hidden;}
.flexslider .slides > li{display: none;}
.flexslider .slides img{width:100%;height:auto;display: block;}
.slides: after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides{display: block;}
* html .slides{height: 1%;}
.no-js .slides > li: first-child{display: block;}


.flexslider{position: relative;zoom: 1;}
.flexslider .slides{zoom: 1;}
.flexslider .slides > li{position: relative;}
.flex-caption{background: none;-ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);zoom: 1;}
.flex-caption{width: 96%;padding: 2%;position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.3);color: #fff;text-shadow: 0 -1px 0 rgba(0,0,0,.3);font-size: 14px;line-height: 18px;}
.flex-direction-nav{height: 0;overflow: hidden;}
.flex-direction-nav li a{display: none;width: 47px;height: 80px;position: absolute;top: 50%;margin-top: -40px;cursor: pointer;text-indent: -9999px;}
.flex-direction-nav li a.next{right: 0;background: url("../image/bg_direction_nav.png") no-repeat scroll -47px 0 transparent;}
.flex-direction-nav li a.next: hover{}
.flex-direction-nav li a.next: active{background: url("../image/bg_direction_nav.png") no-repeat scroll -47px -80px transparent;}
.flex-direction-nav li a.prev{left: 0;background: url("../image/bg_direction_nav.png") no-repeat scroll 0 0 transparent;}
.flex-direction-nav li a.prev: hover{}
.flex-direction-nav li a.prev: active{background: url("../image/bg_direction_nav.png") no-repeat scroll 0 -80px transparent;}
.flex-direction-nav li a.disabled{opacity: .3;filter: alpha(opacity=30);cursor: default;}

.flex-control-nav{position: absolute;bottom:0;width:100%;margin:0 auto;text-align:center;}
.flex-control-nav li{display: inline-block;zoom: 1;*display: inline;margin-right: 10px;margin-bottom: 15px;}
.flex-control-nav li a{display: block;width: 30px;height: 8px;margin: 0 2px;border-radius:6px;background:#CECECE;text-indent: -9999px;}
.flex-control-nav li a:hover{background:#FE0000;width: 30px;height: 8px;margin: 0 2px;border-radius:6px;}
.flex-control-nav li a.active{background:#FE0000;width: 30px;height: 8px;margin: 0 2px;border-radius:6px;}
/*banner */


/*模块设置*/
.classify {width:1200px;margin: 0 auto;}
.classify li{width: 280px;height:400px;float: left;margin: 0 10px 20px 10px;background: #eee;border-radius:5px;}
.classify li:hover{background: #3671cf;width: 280px;height:400px;border-radius:5px;}

.classify li:hover h3{margin-top:5px;color:#fff;line-height: 30px;width: 80%;padding: 0 10%;}
.classify li:hover p{font-size: 13px;color:#fff;line-height:20px;width: 80%;padding: 0 10%;}

.classify li img{width: 280px;height: 250px;border-top-left-radius:5px;border-top-right-radius:5px;}

.classify li a h3{margin-top:5px;color: #333;font-size: 18px;line-height: 30px;width: 80%;padding: 0 10%;}
.classify li a p{color:#555;font-size: 13px;line-height:20px;width: 80%;padding: 0 10%;}



/*通用*/
#intro{width: 1200px;margin: 0 auto;}
#intro h3 {font-size: 26px; display: block; text-align:center;font-weight:bold;margin:30px auto 5px auto;color:#333;}
#intro .lead {font-size: 14px;line-height:24px; margin: 0 auto 30px; text-align:center}

.case_more {color:#fff;display: block; margin:40px auto 0px auto; width:200px; height:46px; font-size: 16px; line-height: 46px; text-align: center;border-radius:10px; overflow: hidden}
.case_more:hover{color: #333;background: #fff; width:200px; height:46px;}

/*合作单位*/
.index_client{width:1170px;margin:0 auto;}
.index_client ul li {float: left; margin: 7px 11px 7px 11px; border:#CCC 1px solid;width:170px; height:70px;}
.index_client ul li img {width:170px; height:70px;}

/*内容 新闻*/
.weblist{margin:15px auto 0 auto;width:456px;}
.weblist li{height:30px; line-height:30px; overflow:hidden; position:relative; font-size:14px;color:#999;}
.weblist li span{position:absolute; top:0px; right:5px; white-space:nowrap;}
.weblist li a{background:url(../image/icon-dot.gif) 2px center no-repeat; padding-left:20px;color:#666;}
.weblist li a:hover{background:url(../image/icon-dot.gif) 2px center no-repeat;}



/* 安全生产 */
.hjnavcn{WIDTH: 1100px;FLOAT: left;HEIGHT: 205px;}

.albumblock{padding:10px 5px 10px 5px;float: left;}
.albumblock .inner{width: 262px;height: 179px;position: relative;border: 1px solid #DEDEDC;overflow: hidden;}
.albumblock .inner img{border: 2px solid #fff;width: 258px;height: 175px;}
.albumblock .inner a{color: #6c6c6c;}
.albumblock .inner a:hover{text-decoration: none;}
.albumblock .inner a:visited{text-decoration: none;}
.albumblock .inner:hover{border: 1px solid #E47919;}
	
	
	
	

/*案例*/
.caseshow ul{width:1100px;}
.caseshow li{float:left; width:274px; height:170px; background:#FFF; position:relative; z-index:2; overflow:hidden;}
.caseshow li a{ display:block}
.caseshow li a img{ position:absolute; z-index:3; top:10px; left:10px;display: inline-block; }
.caseshow li a .up_box{ top:-5px; width:258px; left:0px;position:absolute; overflow:hidden; height:5px; text-align:left}
.caseshow li a:hover .up_box{ display:block;position:absolute; z-index:4; top:10px; left:10px;  width:258px; height:150px; overflow:hidden; background:#000;filter:alpha(opacity=70);-moz-opacity:0.7; opacity: 0.7;
margin-left:0px;
-webkit-transition:height;
-webkit-transition-timing-function: ease-in;
-webkit-transition-duration: 150ms;}
.caseshow li a .up_box h3{ margin:22px; font-size:14px; line-height:24px; color:#fff}

/*首页 新闻*/
.ST13 ul{width:320px;margin:15px auto 0 auto;}
.ST13 ul li{line-height:30px;height: 30px;list-style-image: url(../image/bullet.gif);margin-left:20px;padding-left:5px;}
.ST13 ul li a{color: #666666; font-family: "微软雅黑"; font-size: 14px;}
.ST13 ul li a:hover{color: #ff0000;}


/*通用*/
.Til_title{width: 100%;height: 40px;border-bottom: 4px solid #e6e6e6;}
.cityName{font-size: 18px;height: 40px;float: left;line-height: 40px;color: #0c0300;border-bottom: 4px solid #BC3006;width:80px;}
.cityName em{font-size:14px;position:absolute;font-style: italic;color:#b0b0b0;text-align:left;margin-left:15px;margin-top:2px;}
.cityMore{float: right;color: #999;padding-top:16px;}
.cityMore a{color: #999;background:url(../image/newsmore.png) no-repeat; width:22px; height:18px; display: block;}
.cityMore a:hover{background:url(../image/headMore.png) no-repeat; width:22px; height:18px;}


/* 首页新闻列表*/
.index-news-img-list{width: 1200px;margin: 0 auto;}
.index-news-list{width: 360px;height:400px;float: left;margin:0 20px;}
.index-news-list .pic_wrap1{width: 360px;height: 200px;position: relative;margin-bottom: 20px;}

.index-news-list .pic_wrap1 img{width: 360px;height: 200px;}

.index-news-list .news_bott{height: 100px;}
.index-news-list .news_bott h2{font-size: 16px;color: #333;line-height: 22px;}
.index-news-list .news_bott h3{font-size: 12px;color: #888;height:65px;line-height: 20px;font-weight: normal;margin-top: 10px;}
.index-news-list .showa{padding-left: 30px;background: url(../image/jia.png) no-repeat left center;color: #206CC4;font-size: 12px;margin-top: 25px;display: block;}

/*关于我们*/
.about{width: 100%;height:500px;margin-top:50px;background: url(../image/index_bg.jpg) no-repeat center center;text-align: center;}
.about h3 {font-size: 26px; padding-top:50px;display: block; text-align:center;font-weight:bold;margin:0 auto;color:#333;}
.about .lead {font-size: 14px;line-height:24px; margin: 0 auto 30px; text-align:center}
.about p{font-size: 14px;color: #fff;line-height:28px;text-align:left;}

.about-box{width: 1200px;margin:15px auto 0 auto;}
.about-box .about-box-left{width: 420px;float: left;}
.about-box .about-box-right{width: 740px;float: right;}
.about-box .about-box-right p{font-size: 15px;color: #fff;line-height:28px;text-align:left;}

/*tab 切换*/
.pro-tab-box-bg{background: #fff;margin-top: 20px;}
.pro-tab-box {width:1200px;margin:20px auto;}

.pro-tab-box-type{width: 720px;margin: 0 auto;}
.pro-tab-box-type ul{height:39px; line-height: 39px; font-weight: 500;}
.pro-tab-box-type ul li{float: left;width:120px;margin:0 10px;text-align:center;color:#999;height: 32px;line-height: 32px;font-size: 16px;border: 1px solid #999;border-radius:22px;}
.pro-tab-box-type ul li.on{border: 2px solid #D20C01;border-radius:20px;color:#D20C01;}

.pro-tab-li-box{width: 1200px;padding-top:10px;clear:both;}
.pro-tab-li-box .img_list ul{width: 1200px;margin:0 auto;}
.pro-tab-li-box .img_list ul LI{width:280px;FLOAT:left;text-align:center;margin: 10px;background: #ddd;border-radius:6px;}
.pro-tab-li-box .img_list ul LI IMG{width:280px;height:232px;}
.pro-tab-li-box .img_list ul LI span{color:#fff;text-align:center;}

.pro-tab-li-box .img_list ul LI .project-btn-wrap{width:100%;text-align:center;margin-top: 10px;}
.pro-tab-li-box .img_list ul LI .project-btn{display:inline-block;font-size:16px;width:140px;height:38px;line-height:38px;margin:0 10px;border:#999 1px solid;border-radius:20px}
.pro-tab-li-box .img_list ul LI .project-btn:hover{font-size:16px;border-color:#0E82E7;background:#0E82E7;color:#fff}

.project-pic-link{position:relative;display:block}
.project-pic{display:block;width:280px;height:232px}
.project-pic-text{height:36px;line-height:36px;font-size:16px;text-indent:15px}
.m-abs-text-bg{position:absolute;bottom:0;left:0;width:100%;background:rgba(26,70,119,.6);overflow:hidden}