@charset "utf-8";
/*关于我们*/
.main1f{
	padding: 40px 0 30px;
	overflow: hidden;
	border-bottom: 20px solid #f3f3f3;
	margin-bottom: 35px;
}
.about_pic {width: 641px;height: 414px;overflow:hidden; position:relative;margin-right: 15px;}
.about_pic .hd{ height:14px; overflow:hidden; position:absolute; right:5px; bottom:12px; z-index:1; }
.about_pic .hd ul{ overflow:hidden; zoom:1; float:left;  }
.about_pic .hd ul li{ float:left; margin-right:8px; width:12px; height:12px;    cursor:pointer; border-radius: 50%;border:1px solid #fff;}
.about_pic .hd ul li.on { background:#fff; color:#fff; }
.about_pic .aboutimg{ position:relative; height:100%; z-index:0;   }
.about_pic .aboutimg li{ zoom:1; vertical-align:middle;background: #0089d8; }
.about_pic .aboutimg p {
	width: 641px;
	height: 374px;
	background: #f3f3f3;
	overflow: hidden;
	text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/
	display:table-cell;/*设置垂直居中*/
	vertical-align:middle;/*设置水平居中*/
	text-align:center;/* 针对IE的Hack */
	*display: block;*
}
.about_pic .aboutimg p img {
	transition-duration:0.6s;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.about_pic .aboutimg img{ width: 641px;height: 374px; display:block;}
.about_pic .aboutimg span {display: block;height: 40px;line-height: 35px;padding: 0 20px;overflow: hidden;font-size: 18px;color: #fff;font-weight: bold;font-family: "微软雅黑";}

.title_1 {
	height: 65px;
	line-height: 65px;
	text-align: center;
}
.title_1 span {
	display: inline-block;
	width: 155px;
	position: relative;
	font-size: 24px;
	color: #0089d8;
	font-family: "微软雅黑";
	font-weight: bold;
}
.title_1 span:after,.title_1 span:before {
	content: "";
	width: 190px;
	height: 3px;
	background: #0089d8;
	position: absolute;
	top:50%;
	margin-top: -1px;
	z-index: 3;
}
.title_1 span:before{
	right: 155px;
}
.title_1 span:after {
	right: -190px;
}
.title_1 a:hover {
	color: #0089d8;
}
.about {
	width: 837px;
}
.aboutcon {
	font-family: "微软雅黑";
	color: #666;
	font-size: 16px;
    line-height: 40px;
}
a.amore {
	display: block;
	width: 55px;
	background: url(../images/amore.png) no-repeat left center;
	padding-left: 20px;
	font-family: "微软雅黑";
	color: #999;
	font-size: 12px;
	float: right;
}
.amore:hover {
	color: #0089d8;
}

/*新闻，资质*/
.main2f {
	padding:0 0 35px;
	overflow: hidden;
	border-bottom: 20px solid #f3f3f3;
	margin-bottom: 35px;
}
/*新闻资质*/
.title_2 {
	width: 100%;
	height: 40px;
	position: relative;
	margin-bottom: 25px;
}
.title_2:before {
	content: "";
	display: block;
	width: 25px;
	height: 40px;
	background: url(../images/tit2bg.png) no-repeat left center;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
}
.title_2:after {
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	background: #eaeaea;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.title_2 h2 {
	line-height: 40px;
	font-family: "微软雅黑";
	color: #333;
	font-size: 18px;
	padding-left: 40px;
	font-weight: normal;
}
.title_2 .lnav {
	height: 40px;
	line-height: 40px;
	text-align: right;
	overflow: hidden;
}
.title_2 .lnav a {
	display: inline-block;
	color: #666;
	font-size: 14px;
	font-family: "微软雅黑";
	margin-left: 20px;
}
.title_2 .lnav a:hover {
	color: #0089d8;
}

/*新闻列表*/
.xw {
	width: 544px;
	height: 455px;
	overflow: hidden;
}
.xw_jt {
	height: 200px;
	margin-bottom: 5px;
}
.nimg {width: 300px;height: 200px;overflow: hidden;position: relative;}
.nimg p {
	width: 300px;
	height: 200px;
	background: #f3f3f3;
	overflow: hidden;
	text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/
	display:table-cell;/*设置垂直居中*/
	vertical-align:middle;/*设置水平居中*/
	text-align:center;/* 针对IE的Hack */
	*display: block;*
}
.nimg p img {
	transition-duration:0.6s;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.nimg span {
	display: block;
	position: absolute;
	width: 270px;
	height: 30px;
	background: rgba(127,127,127,.6);
	padding: 0 15px;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	line-height: 30px;
	text-align: center;
}
.xwlist {
	padding: 0;
	width: 530px;
	border-top:none;
}
.xwhot {width: 510px;height: 80px;background: #fff4e3;padding: 5px 10px;margin-bottom: 10px;}
.xwhot h3 {color: #f39437;font-family: "微软雅黑";font-size: 18px;font-weight: normal;line-height: 40px;padding: 0 20px;overflow: hidden;text-align: center;}
.xwhot p {font-size: 12px;color: #666;font-family: "微软雅黑";line-height: 20px;}
.xwlist li {
	float: left;
	width: 500px;
	height: 35px;
	padding-left: 17px;
	background: url(../images/circle.jpg) no-repeat left center;
	margin-right: 30px;
}
.xwlist li h2 {
	font-family: "微软雅黑";
	color: #666;
	font-size: 16px;
	line-height:35px;
	height: 35px;
	font-weight: normal;
}
.xwlist li:hover {
	background: url(../images/circlea.jpg) no-repeat left center;
}
.xwlist li:hover h2,.xwlist li:hover span {
	color: #0089d8;
}
/*参观考察*/
.kc {
	height: 150px;
	padding: 0;
	overflow: hidden;
}
.kc li {
	width: 540px;
	height: 150px;
	float: left;
	overflow: hidden;
}
.kc li:nth-child(1){margin-right: 15px;}
.kc li .kcimg p{
	width: 130px;
	height: 150px;
	background: #f3f3f3;
	overflow: hidden;
	text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/
	display:table-cell;/*设置垂直居中*/
	vertical-align:middle;/*设置水平居中*/
	text-align:center;/* 针对IE的Hack */
	*display: block;*
}
.kc li .kcimg p img {
	vertical-align:middle;
	transition-duration:0.6s;
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.kc li .kccon {
	width: 393px;
}
.kc li .kccon  h3 {
	color: #666;
	font-size: 18px;
	font-family: "微软雅黑";
	font-weight: normal;
	line-height: 35px;
	margin-bottom: 5px;
}
.kc li .kccon p {color: #999;font-size: 12px;font-family: "微软雅黑";line-height: 20px;}
.kc li:hover h3 {color: #0089d8;}

/*视频中心*/
.video {
	width: 320px;
	padding: 0;
	overflow: hidden;
}
.video li {
	width: 320px;
	height: 110px;
	overflow: hidden;
	margin-bottom: 15px;
}
.video li p {
	width: 320px;
	height:110px;
	background: #f3f3f3;
	overflow: hidden;
	text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/
	display:table-cell;/*设置垂直居中*/
	vertical-align:middle;/*设置水平居中*/
	text-align:center;/* 针对IE的Hack */
	*display: block;*
}
.video li p img {
	vertical-align:middle;
	transition-duration:0.6s;
	width: 100%;
    height: 100%;
    object-fit: cover;
}


/*企业文化*/
.main3f {
	padding: 0 0 39px;
	border-bottom: 20px solid #f3f3f3;
}
.m3left {
	width: 790px;
	height: 350px;
}
/*企业文化图片滑动开始*/
.culture {width: 790px;height: 220px;overflow: hidden;margin-bottom: 20px;}
.dh ul{overflow: hidden;width: 790px;height: 220px;}
.dh ul li{float: left;width: 138px;overflow: hidden;height: 220px;cursor: pointer;}
.dh ul li a{display: block;width: 100%;height: 100%;}

.whjs {
	width: 750px;
	height: 76px;
	background: #f5f5f5;
	padding: 12px 20px;
	overflow: hidden;
}
.whjs li {
	float: left;
	width: 328px;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px dashed #e5e5e5;
	margin:0 15px;
	padding-left: 17px;
	background: url(../images/jta.png) no-repeat left center;
}
.whjs li a {
	color: #666;
	font-size: 12px;
	font-family: "微软雅黑";
}
.whjs li:hover {
	padding-left: 17px;
	background: url(../images/jt.png) no-repeat left center;
}
.whjs li:hover a {
	color: #0089d8;
}
.m3right {
	width: 385px;
	height: 350px;
	overflow: hidden;
}
.m3right li {
	width: 385px;
	height: 101px;
	margin-bottom:18px;
	overflow: hidden;
	padding: 0;
	transition: all 0.5s;
}
.m3right li:nth-child(1) {
	background: url(../images/m31.jpg) no-repeat top center;
}
.m3right li:nth-child(2) {
	background: url(../images/m32.jpg) no-repeat top center;
}
.m3right li:nth-child(3) {
	background: url(../images/m33.jpg) no-repeat top center;
}
.m3right li span {
	display: block;
	line-height: 101px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-family: "微软雅黑";
}
.m3right li:hover {
	transition: all 0.5s;
	transform:scale(1.1,1.1); 
	-ms-transform:scale(1.1,1.1);  	/* IE 9 */
	-moz-transform:scale(1.1,1.1); 	/* Firefox */
	-webkit-transform:scale(1.1,1.1);  /* Safari 和 Chrome */
	-o-transform:scale(1.1,1.1); 
}

/*经营发展*/
.main4f {
	padding: 15px 0 40px;
	overflow: hidden;
}
.m4con {padding:0;overflow: hidden;}
.m4left {width: 853px;height: 440px;overflow: hidden;position:relative;  overflow:hidden;  zoom:1; }
.m4left .hd{ width:240px;float: right;}
.m4left .hd ul{zoom:1; }
.m4left .hd ul li{ width: 240px;height: 56px;padding: 15px 0;text-align:center; background: #f5f5f5;border-bottom: 2px solid #e5e5e5;position: relative;}
.m4left .hd ul li h2 {color: #666;font-size: 18px;font-family: "微软雅黑";line-height: 35px;}
.m4left .hd ul li p {color: #333;font-size: 14px;font-family: "微软雅黑";line-height: 20px;}
.m4left .hd ul li.on {background: #e0e0e0;}
.m4left .hd ul li.on:before{content:"";display: block;position: absolute;left:-7px;background:url(../images/icoUp.png) no-repeat center 0;width: 7px;height: 14px;top:50%;margin-top:-7px;z-index: 3; }
.m4left .hd ul li.on h2 {color: #0089d8;}
.m4left .bd {width: 613px;height: 440px;float: left;}
.m4left .bd li{ vertical-align:middle; }
.m4left .bd img{ width:613px; height:440px; display:block;object-fit: cover;  }

/*战略规划*/
.m4right {width: 323px;height: 440px;}
.title_3 {height: 28px;line-height: 28px;border-bottom:3px solid #0089d8;margin-bottom:25px;}
.title_3 h2 {color: #0089d8;font-size: 18px;font-family: "微软雅黑";text-align: center;line-height: 28px;}
.m4right img {display: block;margin:0 auto 7px;}
.zlgh li {background: url(../images/hx.png) no-repeat center center;height: 44px;line-height: 44px;padding: 0 15px;border-bottom: 1px dashed #e5e5e5;}
.zlgh li a {color: #666;font-size: 12px;font-family: "微软雅黑";display: block;}
.zlgh li:hover {background: url(../images/hxa.png) no-repeat center center;}
.zlgh li:hover a {color: #0089d8;} 
.zlgh p {color: #666;font-size: 14px;font-family: "微软雅黑";line-height: 30px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

/*城燃开发*/
.main5f {padding:0 0 20px;overflow: hidden;}
.m5left {width: 605px;}
.title_4 {height: 35px;line-height: 35px;border-bottom: 2px solid #eaeaea;margin-bottom: 10px;}
.title_4 h2 {color: #333;font-size: 18px;font-family: "微软雅黑";line-height: 35px;font-weight: normal;}
.title_4 a {color: #666;font-size: 12px;font-family: "微软雅黑";}
.title_4 a:hover {color: #0089d8;}
.m5hot {height: 110px;border-bottom: 1px dashed #e5e5e5;}
.m5hot div {height: 30px;line-height: 30px;margin-bottom: 12px;}
.m5hot div h3 {color: #0089d8;font-size: 18px;font-family: "微软雅黑";font-weight: normal;}
.m5hot div span{display: inline-block;font-size: 12px;font-family: "微软雅黑";}
.m5hot p {color: #676767;font-size: 14px;font-family: "微软雅黑";line-height: 25px;}
.m5hot .m5more {color: #ffb109;font-size: 14px;font-family: "微软雅黑";line-height: 25px;}
.m5hot .m5more:hover {color: #ffb109;}
.m5hot:hover h3 {color: #ffb109;}
.m5list ul li {height: 60px;line-height:60px;border-bottom: 1px dashed #e5e5e5;}
.m5list ul li h3 {color: #666;font-size: 16px;font-family: "微软雅黑";font-weight: normal;}
.m5list ul li span{display: inline-block;font-size: 14px;font-family: "微软雅黑";color: #b5b5b5;}
.m5list ul li:hover h3,.m5list ul li:hover span {color: #0089d8;}
/*天然气与管道*/
.m5right {width: 570px;}
.m5rlist ul li {height: 67px;border:2px solid #e7e7e7;margin-bottom: 10px;padding: 20px;}
.m5rlist .rimg {
	width: 90px;
	height:72px;
	background: #f3f3f3;
	overflow: hidden;
	text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/
	display:table-cell;/*设置垂直居中*/
	vertical-align:middle;/*设置水平居中*/
	text-align:center;/* 针对IE的Hack */
	*display: block;*
}
.m5rlist .rimg img {
	vertical-align:middle;
	transition-duration:0.6s;
	max-width: 100%;
	max-height: 100%;
}
.m5rlist ul li div.rr {width: 408px;}
.m5rlist ul li h3 {color: #333;font-family: "微软雅黑";font-size: 14px;line-height: 20px;}
.m5rlist ul li p {color: #545454;font-family: "微软雅黑";font-size: 12px;line-height: 17px;}
.m5rlist ul li span {color: #545454;font-family: "微软雅黑";font-size: 10px;line-height: 15px;}
.m5rlist ul li:hover {border:2px solid #0089d8;}