*{
	margin:0;
	padding:0;
}


html,body{
	height:100%;
}
body{
	font-family:'微软雅黑',"黑体";
	-webkit-font-smoothing: antialiased;
}
a{text-decoration:none;}

img{
	display:block;
	border:0;
}

video { display: block; }

.clear{
	clear:both;
}
*, *::before, *::after {
    box-sizing: border-box;
}




.container {
	min-height: 100%;
	background:none;
	width:100%;
	overflow:hidden;
	position:relative;
	padding:0;
	min-width:1200px;
}

.nav{
	left: 0;
	position: fixed;
	height: 80px;
	top: 0;
	width: 100%;
	z-index: 99999;
	background:none;
	transition: -webkit-transform 500ms ease;
	transition: transform 500ms ease;
	transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.nav_hidden{
	-webkit-transform: translateY(-90px);
	-ms-transform: translateY(-90px);
	transform: translateY(-90px);
}
.nav_show{
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.nav_bg{
	background-color:rgba(0,125,60,0.5);
}
.nav_c{
	position:relative;
	width:100%;
	height:68px;
	
}

.logo{
	position:absolute;
	left:90px;
	top:15px;
	width:120px;
}

.menus{
	width:996px;
	margin:0 auto;
	display: flex;
	flex-flow: row wrap;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
}

.menus a{
	color:#fff;
	font-size:10pt;
	width:85px;
	text-align:center;
	line-height:68px !important;
	border-top:3px solid ;
	border-color:rgba(0,0,0,0);
	transition: all 0.3s;
	display:inline-block;
	height:68px;
}
a.menu_active{
	color:#f8c300;
	border-top:3px solid #f8c300 !important;
}

.menus:hover a{
	color:#fff;
	border-top:3px solid ;
	border-color:rgba(0,0,0,0) !important;
	transition: all 0.3s;
}

.menus a:hover{
	color:#f8c300 !important;
	border-top:3px solid #f8c300 !important;;
	transition: all 0.3s;

}





/**********************************/

.adbox{
	width: 100%;
	//display: flex;
	//flex-flow: row wrap;
	position:relative;
	overflow:hidden;
}
.adbox_list{
	width: 50%;
	//display: flex;
	//flex-flow: row wrap;
	float:left;
	position:relative;
	cursor:pointer;
}
.adbox_list_img{
	width:50%;
	float:left;
	position:relative;
	overflow:hidden;
}

.adbox_list_img img{
    width:100%;
    cursor: pointer;
    transition: all 0.3s;
}
.adbox_list_img:hover img{
    transform: scale(1.2);
}

.menu_bc{
	width:850px;
	display: flex;
	text-align:center;
	margin:15px auto;
	justify-content:center;
}


.c_box{
	max-width:1400px;
	display: flex;
	flex-flow: row wrap;
	text-align:center;
	margin:15px auto;
	justify-content:center;

	position:relative;
}

.img_box{
	max-width:1400px;
	margin:15px auto;
	position:relative;
	overflow:hidden;
}

.c_box .cbh1{
	color:#333; padding-top:80px;font-size:48px;font-weight:800;font-family:'Source Han Sans CN','微软雅黑';
}

.c_box .cbh2{
	color:#777;text-transform:Uppercase;font-size:42px;
}


.menu_bc a{
	padding:15px;
	font-size:16px;
	border-bottom:2px solid #fff;
	color:#777;
}
.menu_bc:hover a{
	border-bottom:2px solid #fff !important;
}

.menu_bc a:hover{
	color:#db9852;
	border-bottom:2px solid #db9852 !important;
}


.f_news_r {
	width: 100%;
	flex-shrink: 0;
	display: flex;
	flex-flow: row wrap;
	margin:15px auto;
	
}

.case_con{
	width:1200px;
	min-height:800px;
	margin:0 auto;
	overflow:hidden;
}
.case_l{
	width:35%;
	float:left;
	position: relative;
	overflow:hidden;
	padding:50px 20px 0;
	color:#8c8989;
	font-size:12px;
	line-height:26px;

}
.case_l .case_back{
	position:absolute;
	width:80px;
	text-align:center;
	height:50px;
	color:#777;
	left:15px;
	top:0;
	font-size:18px;
	line-height:74px;
}
.case_l .case_back img{
	float:left;
	margin-top:20px;
	margin-right:5px;
}
.case_l .case_cont{
	width:100%;
	height:360px;
	overflow-y:auto;
}
.case_l h2{
	color:#1f1a17;
}
.case_l .date{
	width:100%;
	position:relative;
	font-size:12px;
}

.case_l .date .date_l{
	float:left;
	width:50%;
}
.case_l .date .date_l img{
	float:left;
	margin-right:6px;
	margin-top:3px;
	width:17px;
}
.case_l .date .date_r img{
	margin-top:3px;
	float:right;
	margin-right:6px;
	width:22px;
}

.case_l .date .date_r span{
	float:right;

}

.case_l .date .date_r{
	float:right;
	width:50%;
	text-align:right;
}
.case_l div{
	margin:15px 0;
}
.case_r{
	width:65%;
	float:left;
	position: relative;
}
.logobg{
		
		position: relative;
		width:100%;
		
}
.logobg_go{
	top:0;
	left: 0;
	opacity: 1;
	position: fixed;
	right: 0;
	
	z-index: -1;
}
.bgshow{
	opacity: 1;

}
.bghide{
	opacity: 0;
}

	.zhanimg{
		
		opacity: 0;

	}
	
	.newslist{
		display: flex;
		flex-flow: row wrap;
		width: 100%;
		overflow:hidden;
		position:relative;
		padding:15px 0;
		border-bottom:1px solid #dbdbdb;
	}
	.newslist .newsimg{
		width:300px;
		height:280px;
		overflow:hidden;
		float:left;
		border:1px solid #dbdbdb;
	}
	.newslist .newstxt{
		width:900px;
		float:left;
		height:280px;
		overflow:hidden;
		position:relative;
		padding-left:20px;
		color:#555;
	}
	.newslist .newsdate{
		position:absolute;
		right:5px;
		bottom:5px;
		color:#777;
	}
	.newslist .newsmore{
		position:absolute;
		left:30px;
		bottom:5px;
		color:#666;
		display:none;
	}

	.tech_con{
		width:610px;
		overflow:hidden;
		position:relative;
		margin:0 auto;
	}
	.tech_list{
		width:100%;
		height:40px;
		line-height:40px;
		color:#111;
		font-size:14px;
		position:relative;
		border:0px solid red;
		clear:both;
	}
	.item_img{
		visibility:hidden;
		position:absolute;
		top:0;
		left:0;
		width:2px;
	}
	.tech_list_l{
		width:400px;
		overflow:hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		float:left;
	}
	.tech_list_r{
		width:200px;
		float:right;
		text-align:right;
	}
	.tech_list a{
		color:#555;
		font-size:12px;
	}
	.tech_list a:hover{
		color:#ecb632;
	}
	.foot{
		width:100%;
		min-height:365px;
		background:url("../images/b_bg.jpg");
		color:#fff;
		padding:50px 10px 0 10px;
		overflow:auto;
		font-family:"宋体";
	}

	.menus_b{
		width:800px;
		float:left;
		font-size:12px;
		margin:0 auto;
		display: flex;
		flex-flow: row wrap;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
	}
	.menus_b_list{
		display:block;
		text-align:left;
		margin:0;
		float:left;
	}


	.menus_b a{
		color:#fff;
		display:block;
		font-size:12px;
		padding:5px 15px;
		line-height:26px;
	}
	.menus_b a:hover{
		color:#e9b908;
	}
	.menus_b .son_a{
		color:#b1aaaa;
	}
	.masonry .item{
		float:left;
		margin-left:1%;
	}
	

	.ab_ct{
		width:60%;
		margin:25px auto;
	}

	.ab_l{
		width:50%;
		float:left;
	}
	.ab_ctxt{
		width:100%; color:#666;font-size:14px;line-height:27px;padding-left:50px;
	}
	/***************swiper****************/

	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
		left:0;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
		right:0;
	}
	.swiper-pagination{
		bottom:20px;
		width:100%;
	}
	.swiper-pagination-bullet{
		width:12px;
		height:12px;
		background: #fff;
	}

	.ccbox{
		width:960px;
		overflow:hidden;
		margin:20px auto;
	}
	.ccbox .swiper-slide {
			//text-align: center;
			//font-size: 18px;
			//background: #fff;
			//height: 160px;
			
			/* Center slide text vertically */
			display: -webkit-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			-webkit-justify-content: center;
			justify-content: center;
			-webkit-box-align: center;
			-ms-flex-align: center;
			-webkit-align-items: center;
			align-items: center;
	}
	.ccbox .swiper-pagination-bullet{
		background:#777;
	}
	.cus_img{
		display:block;
		padding:20px;
		width:22%;	
	}
	.cus_img img{
		width:100%;
	}

	.go_top{
		width:90px;
		position:fixed;
		bottom:50px;
		right:0px;
		display:none;
		cursor:pointer;
	}
/***********瀑布流***************/


/******************* 自适应******************/



@media screen and (min-width:768px){
	.f_news{
		flex-direction:row;
		max-width:90%;
	}
	
	.f_news_box{
		flex-flow: row wrap;
		max-width:90%;
		position:relative;
		overflow:hidden;
		padding:20px 0px 60px;
		justify-content:space-between;
	}
	
	.f_news_boxlist{
		width:49%;	
		position:relative;
		overflow:hidden;
		display: flex;
		flex-flow: row wrap;
		padding:12px;
		font-family: 'Geom';
	}

}
	

@media screen and (min-width:1130px){
	.f_news{
		flex-flow: row wrap;
		max-width:1125px;
		padding:20px 0px 20px;
	}
	
	.f_news_box{
		flex-flow: row wrap;
		max-width:1100px;
		position:relative;
		overflow:hidden;
		padding:20px 0px 60px;
		justify-content:space-between;
	}
	





}