@charset "utf-8";
/* CSS Document */
html,body{
	 width:100%; 
	 height:100%;}

.ybvegMtitle{
	width:100%;
	padding:0px 15px;
	position:fixed;
	z-index:233;
	height:68px;
	line-height:68px;
	background: -webkit-linear-gradient(top,rgba(0,0,0,.4),rgba(0,0,0,0));
    background: -o-linear-gradient(top,rgba(0,0,0,.4),rgba(0,0,0,0));
    background: -ms-linear-gradient(top,rgba(0,0,0,.4),rgba(0,0,0,0));
	webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
	color:#fff !important;}
	.ybvegMtitleWhite{
		background:rgba(255,255,255,0.97);
		color:#5f5f5f !important;}
	.ybvegMtitleCenterTitle{
		height:100%;
		margin:0 auto;}
		.ybvegMtitleCenterTitleG{}
	.ybvegMtitleCenter{
		height:100%;
		margin:0 auto;}
		.ybvegMtitleCenter img{
			vertical-align:middle;}
	.ybvegMtitleCenterA{
		text-decoration:none;
		color:#fff;
		font-size:20px;
		float:right;
		margin-left:60px;
		}
		.ybvegMtitleWhite ul li a:hover,.choicedmenu{
			color:#a6c95b !important;}
		.menuhover:hover{
			display:block;
			padding:0 10px !important;
			height:30px;
			line-height:30px;
			border-radius:5px;
			border:1px solid #fff !important;}
			.bannertext{
				width:100%;
				position:absolute;
				font-size:30px;
				color:#fff;
				text-align:center;
				z-index:2;
				top:50%;
				margin-top:-81px;}
				.bannertext span{
					font-size:55px;}
					/**********************背景****************************/
					.lbbanner1{
						background:url(../img/lbbanner1.png);
						background-size:cover;
						min-height:800px;}
					.lbbanner2{
						background:url(../img/lbbanner2.png);
						background-size:cover;
						min-height:800px;}
					.lbbanner3{
						background:url(../img/lbbanner3.png);
						background-size:cover;
						min-height:800px;}
			/**************************footer style***********************************/
	.foot{
		width:100%;
		background:#293444;
		padding:20px 0;
		bottom:0px;}
		.foottop{
			padding:0 15px;
			width:90%;
			max-width:1200px;
			margin:0 auto;
			border-bottom:1px solid #515a67;
			min-height:46px;
			line-height:46px;}
			.footmenu{
				list-style:none;
				font-size:1.2em;
				height:24px;}
				.footmenu li{
					text-align:center;
					width:25%;
					position:relative;
					float:left;}
					.menutitle,.menutitle1:hover,.menutitle2:hover{
						text-decoration:none;
						color:#a6c95b !important;}
					.menutitle1{
						display:block;
						height:50px;
						color:#fff;
						cursor:pointer;}
					.menutitle2{
						display:block;
						color:#293444;}
					.mt2bfirst{
						width:100px;
						margin-left:-50px;}
					.mt2bscond{
						width:180px;
						margin-left:-90px;}
					.mt2bthird{
						width:120px;
						margin-left:-60px;}
					.menutittle2box{
						position:absolute;
						bottom:30px;
						overflow:hidden;
						background:#fff;
						padding:5px 0px;
						border-radius:5px 5px 0 0;
						z-index:20;
						left:50%;
						bottom:38px;
						display:none;
						line-height:26px;
						-ms-box-shadow:0 0 10px rgba(0, 0, 0, .1);
						-o-box-shadow:0 0 10px rgba(0, 0, 0, .1);
						-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);  
						-moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);  
						box-shadow:0 0 10px rgba(0, 0, 0, .1); }
						.phonenumber{
							float:right;
							color:#fff;
							background:url(../img/phone.png) no-repeat left;
							padding:10px 0 10px 30px;}
							.copytext{
								width:90%;
								max-width:1200px;
								color:#fff;
								text-align:center;
								margin:auto;
								line-height:24px;
								padding-top:10px;}
								
								
.bannerbox{
	width:100%;
	min-height:800px;
	background-size:cover;
	background-position:center top;
	position:relative;}
.aboutbanner1{
	background:url(../img/banner1.png);}
.aboutbanner2{
	background:url(../img/banner2.png);}
.aboutbanner3{
	background:url(../img/banner3.png);}
.aboutbanner4{
	background:url(../img/banner4.png);}		
.aboutbanner{
	width:100%;
	min-height:800px;
	background-size:cover;
	background-position:center top;
	position:relative;}
	.workertg{
		padding:0 5px;}
	.navlistbox{
		width:824px;
		margin: 0 auto;
		height:80px;
		line-height:58px;
	}
		.navlist{
			max-width:1050px;
			margin:auto;
			list-style:none;}
			.navlist li{
				line-height: 80px;
				height: 80px;
				float:left;
				width:25%;
				text-align:center;}	
			.navlist li a{
				font-size:18px;
				white-space:nowrap;
				text-overflow:ellipsis;
				overflow:hidden;
				color: #383838;
				padding:0 6px;}
				.navtittle{
					color:#fff;
					display:block;}
					.choicednav{
						color:#fff !important;
						display:block;
						background:rgba(166,201,91,1);}
					.stagebox{
						max-width:1050px;
						margin:20px auto;
						color:#707070;
						font-size:18px;
						padding:0 10px;
						overflow:hidden;}
						.stageid{
							margin:38px 0 10px 0;
							color:#a4db8f;
							font-size:28px;
							font-weight:300;}
			.gkimg1{
				width:100%;
				min-height:1380px;
				background:url(../img/gkimg1.png);
				background-size:cover;
				background-position:center top;
				margin-bottom:50px;}
	.contactus{
		margin:100px auto 150px;
		line-height:48px;}
		.weixinicon{
			display:block;
			float:left;
			width:56px;
			height:46px;
			background:url(../img/weixin.png) no-repeat;
			margin-right:20px;
			margin-top:15px;}
		.qieicon{
			display:block;
			float:left;
			width:44px;
			height:44px;
			background:url(../img/qqicon.png) no-repeat;
			margin-right:20px;
			margin-top:15px;}
		.weiboicon{
			display:block;
			float:left;
			width:57px;
			height:47px;
			background:url(../img/weibo.png) no-repeat;
			margin-right:20px;
			margin-top:15px;}
			
.workercontent{
	max-width:1050px;
	overflow:hidden;
	text-align:center;
	margin:100px auto;}	
	.contenttittle{
		font-size:28px;
		color:#a4db8f;}
		.workerteam{
			width:100%;
			padding:50px 0;}
			.worklist{
				width:33.333333%;
				padding:0 15px;
				float:left;
				position:relative;
				min-height:360px;}
			.workerimg{
				display:block;
				min-height:216px;
				margin:70px auto;
				width:290px;}
				.workerimg img{
					max-width:217px;
					max-height:216px;}
				
				.workernews{
					width:290px;
					min-height:355px;
					padding:0 8px;
					left:50%;
					margin-left:-145px;
					display:none;
					position:absolute;
					z-index:120;
					top:0;
					background:#fff;
					-ms-box-shadow:0 0 10px rgba(0, 0, 0, .1);
					-o-box-shadow:0 0 10px rgba(0, 0, 0, .1);
					-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1);  
					-moz-box-shadow:0 0 10px rgba(0, 0, 0, .1);  
					box-shadow:0 0 10px rgba(0, 0, 0, .1);
					border-radius:8px;}	
					.workername{
						font-size:24px;
						color:#a4db8f;
						margin:46px 0 0 0;
						line-height:42px;}	
						.workername span{
							font-size:16px;
							color:#5f5f5f;}
							.loveword{
								padding:70px 0 0;
								color:#5f5f5f;
								font-size:16px;}
								
.logoimg{
	display:block;
	float:left;
	width:90px;
	height:68px;
	background:url(../img/logo.png) no-repeat center;}
	.logoimgG{
		background:url(../img/logo1.png) no-repeat center;}
		.menu{
			float:right;}
			.menubg{
				top:38px;}
					
					
					
					
@media(max-width:920px){
.workercontent{
	max-width:920px;}
	.worklist{
		width:50%;}
}
@media(max-width:768px){
	.gkimg1{
		width:100%;
		min-height:1251px;
		background:url(../img/gkimg2.png);
		background-size:cover;
		background-position:center top;}
		.menuhover{
			color:#5f5f5f !important;}
			.worklist{
				width:100%;}
			
}												
@media(max-width:568px){
	.footmenu{
		font-size:1em;}
		.phonenumber{
			background-size:18px;}
		.copytext{
			font-size:0.6em;}
			
.bannerbox{
	min-height:500px;}
	.aboutbanner{
		min-height:500px;}
	.navlistbox{
		height:38px;
		line-height:38px;}
		.navlist{
			width:100%;
			padding:0;}	
			.navlist li a{
				font-size:14px;}
		.stagebox{
			font-size:16px;}
			.stageid{
				font-size:22px;}
			.gkimg1{
				width:100%;
				min-height:580px;
				background:url(../img/gkimg3.png);
				background-size:cover;
				background-position:center top;}
	.contactus{
		line-height:36px;
		margin:60px auto 100px;}
		.weixinicon{
			width:28px;
			background-size:28px;}
		.qieicon{
			width:22px;
			background-size:22px;}
		.weiboicon{
			width:29px;
			background-size:28px;}
	.contenttittle{
		font-size:20px;}
	}

	
	/*********************************************************************/
	.menubg{
		float:right;}
		.menubtn{
			border:1px solid #5f5f5f;
			color:#5f5f5f;
			display:block;
			width:60px;
			float:right;
			border-radius:5px;
			text-align:center;
			height:30px;
			line-height:28px !important;
			margin-top:4px;}
@media screen and (max-width: 414px) {
	.newscontent{
		width: 90%;
		margin: 0 5% !important;
		padding: 0 !important;
	}
	.newsBox{
		width: 93% !important;
		padding: 40px 0px 10px;
	}
	.newscontentBox{
		padding-bottom: 80px;
	}
	.index_banner {
		height: 260px !important;
		margin-top: 50px !important;
		background: url(../img/bg/aboutus-iphone.png) no-repeat center;
		background-size: cover;
	}
	.index_banner>img{
		display: none;
	}
	.bannerText{
		font-size: 26px !important;
	}
	.TEXT>a{
		font-size: 14px !important;
	}
}	
	
			
