/*=== 头部 ====*/
.header{
	height: 100px;
	position: relative;
}
.logo{
	width: 520px;
	position: absolute;
	top: 14px;
	left: 16px;
}
.header_right{
	float: right;
}
.dz{
	background: url(../images/wz.png) no-repeat left;
	position: absolute;
	top: 32px;
	right: 230px;
	height: 40px;
	line-height: 20px;
	padding-left: 32px;
	font-size: 14px;
	color: #666666;
}
.dh{
	background: url(../images/dh.png) no-repeat left;
	position: absolute;
	top: 32px;
	right: 0;
	height: 40px;
	line-height: 20px;
	padding-left: 49px;
	font-size: 14px;
	color: #666666;
}

/* 导航 */
#nav{
	background: #00a1e9;
	padding: 0;
    margin: 0;
	box-shadow: -2px 8px 5px 0 rgba(0,0,0,0.3);
	position: relative;
	z-index: 99;
}
.nav{
	height: 50px;
	line-height: 50px;
}
.nav ul li{
	float: left;
	position: relative;
}
.nav ul li a{
	display: block;
	padding: 0px 34px;
	margin: 0 9px;
	color: #FFFFFF;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.nav ul li.active a{
	background: #009944;
	color: #FFFFFF;
} 
.nav ul li a:hover{
	background: #009944;
	color: #FFFFFF;
}
.sub_dl{
	position: absolute;
	top: 50px;
	left: 8px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	display: none;
}
.sub_dl dd{
	text-align: center;
}
.sub_dl dd a{
	width: 132px;
    font-size: 16px !important;
    height: 35px  !important;
    text-align: center;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 35px !important;
    color: #FFFFFF !important;
   	background: #00A1E9 !important;
}
.sub_dl dd a:hover{
	background: #009944 !important;
	color: #FFFFFF !important;
}
/*=== end 头部  ===*/

/*=== banner ==*/
#banner{
	position: relative;
	width:100%;
	height: 500px;
	overflow: hidden;
}
#banner .bd_banner{
	width: 1920px;
	height: 539px;
	position: absolute;
	left: 50%;
	margin-left: -960px;
}
.bd_banner ul li img{
	display: block;
	width: 1920px;
	height: 539px;
}
#banner .hd_banner{
	height:20px;
	overflow:hidden; 
	position:absolute; 
	left:50%; 
	bottom:25px;  
	text-align:center; 
	margin-left:-600px; 
	width:1200px;
}
#banner .hd_banner ul li{
	display:inline-block;
	width:12px; 
	height:12px;
	text-align:center; 
	cursor:pointer;
	text-indent:-9999px;
	margin:0px 8px;
	background: url(../images/li.png) no-repeat; 
}
#banner .hd_banner ul li.on{
	background: #009944;
}
/*==== end  banner ====*/

/* 关于我们 */
.index_title{
	text-align: center;
	margin-top: 78px;
	margin-bottom: 40px;
}
.index_title h3{
	font-size: 30px;
	line-height: 30px;
	font-weight: normal;
	color: #000000;
	padding-bottom: 24px;
	background: url(../images/h3.png) no-repeat center bottom;
}
.index_about_con{
	overflow: hidden;
}
.about_left_img{
	float: left;
	width: 586px;
	height: 344px;
	overflow: hidden;
}
.about_left_img img{
	display: block;
	transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}
.about_left_img:hover img{
	transform: scale(1.1);
	-ms-transform: scale(1.1);
    -moz-transition: scale(1.1);
    -webkit-transition: scale(1.1);
}
.about_right_con{
	width: 580px;
	height: 344px;
	float: right;
}
.about_con{
	overflow: hidden;
	padding-top: 24px;
	max-height: 188px;
	font-size: 14px;
	color: #666666;
}
.about_list{
	overflow: hidden;
	margin-top: 50px;
}
.about_list li{
	float: left;
	width: 132px;
	height: 46px;
	padding-left: 40px;
	background: #f2f2f2;
	border: 2px solid #e7e7e7;
	margin-right: 23px;
}
.about_list li:hover{
	background: #009944;
}
.about_list li:last-child{
	margin-right: 0;
}
.about_list li a{
	display: block;
	padding-top: 10px;
}
.about_list li a:nth-child(2){
	padding-top: 15px !important;
}
.about_list li a .icon{
	height: 21px;
	width: 22px;
	margin: 0 auto;
	display: inline-block;
	overflow: hidden;
}
.about_list li a .icon img{
	transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}
