@charset "utf-8";
/* CSS Document */
.lunbo{margin-top: 2px;
		width:100%;
		height:600px;
		margin:0 auto;
		border:2px solid #0f0;	
		overflow:hidden;
		position:relative;
		box-sizing: border-box;
	}
	.lunbo ul,ol{
		list-style:none;
		padding:0;
		margin:0;		
	}
	.lunbo input{
		width:50px;
		height:50px;
		background:rgba(0,0,0,.3);
		color:#fff;
		text-align:center;
		line-hegiht:50px;
		font-size:25px;
		font-weight:bold;
		position:absolute;	
		top:50%;
		margin-top:-25px;
		border:none;
		border-radius: 50%;
		
	}
	.left{
		left:0;	
	}
	.right{
		right:0;	
	}
	.lunbo ol{
		position:absolute;
		bottom:20px;
		width:60px;
		left:50%;
		margin-left:-30px;	
	}
	.lunbo ol li{
		width:10px;
		height:10px;
		border-radius:50%;
		background:#fff;
		float:left;	
		margin:0 5px;
	}
	.lunbo ol li.on{
		background:#f00;	
	}

.company{background:url("/images/baybuilding.jpg") no-repeat;
		width:100%;
		height:500px;
	overflow: hidden;}

.company h3{text-align: center;
			font-size: 40px;
			color:#F8F4F4;
			margin-bottom:10px;
			margin-top: 10px;}

.introduction{width:600px;
			height:350px;
			float:left;
			background: #FDFDFD; 
			margin-left:100px;
			box-sizing: border-box;
			}

.introduction h4{text-align: left;
			font-size: 30px;
			color:#070707;
			padding-bottom: 25px;}

.introduction p{text-align: left;
			font-size: 22px;
			color:#070707;
			padding-bottom: 30px;}

.introduction b{font-size: 20px;
				border:2px orange solid;
				border-radius: 15px;
				background: orange;
				margin-left:10px;}

.pic{width:600px;
			height:350px;
			float:left;
			background: #FC777A; 
			}
.newssection{background:#E9E5E5;
			width:100%;
			height:500px;
			margin-top:-10px;}
.bay-news h3{text-align: center;
			font-size: 40px;
			color:#605D5D;
			margin-bottom:10px;
			margin-top: 10px;}
.newsarticle{width:350px;
			height:200px;
			background: white;
            float:left;
			position: absolute;
			margin:180px 20px;}
.news-left:hover .newsarticle{margin:150px 20px;}

.newsarticle h5 a{margin-left: 10px; font-size: 22px;}

.newsarticle h5:hover a{color:#FBA443;
				}
.newsarticle b{font-size: 18px;
				margin-left: 10px;}
.newsarticle span{font-size: 15px;
				border-radius: 15px;
				background:orange;
				margin-left:10px;}
.news-right{width:590px;
			height:350px;
			
			margin-left: 10px;
			display:flex;
			flex-direction: column;
			justify-content: space-evenly;}
.news-pic img{width:150px;
			height:100px;}
.news-article{width:430px;
					height:100px;
					margin-left:10px;
				 background:white;
					}
.news-article h4{padding-top: 10px;}
.news-article h4 a:hover{color:#FBA443;text-decoration: underline;}
.news-article h5 a:hover{color:#FBA443;text-decoration: underline;}
.news-article h4 a{margin-left: 8px;
	                font-size: 18px;
					font-weight: bold;}
.news-article h5 a{margin-left: 8px;
				font-size: 16px;}
				
.productsection{width:100%;
			height:1020px;
	        background:#DFE4D6;
			}
.bay-products h4{font-size: 40px;
				text-align: center;}
.blank-middle{margin:0 auto;
				width:50px;
			border-top: 3px #F8B713 solid;
			margin-bottom: 50px;}
.bay-products{width:1200px;
			height:800px;
         }
.product-list{width:800px;
	height:30px;
	margin:0 auto;}
.product-list ul{display:flex;
				flex-direction: row;
				justify-content: space-evenly;box-sizing:border-box;}
.product-list ul li{float:left;
					width:150px;
					height:30px;
					line-height:30px;
					
					text-align:center;}
.product-list ul li a{font-size: 20px;
					background:#FFFFFF;
					padding:10px;
					border-radius: 25px;}

.product-list ul li a:hover{color:#FFFFFF;
							background:#FBBE0B;}

.product-bigcontainer{width:1200px;
					height:860px;
					overflow:hidden;
					box-sizing:border-box;
					margin-top:18px;}
#tab-1,#tab-2,#tab-3,#tab-4,#tab-5{width:1000px;height:840px;
	margin:0 auto;
	margin-top: 20px;
	display:flex;
	flex-direction: row;
	justify-content: space-evenly;
	box-sizing:border-box;
	flex-wrap:wrap;
	column-count:3;
	}
.product-detail1,.product-detail2,.product-detail3,.product-detail4,.product-detail5{position:relative;box-sizing:border-box;}
.product-detail1 img,.product-detail2 img,.product-detail3 img,.product-detail4 img,.product-detail5 img{width:300px;background:white;
					height:350px;
					}
.product-detail1 h6,.product-detail2 h6,.product-detail3 h6,.product-detail4 h6,.product-detail5 h6{font-size: 18px;text-align: center;
					}
.product-detail1 p,.product-detail2 p,.product-detail3 p,.product-detail4 p,.product-detail5 p{font-size: 16px;text-align: center;
 					margin-top:10px;background:#F90;
					display:block;width:100px;
					margin:0 auto; border-radius:15px;
					}
.product-detail1 p a:hover{color:white;}
.product-detail2 p a:hover{color:white;}
.product-detail3 p a:hover{color:white;}
.product-detail4 p a:hover{color:white;}
.product-detail5 p a:hover{color:white;}

.product-detail1 h6 a:hover{color:orange;}
.product-detail2 h6 a:hover{color:orange;}
.product-detail3 h6 a:hover{color:orange;}
.product-detail4 h6 a:hover{color:orange;}
.product-detail5 h6 a:hover{color:orange;}

#tab-1:hover .product-list1{position:fixed;}

.cooperate{background:url(/images/cooperate.jpg);
				width:100%;
				overflow:hidden;
				height:600px;}
.c-t1{width:800px;
		margin:0 auto;
		margin-top:50px;
		height:200px;}
.c-t1 p{font-size:45px;
		color:#FFF;}
.c-t2{width:800px;
		margin:0 auto;
		margin-top:50px;
		height:100px;}
.c-t2 span{font-size:45px;
		color:#6F9;}
.c-t2 ul li{font-size:25px;
		float:left;
		padding:10px;
		width:50px;
		height:100px;
		border:1px solid #CCC;
		border-radius:10px;
		background:#6FC;
		color:#FFF;}