/* css 重置 */

*{margin:0; padding:0; list-style:none; }



body {

	margin:0px;

	padding:0px;

	background:#fff;

	color:#333;

	font:normal 12px/24px 微软雅黑; 

	}



ul,li,p,h1,h2,h3,h4,h5,h6 {

	margin:0px;

	padding:0px;

	list-style:none;

	font-weight:normal;

	}



a {

	color:#333;

	text-decoration:none;

	}



a:hover {

	color:#34b28c;

	text-decoration:none;

	}

img{

	border-style:none;


	}



.clearfix{ clear:both;}





/*header*/

.header{width:100%; float: left;position: absolute;z-index: 100;margin-top: 30px;}

.header_content{width:1200px;margin:auto;background:rgba(255,255,255,0.6);height: 80px;z-index: 200;}

.logo{width: 230px;float: left;text-align:center;}

.logo img{max-width:230px; max-height:80px;margin:auto;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.navBar{  position:relative;}

.nav{ position:relative; width:880px; float:right;margin-right:30px;}

.nav a{ color:#333;  }

.nav .m{ float:left;  position:relative;}

.nav li a{ display:block; width:110px; text-align:center;font-size:18px; height:80px; line-height:80px;font-weight:bold; }

.nav li a:hover{color:#34b28c;}
.nav .on a{color:#34b28c;}
.nav .block{ height:3px; width:36px; background:#34b28c; position:absolute; top:77px; overflow:hidden;  }





/*banner*/

.banner{width:100%;float: left;}

.slider{ width:100%; margin:0 auto; position:relative; overflow:hidden;height:660px;}

.slider .bd{ position:relative; z-index:0; margin-left:-960px;left:50%;  }

.slider .bd li{ height:660px; overflow:hidden; }

.slider .bd li img{ display:block;  }
.slider .bd li a{z-index: 100;width:136px;height:50px;line-height: 50px;position:absolute;top:436px;left: 404px;font-size: 20px;text-align: center;background: #34b28c;color:#fff;}



.slider .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }

.slider .hd ul{ text-align:center;  }

.slider .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:0 6px; 

	background:url(../images/dot.png) 0 -13px;

	overflow:hidden;  filter:alpha(opacity=70);opacity:0.7;  vertical-align:top; line-height:9999px; 

}

.slider .hd ul .on{ background-position:0 0;  }





/*main*/

.main{width:100%;float: left;}



.index_sort{width:1200px;height:120px;margin:40px auto;}
.index_sort ul li{float: left;width:300px;height:120px;line-height: 120px;overflow: hidden;}
.index_sort ul li span{color:#fff;font-size: 20px;background: url(../images/index_bg5.jpg) left bottom no-repeat;padding:15px 0px;margin:0px 30px;z-index: 100;position: relative;-webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;}
.index_sort ul li img{width:300px;height:120px;position:absolute;}
.index_sort .sort_img{overflow: hidden;width:300px;height:120px;}

.index_sort ul li:hover span{background: url(../images/index_bg5_1.jpg) left bottom no-repeat;-webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;overflow:hidden;}





/*index_case*/

.index_case{width:100%;float: left;background: #f6f6f6;padding:40px 0px 50px;}

.index_case_content{width:1200px;margin:auto;}

.index_case_title{line-height: 40px;}

.index_case_title span{font-size: 20px;}

.index_case_title a{color:#888;font-size: 14px;float: right;}

.index_case_title a:hover,.index_news_title a:hover{color:#34b28c; }



.index_case_show {margin-top: 20px;}

.index_case_show .wrap:first-child{margin-left: 0px;}

.index_case_show .wrap a {

	display:block;

	width:280px;

	height:320px;

	text-decoration:none;

	color:#000;

}

.index_case_show .wrap string{background:url(../images/index_bg7.jpg) center no-repeat;width:280px;height:70px;float:left;}

.index_case_show .wrap {

	width:280px;

	height:320px;

	position:relative;

	overflow:hidden;

	font-family:arial, sans-serif;

	border:0;

	margin-left:26px;

	float:left;

	display:inline;

}

.index_case_show .wrap p {

	display:block;

	width:280px;

	height:320px;

	position:absolute;

	left:0;

	top:232px;

	background:url(../images/index_bg6.png) no-repeat;

	color:#fff;

	padding:10px 0;

	margin:0;

	line-height:34px;

	-webkit-transition: all 0.2s ease-in-out;

	-ms-transition: all 0.2s ease-in-out;

	font-size:16px;

	text-align:center;

}

.index_case_show .wrap span{width:120px;height:40px;line-height:40px;background:#34b28c;float:left;margin:50px 80px 0px}

.index_case_show .wrap a:hover {

	direction:ltr;

}

.index_case_show .wrap a:hover p {

	top:0;

	margin-top:0px; 

	background:url(../images/index_bg8.png) no-repeat;

	padding-top:100px;

}

.clear {

	clear:left;

}







/*index_news*/

.index_news{width:100%;float: left;padding:40px 0px 60px;}

.index_news_content{width:1200px;margin:auto;}

.index_news_title{line-height: 40px;margin-bottom: 20px;}

.index_news_title span{font-size: 20px;}

.index_news_title a{color:#888;font-size: 14px;float: right;}



.index_news_left{width:360px;float: left;}

.index_news_text{width:360px;height:80px;float: left;background: #34b28c;}

.index_news_img{width:360px;height:180px;overflow: hidden;}

.index_news_left img{width:360px;height:180px;cursor: pointer;transition: all 0.6s;-ms-transition: all 0.6s;}

.index_news_left a:hover img{transform: scale(1.05);}

.index_news_time{width:90px;float: left;text-align: center;font-size:14px;color: #fff;padding:16px 0px;line-height: 24px;}

.index_news_time span{font-size: 20px;font-weight: bold;}

.index_news_left .headlines{width:260px;float: left;padding:10px 10px 10px 0px;}

.index_news_left .headlines p{color: #fff;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.index_news_left .headlines p a{font-size: 14px;font-weight: bold;color:#fff;}





.index_news_list{width:780px;float: left;margin-left: 60px;}



.index_news_list ul li{border-bottom: 1px #eee solid;line-height: 50px;font-size: 14px;}

.index_news_list ul li span{float: right;}



.index_news_list ul li a{background: url(../images/index_news_bg1.jpg) 20px center no-repeat;padding-left: 40px;}

.index_news_list ul li a:hover{background: url(../images/index_news_bg2.jpg) 20px center no-repeat;padding-left: 40px;}





/*footer*/

.footer{width:100%;float: left;}

.footer_column{width:100%;float:left;background: #333;padding:30px 0px;}

.column_sort{width:1200px;margin:auto;}

.column_sort ul{width:180px;float: left;}

.column_sort ul li a{color:#ccc;font-size: 14px;}

.column_sort ul li a:hover{color:#34b28c;}
.column_sort .footer_title {font-size:16px;color:#fff;line-height:34px;}

.column_sort .code{float: right;}

.column_sort .code img{width:108px;height:108px;}

.column_sort .code p{font-size:18px;color:#fff;margin-bottom: 20px;}

.column_sort .code p span{font-size: 24px;line-height: 40px;}



.footer_copyright{width:100%;float:left;background: #555;}

.footer_copyright .copyright{width:1200px;margin:auto;}

.footer_copyright .copyright p{line-height: 36px;text-align: center;color:#fff;}

.footer_copyright .copyright p a{color:#fff;}






/*inside*/

.inside_banner{width:100%;height:430px;overflow: hidden;position: relative;}

.inside_banner img{width:1920px;height:430px;display: block;margin-left: -960px;left:50%;position: absolute;}

.inside{width:1200px;margin:auto;}

.inside_left{width:220px;float: left;top: -75px;position: relative;}

.inside_left_top{font-size: 24px;height:125px;background: #1b8f6c;color: #fff;padding:25px 20px 0px;border-bottom:1px #148563 solid;line-height: 50px;}

.left_top_cn{border-bottom:1px #3caa89 solid;}

.left_top_en{opacity:0.7;color:#27a37e;overflow:hidden;}

.inside_left_column{background: #34b28c;padding:20px;}

.inside_left_column ul li{height:40px;line-height: 40px;font-size: 14px;border-bottom: 1px #62ccac solid;}

.inside_left_column ul li:last-child{border-bottom:1px #34b28c solid;}
.inside_left_column ul li:hover{border-bottom:1px #1b8f6c solid;}

.inside_left_column ul li a{color:#fff;width:165px;height:40px;float:left;padding-left:15px;-webkit-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;overflow:hidden;    text-overflow: ellipsis;white-space: nowrap;}

.inside_left_column ul li a:hover,.inside_left_column ul li.current a{background: #1b8f6c;padding-left: 25px;width:155px;-webkit-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;border-bottom:1px #1b8f6c solid;}



.inside_right{width:960px;margin-left: 20px;float: right;margin-bottom: 50px}

.inside_right .bread_crumbs{color: #666;line-height: 40px;font-size: 14px;margin-bottom: 20px;margin-left: 20px}

.inside_right .bread_crumbs a{color:#666;}

.inside_right .bread_crumbs a:hover{color:#34b28c;}



.page{width:960px;margin-left:20px;float: left;}

.page a{width:36px;height:36px;line-height: 36px;float: left;text-align: center;margin-right:10px;color:#999;border: 1px #ccc solid;}

.page .on,.page a:hover{background: #34b28c;color:#fff;border: 1px #34b28c solid;}

.page .next{font-size: 24px;font-family: "宋体";}



/*business*/

.business{width:960px;float:left;}

.business ul li{width:300px;float: left;margin:0px 0px 40px 20px;}

.business ul li:hover{box-shadow:0 6px 16px 0px #e7e7e7;-webkit-box-shadow:0 6px 16px 0px #e7e7e7;-moz-box-shadow:0 6px 15px 0px #e7e7e7;}

.business .business_img img{width:300px;height:240px;}

.business .business_text{margin:10px 20px;}

.business .business_title{overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.business .business_title a{font-size:16px;color:#555;line-height: 36px;}

.business li:hover .business_title a{color:#34b28c;}

.business .business_overview{height:48px;overflow: hidden; text-overflow: ellipsis;}

.business .business_overview a{color:#afafaf;font-size: 13px;}



/*Green building materials*/

.green{width:960px;float:left;}

.green ul li{width:300px;float: left;margin:0px 0px 40px 20px;}

.green ul li:hover{box-shadow:0 6px 16px 0px #e7e7e7;-webkit-box-shadow:0 6px 16px 0px #e7e7e7;-moz-box-shadow:0 6px 15px 0px #e7e7e7;}

.green .green_img img{width:300px;height:200px;}

.green .green_text{margin:10px 20px;}

.green .green_title，.green .green_overview{overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.green .green_title a{font-size:16px;color:#666;font-weight:bold}

.green li:hover .green_text{background:url(../images/green_bg1.png) right center no-repeat;}

.green .green_overview a{color:#afafaf;}
.green .green_overview{height:22px;}

.news_deta_text table tr td{border:1px #eee solid;padding:10px;}
.news_deta_text table{border-collapse:collapse;}



/*Project case*/

.case{width:960px;float:left;}

.case ul li{width:300px;float: left;margin:0px 0px 40px 20px;}

.case ul li:hover{box-shadow:0 6px 16px 0px #e7e7e7;-webkit-box-shadow:0 6px 16px 0px #e7e7e7;-moz-box-shadow:0 6px 15px 0px #e7e7e7;}

.case .case_img img{width:300px;height:200px;}

.case .case_title{overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.case .case_title a{font-size:16px;color:#555;line-height: 36px;}

.case li:hover .case_title a{color:#34b28c;}
.case .case_text{margin:10px 20px;}
.case .case_overview a{color:#afafaf;font-size:13px;}
.case .case_overview{height:48px;overflow:hidden;text-overflow: ellipsis;}



/*job*/

.job{width:940px;float:left;margin-left: 20px;min-height: 600px;}

.job .job_img{float: left;width:280px;}

.job .job_img img{width:280px;height:350px;}

.job .job_text{width:600px;margin-left: 40px;float: left;}

.job .job_text p{font-size:14px;margin-bottom: 50px;color:#666666;}

.job .job_text h2{font-size: 18px;color:#444;margin-bottom: 20px;}

.recruitment{width:940px;margin-left: 20px;margin-bottom:50px;}

.recruitment h2{font-size: 22px;line-height: 50px;border-bottom:1px #e7e7e7 dashed; margin-bottom:20px;}

.recruitment p{font-size: 14px;line-height: 28px;color:#666;}





/*about*/

.about{width:900px;float:left;margin:0px  30px;min-height: 600px;}

.about img{width:900px;margin-bottom: 20px;}

.about p{font-size:14px;color:#666;}

.contact .map{margin-bottom: 30px;}

.contact p{font-size: 16px;line-height: 30px;}
.contact_text{float:left;margin:0px auto 30px;}
.contact_logo{width:400px;text-align:center;float:left;}
.contact_logo img{width:200px;margin:auto;}
.contact_logo p{font-size:20px;color:#555;}

.contact_right{width:500px;float:left;}
.contact_right p{padding-left:30px;color:#555;}



.honor ul li{width:300px;height:260px;margin-left: 20px;margin-bottom:20px; float: left;text-align: center;cursor:pointer;}

.honor ul li img{max-width:300px;max-height:220px;margin:auto;}
.honor_img{display: table-cell;vertical-align:middle;width:300px;height:220px;border: 2px #eee solid;}
.honor_img:hover{border: 2px #34b28c solid;}
.honor_title{line-height: 40px;color: #3c3c3c;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;}


/*news*/
.news{width:960px;float: left;}
.news ul{width:940px;margin-left: 20px;margin-bottom:40px;float:left;}

.news ul li{border-bottom: 1px #ddd solid;width:940px;float: left;padding:20px 0px;-webkit-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;}

.news ul li:hover{width:900px;padding:20px;background-color: #34b28c;

-webkit-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;

}

.news ul li:hover .news_text{color: #fff;}

.news ul li:hover a{color:#fff;background:url(../images/news_bg.png) right center no-repeat;float:left;}

.news .news_img {width:240px;float: left;}

.news .news_img img{width:240px;height:160px;}

.news .news_text{width:420px;float: left;margin-left: 50px;font-size: 13px;padding-right: 190px;}

.news .news_text .news_title{font-size: 16px;}

.news .news_text .news_content{margin:10px 0px;height:48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.news .news_text .news_key{color:#bbb;}
.news ul li:hover .news_key{color:#fff;}





/*news_deta*/

.news_deta{width:900px;float:left;margin:0px  30px;min-height: 400px;}

.news_deta {font-size: 14px;}

.news_deta .news_deta_text h2{font-size: 28px;text-align: center;line-height: 40px;margin-bottom:20px;}
.news_deta .news_deta_text img{margin:20px 0px;}
.news_deta .news_deta_text p{font-size:15px;line-height:28px;}

.news_deta .news_deta_time{text-align: center;color:#999;margin-bottom: 20px;margin-top:-20px;}

.news_deta .news_deta_time span{text-align: center;margin:0px 10px;}

.news_deta .key_words{margin:30px 0px;}

.news_deta .key_words a{margin:0px 10px;color:#34b28c;}

.flip_pages a{font-size:18px;line-height: 30px;}

.flip_pages a:hover{margin-left: 20px;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;}


/*online recruitment*/
.online{width:900px;margin-left:60px;}
.online .form_title{width:80px;height:50px;text-align: right;font-size: 14px;}
.online .form_frame{padding-left: 10px;}
.online .form_text{width:300px;height:30px;line-height: 30px;}
#msg{margin:10px 0px;}

.online .submit{width:100px;height:40px;line-height: 40px;margin-right: 60px;background: #34b28c;border: 1px #34b28c solid;color:#fff;}
.online .reset{width:100px;height:40px;line-height: 40px;border: 1px #34b28c solid;background: none;color:#34b28c;}
.online .form_button{margin:30px 0px;float:left;}
.online .form_button input{cursor: pointer;}