.about_list li a:hover .icon img{
	margin-top: -21px;
}
.about_list li a p{
	display: inline-block;
	font-size: 16px;
	color: #666666;
	padding-left: 8px;
}
.about_list li a:hover p{
	color: #FFFFFF;
}

/* 产品展示 */
.index_pro{
	width: 1200px;
	margin:0 auto;
}
.ul_con{
	overflow: hidden;
}
.ul_con li{
	float: left;overflow: hidden;
}
.ul_con li a{
	display: block;
	position: relative;
	overflow: hidden;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.ul_con li a .pro_img{
	overflow: hidden;
	position: relative;
}
.ul_con li a .pro_img img{
	display: block;
	width: 300px;
	height: 234px;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.ul_con li a .hover_a{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.ul_con li a .hover_a>img{
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
}
.ul_con li a .hover_a>p{
	text-align: center;
	width: 100%;
	color: #FFFFFF;
	font-size: 18px;
	top: 60%;
	position: absolute;
}
.ul_con li a span{
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #FFFFFF;
	position: absolute;
	bottom: 0px;
	background: rgba(0,0,0,0.5);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.ul_con li a:hover .pro_img img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.ul_con li a:hover .hover_a{
	opacity: 1;
}
.ul_con li a:hover span{
	bottom: -50px;
}
.ul_con li:hover{
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	border: 2px solid #009944;
	width: 300px;
	height: 234px;
}

/* 新闻 */
.index_news_left{
	float: left;
	width: 585px;
	height: 482px;
}
.index_news_left a{
	display: block;
}
.index_news_left a img{
	display: block;
} 
.news_left_txte{
	height: 120px;
	padding: 20px 27px 0px 29px;
	background: #f0f0f0;
}
.news_left_txte h3{
	font-weight: normal;
	font-size: 18px;
	height: 24px;
	overflow: hidden;
	color: #333333;
	margin-bottom: 10px;
}
.news_left_con{
	font-size: 14px;
	color: #666666;
	max-height: 48px;
	overflow: hidden;
}
.index_nesw_right{
	float: right;
	width: 580px;
}
.index_nesw_right ul li{
	height: 113px;
	margin-bottom: 10px;
	background: #f0f0f0;
}
.index_nesw_right ul li:last-child{
	margin-bottom: 0;
}
.index_nesw_right ul li a{
	display: block;
}
.index_nesw_right ul li a .date{
	width: 87px;
	height: 83px;
	background: #a0a0a0;
	text-align: center;
	color: #FFFFFF;
	padding-top: 30px;
	float: left;
}
.index_nesw_right ul li a .date span{
	display: block;
	font-size: 28px;
	padding-bottom: 4px;
}
.index_nesw_right ul li a .date p{
	font-size: 12px;
}
.news_box_right{
	float: right;
	padding-right: 10px;
	padding-top: 20px;
	width: calc(100% - 117px);
	width: -moz-calc(100% - 117px);
	width: -webkit-calc(100% - 117px);
}
.news_box_right h3{
	margin-bottom: 5px;
	font-size: 18px;
	height: 24px;
	overflow: hidden;
	font-weight: normal;
	color: #333333;
}
.news_right_ms{
	max-height: 48px;
	font-size: 14px;
	color: #666666;
}
.index_nesw_right ul li a:hover .date{
	background: #009944;
}
.index_nesw_right ul li a:hover .news_box_right h3{
	color: #009944;
}

/* 工程案例  */
.index_case{
	position: relative;
	padding-bottom: 35px;
	margin-bottom: 30px;
}
.case_show{
	overflow: hidden;
}
.case_show ul li{
	float: left;
	width: 384px;
	margin-right: 22px;
}
.case_show ul li a{
	display: block;
}
.case_show ul li a img{
	display: block;
	width: 384px;
	height: 302px;
}
.case_show ul li a p{
	font-size: 18px;
	line-height: 65px;
	text-align: center;
	color: #333333;
}
.index_case .hd_banner{
	height:20px;
	line-height: 20px;
	overflow:hidden; 
	position:absolute; 
	left:50%; 
	bottom:0px;  
	text-align:center; 
	margin-left:-600px; 
	width:1200px;
}
.index_case .hd_banner ul li{
	display:inline-block;
	width:12px; 
	height:12px;
	text-align:center; 
	cursor:pointer;
	border-radius: 10px;
	text-indent:-9999px;
	margin:0px 8px;
	background: url(../images/li.png) no-repeat; 
}
.index_case .hd_banner ul li.on{
	background: #009944;
}

/* 底部版权 */
#footer{
	background: #212121;
	padding: 0;
    margin: 0;
}
.footer{
	height: 212px;
	padding-top: 35px;
}
.footer dl{
	float: left;
	margin-right: 170px;
}
.footer dl:last-child{
	margin-right: 0;
}
.footer dl dt a{
	font-size: 16px;
	color: #FFFFFF;
	margin-bottom: 10px;
	display: block;
}
.footer dl dd a{
	font-size: 14px;
	color: #bfbfbf;
	display: block;
}
.footer dl dd{
	font-size: 14px;
	color: #bfbfbf;
}
.footer dl dt{
	color: #FFFFFF;
	font-size: 16px;
}
.footer dl dd img{
	display: block;
	margin-top: 15px;
}
.copyright{
	border-top: 1px solid #dcdcdc;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #bfbfbf;
}

/* 内页 */
.inside_banner {
    height: 450px;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.inside_banner>img {
    width: 1920px;
   	height: 450px;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -960px;
}

/* 内页导航 */
#inside_nav{
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
}
.inside_nav{
	height: 49px;
}
.inside_nav ul li{
	float: left;
}
.inside_nav ul li a{
	display: block;
	width: 150px;
	height: 49px;
	line-height: 49px;
	text-align: center;
	font-size: 16px;
	color: #666666;
	border-right: 1px solid #e5e5e5;
}
.inside_nav ul li:first-child a{
	border-left: 1px solid #e5e5e5;
}
.inside_nav ul li a:hover{
	background: #009944;
	color: #FFFFFF;
}
.inside_nav ul li.active a{
	background: #009944;
	color: #FFFFFF;
}
.inside_nav_right{
	float: right;
}
.inside_nav_right>a{
	display: inline-block;
	line-height: 49px;
}
.inside_nav_right>a:first-child{
	background: url(../images/sy.png) no-repeat left;
	padding-left: 24px;
}

#main{
	margin-bottom: 40px;
	margin-top: 40px;
}
/* 右侧 */
.main_right ul{
	overflow: hidden;
}
.main_right ul li{
	float: left;
	margin-right: 32px;
}
.main_right ul li:nth-child(3n+3){
	margin-right: 0;
}
.main_right ul li a{
	display: block;
}
.main_right ul li a .pro_image{
	overflow: hidden;
	position: relative;
}
.main_right ul li a .pro_image .nypro_img{
	display: block;
	width: 378px;
	height: 300px;
}
.main_right ul li a .pro_image .a_hover{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
}
.main_right ul li a:hover .pro_image .a_hover{
	opacity: 1;
	height: 100%;
}
.main_right ul li a .pro_image .a_hover img{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -23px;
	margin-top: -23px;
}
.main_right ul li a p{
	text-align: center;
	height: 65px;
	line-height: 65px;
	font-size: 16px;
	color: #333333;
	overflow: hidden;
}
.inside_title{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 25px;
}
/* 新闻 */
.news_content{
	overflow: hidden;
}
.news_content li{
	padding-top: 20px;
	padding-bottom: 20px;
	height: 172px;
	border-bottom: 1px dashed #dddddd;
}
.news_content li:first-child{
	padding-top: 0;
}
.news_content li a{
	display: block;
	overflow: hidden;
}
.news_img{
	float: left;
	width: 300px;
}
.news_img img{
	display: block;
}
.news_right{
	float: right;
	height: 173px;
	overflow: hidden;
	width: calc(100% - 330px);
}
.news_right h3{
	font-size: 18px;
	height: 24px;
	overflow: hidden;
	color: #333333;
	font-weight: normal;
	margin-bottom: 4px;
}
.news_right span{
	display: block;
	font-size: 12px;
	color: #999999;
}
.news_right .news_ms{
	font-size: 14px;
	line-height: 22px;
	color: #666666;
	max-height: 66px;
	overflow: hidden;
	margin-top: 4px;
}
.news_right em{
	display: block;
	font-style: normal;
	width: 88px;
	line-height: 30px;
	height: 28px;
	text-align: center;
	background: #f2f2f2;
	color: #666666;
	border: 1px solid #e5e5e5;
	margin-top: 20px;
}
.news_content li a:hover .news_right h3{
	color: #009944;
}
.news_content li a:hover .news_right em{
	background: #009944;
	color: #FFFFFF;
	border: #009944;
}


/* 表格 */
.btn{ width:60px; height:35px;}
input{ width:290px; height:30px; padding-bottom:5px; border:1px solid #b0b0b0;}
select{ width:50px; height:30px;border:1px solid #b0b0b0;}
textarea{border:1px solid #b0b0b0;}
.main_content table{
	margin: 0 auto !important;
	float: none !important;
}