@charset "utf-8";
/* CSS Document */
/* 清除间距 */
a, b, body, dd, del, div, dl, dt, em, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, strong, u, ul, var, input {
    margin: 0;
    padding: 0;
}
/* 清除列表样式 */
li {
    list-style: none;
}
/* 清除默认边框 */
img,button,input {
    border: 0;
}
/* 去掉表单元素的蓝色框 */
input,textarea,button{
	outline:none;
}
/* 去掉文本域的拉伸 */
textarea{
	resize:none;
}
/* 保证所有文字是正常的 */
em, i, u {
    font-style: normal;
}
/* 左浮动 */
.fl {
    float: left;
}
/* 右浮动 */
.fr {
    float: right;
}
/* 清除浮动 */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* 设置正文的字体和大小 */
body {
    font: 12px/1.5 'microsoft yahei',Arial, Verdana, "\5b8b\4f53";
    color: #666;
}
/* 清除a标签默认样式 */
a {
    color: #666;
    text-decoration: none;
    font-family: 'microsoft yahei';
}
/* 版心 */
.content{
	width:1200px;
	margin:0 auto;
	
}
/* 容器 */
.wrap{
	width:100%;	
}
.nav{border-bottom:2px solid #F33;	
	margin-top:50px;
	height:40px;
}
.nav ul li:first-child{
	background:#F33;
}
.nav ul li{
	float:left;
	width:120px;
	line-height:40px;
}
.nav ul li a{
	display:block;
	height:40px;
	text-align:center;
	padding:0 20px;
	font-size:16px;
	color:#000;
	}	
.nav ul li a:hover{background-color:#cf1322;color:#FFF; transition:all .3s
	}

/* 固定部分开始 */
.sidemenu ul{width:60px;	
position:fixed;
right:10px;
top:60%;
border:solid #BBB1B2 1px;
background: #6FF;}
.sidemenu ul li{height: 40px;
				line-height:40px; 
				border:1px #E3DDDD solid;}
.sidemenu ul li a{height: 40px;
				line-height:40px;
				text-align:center;
			color:#0612FB;
				font-size:14px;}
.sidemenu.current{text-align: center;
					font-size: 16px;}
					
/* 固定部分结束 */

contact-pic{width:100%;
			height:320px;position:relative;}
.wz span{display:block;
			width:100px;
			height:50px;
			background:#3F9;
			position:absolute;}
.wrap.jianjie{background:#EDFEFE;
			margin-top:1px;
			overflow:hidden;}
.company{height:1100px;
	background:#FFF;
	margin-top:20px;}
.aboutuscontent{width:1000px;
				margin:0 auto;}
.company h3{display:block;
			width:200px;
			height:50px;
			font-size:35px;
			color:#36F;
			text-align:center;
			margin:0 auto;
			background:#FF0;
			border-radius:10px;
			margin-bottom:10px;}
.company p{font-size:24px;
			text-indent:2em;}
.position{text-indent:10em;
		width:100%;
		height:30px;
		line-height:30px;
		background:#6FF;
		color:#666}
.position span{font-size:16px;}
.position span a:hover{color:#FFF;}
.company img{margin:0 auto;
			display:block;
			width:500px;
			height:300px;
			margin-top:10px;
			margin-bottom:10px;
			}
.contact-banner,.recruit-banner{width:100%;
				height:300px;
				}
.contact-banner img,.recruit-banner img{width:100%;
				height:300px;
				display:block;
				margin:0 auto;}
.contact-in{padding-left:250px;}
.contact-in h3{font-size:20px;
				margin-top:20px;}
.contact-in span{display:block;
				width:1000px;
				height:30px;
				border-bottom:dashed 1px #CCCCCC;
				font-size:18px;
				margin-top:30px;}
.contact-in p{font-size:16px;
				margin-top:10px;}		
.contact-in img{display:block;
	            width:800px;
				height:400px;
				margin-top:20px;}	
.zpin{background:#ECEDEE;
		overflow:hidden;}	
.recruit-in{width:1200px;
			height:870px;
			margin：0 auto;
			}
.recruit-in h3{font-size:30px;
				margin-left:26px;
				margin-top:5px;}				
.x4{width:360px;
	height:360px;
	background:#FFF;
	box-sizing:border-box;
	margin-top:30px;
	margin-left:30px;
	float:left;}	
.x4 a{display:block;
		width:360px;
		height:360px;
		padding-left:10px;
		box-sizing:border-box;}
div.title{border-bottom:2px #FF9900 dashed;
		}
.x4 h2{display:block;
		width:360px;
		height:50px;
	font-size:25px;
	}
.x4 p{display:block;
		width:360px;
		height:40px;
		padding bottom:10px;
		font-size:20px;}		
.x4 p.detail{display:block;
		width:86px;
		height:30px;
		background:#F90;
		border-radius:5px;
		margin:10px 5px 2px 240px;}
.x4:hover{box-shadow: 20px 20px 50px #bbb;}
.zpin-de{background:#ECEDEE;
		overflow:hidden;
		}	
.recruit-de{background:#FFF;
			height:1000px;}	
.recruit-top,.recruit-content,.recruit-bottom{margin-left:90px;}	
.recruit-top{width:800px;
			height:100px;
			margin-top:5px;
			border-bottom:1px dashed #CCCCCC;}		
.recruit-top h3{font-size:30px;
				margin-bottom:10px;}				
.recruit-top span{font-size:20px;
				}					
.recruit-content p{display:block;
					height:50px;
					font-size:18px;}	
.recruit-bottom{width:400px;
				height:30px;
				margin:0 auto;
				background:#6FF;
				margin-top:30px;
				margin-bottom:10px;}	
.recruit-bottom a{display:block;
					width:198px;
					height:30px;
					line-height:30px;
					text-align:center;
					font-size:18px;
					color:#333;
					float:left;
					border-right:solid 2px #FFF;}	
.recruit-bottom a:hover{background:#F33;
						color:#FFF;}

.recruit-request{width:1100px;
				height:120px;
				
				margin:0 auto;
				}
.recruit-request h4{font-size:25px;
					margin-top:10px;
					padding:10px;
					text-align:center;}
.recruit-request span{font-size:18px;
					}
.recruit-request-form{margin:0 auto;
					margin-left:50px;}
.recruit-request-form p{font-size:16px;
						padding:15px;}
.recruit-request-form form input{width:200px;
						height:50px;
						border:2px solid #CF3;}	
#zwei{width:600px;
		margin-left:18px;}	
#xming{width:600px;
		margin-left:50px;}	
#age{width:600px;
		margin-left:50px;}		
#contact{width:600px;
		margin-left:18px;}
#yxiang{width:600px;
		margin-left:18px;}
#jli{border:none;}

.cservice{width:1200px;
		
		background:efefef;
		margin:0 auto;}
.cservice-left{width:200px;
		height:800px;
		box-sizing:border-box;
		border:1px #00FF00 solid;
		background:#FFF;
		position:relative;}
.cservice-top{width:1000px;
		margin-left:200px;
		margin-top:-800px;
		background:efefef;
		float:left;
		position:relative;
		}
.cservice-bottom{width:200px;
		height:798px;
		margin-top:-800px;
		background:efefef;
		border:1px solid #3F0;
		float:right;
		position:relative;}
.cservice-left h4,.cservice-bottom h4{font-size:20px;
				text-align:center;}
.cservice-left p{font-size:15px;
				margin-top:10px;}

.cservice-side{width:200px;
				border-top:2px #0F0 dashed;
				margin-top:20px;}
.cservice-side form input,.cservice-bottom form input{text-indent:2em;
						display:block;
						margin:0 auto;
						margin-bottom:10px;
						width:190px;
						height:30px;
						border:2px solid #666;}
.cservice-side #tj,.cservice-bottom #tj{display:block;
					width:100px;
					height:30px;
					margin-top:20px;
					font-size:20px;
					text-indent:0;
					background:#C30;
					color:#FFF;
					border-radius:10px;
					margin:0 auto;}
.cservice-top>img{display:block;
				
				
				}					
.cservice-top span{display:block;
				width:800px;
				height:20px;
				font-size:20px;
				margin-bottom:10px;
				}					
textarea{display:block;
			border:2px solid #999;
			padding-left:5px;
			margin-bottom:10px;}	
			
#tab{
 width:1200px;
 height:950px;
 margin:0 auto;
 border:1px solid #eee;
 overflow: hidden;
 background:#FFF;
}			
.tab-nav{
 width:1200px;
 position:relative;
 height:40px;
}			
.tab-nav ul{
 position:absolute;
 width:1200px;
 background-color: #f7f7f7;
}			
.tab-nav li{
 float:left;
 width:392px;
 padding: 0 5px;
 height:40px;
 background-color:#f7f7f7;
 border-bottom: 1px solid #eee;
 text-align: center;
}			
.tab-nav li.active{
 background-color: #fff;
 border-bottom-color:#fff;
 border-left: 1px solid #eee;
 border-right: 1px solid #eee;
 padding:0px;
 font-weight: bolder;
}
.tab-nav li a{font-size:25px;
				display:block;
				width:390px;
				height:40px;}
.tab-nav li a:hover{color:#F60;
					background:#CFF;}

.news-bay{background:#CFF;}
.baynews{background:#FFF;}
#tab-contain{width:980px;
			height:900px;
			margin-top:10px;
			overflow:hidden;
			box-sizing:border-box;
			}
#news-1 img,#news-2 img,#news-3 img{width:360px;height:200px;}
.mod{width:980px;
	height:900px;
	margin:0 auto;
	}
.tabcontent-pic{width:400px;
				height:200px;
				float:left;
				margin-top:10px;
				border-bottom:2px solid #CCC;}
.tabcontent-news{width:500px;
				height:200px;
				float:left;
				overflow:hidden;
				margin-top:10px;
				border-bottom:2px solid #CCC;}
.tabcontent-news h5{font-size:20px;
					}
.tabcontent-news p{font-size:15px;
					padding-top:10px;}

.tabcontent-news span{font-size:15px;
					display:block;
					float:right;
					width:80px;
					height:18px;
					background:#F60;
					margin-top:10px;
					border:1px solid #CCC;
					border-radius:15px;}
.tabcontent-news span a{display:block;
					width:80px;
					height:18px;
					line-height:18px;
					text-indent:0.5em;
					color:#FFF;
					font-size:15px;
					}
.tabcontent-news h5 a:hover{color:#F60;
						}
.pagesection{float:left;
			width:600px;
			heigth:30px;
			margin-top:20px;}
.pagesection ul{height:30px;
					line-height:30px;}			
.pagesection ul li{float:left;}	
.pagesection ul li a{display:block;
					width:40px;
					height:30px;
					line-height:30px;
					font-size:16px;
					text-align:center;
					}		
.pagesection ul li a:hover{color:#F60;}

.center-left{width:200px;
			height:880px;
			border:1px solid #CCC;
			background:#efefef;
			box-sizing:border-box;}
.center-left img{margin-bottom:10px;}
.center-left h5{font-size:18px;
				margin-left:10px;
				margin-bottom:5px;}
.center-left ul{margin-left:10px;;}				
.center-left ul li a{font-size:16px;
					display:block;
					margin-bottom:5px;
			}
.center-right{width:1000px;
			height:880px;
			margin-left:200px;
			margin-top:-870px;
			overflow:hidden;}			
#bg,#fx,#pj{width:1000px;height:880px;
	margin:0 auto;
	display:flex;
	flex-direction: row;
	justify-content: space-evenly;
	box-sizing:border-box;
	flex-wrap:wrap;
	column-count:3;
	}
.product-detail1 img,.product-detail2 img,.product-detail3 img{width:300px;
					background:white;
					height:350px;
					}
.product-detail1 h6,.product-detail2 h6,.product-detail3 h6{font-size: 18px;text-align: center;
					}
.product-detail1 p,.product-detail2 p,.product-detail3 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-detail1 h6 a:hover{color:orange;}
.product-detail2 h6 a:hover{color:orange;}
.product-detail3 h6 a:hover{color:orange;}
.center-left-contact{margin-tp:10px;border-top:2px dashed #00FF00;}
.center-left-contact h4{font-size:18px;margin-left:5px;}			
.center-left-contact p{font-size:15px;margin-left:5px;
						margin-top:5px;}			
.news-bay{background:#efefef;
		overflow:hidden;}			
.news-article{width:1000px;
			background:#FFF;}
.news-content{width:860px;
				overflow:hidden;}
.newstitle,.news-content{margin:0 auto;
						margin-top:20px;}
.newstitle h3{font-size:30px;
			text-align:center;}
.newstitle-fu{font-size:16px;
			width:800px;
				margin:0 auto;}
.newstitle-fu span{padding:10px 20px;}
.news-content p{font-size:20px;
				display: block;
				margin-bottom:5px;
				text-indent:1em;				
 				}
.news-content b{font-size:20px;
				text-indent:1em;}
.news-content img{display:block;
				margin:0 auto;
				margin-top:10px;}
.news-blank{width:800px;
			margin:0 auto;
			margin-top:5px;
			border: solid 1px #CCCCCC;}
.news-content span{display:block;
					width:420px;
				    margin:0 auto;
					font-size:15px;
					margin-top:10px;
					margin-bottom:10px;}
					
.xwzx-ty{width:100%;
		margin:0 auto;
		overflow:hidden;
		background:#efefef;}					
.xwzx-content{width:1200px;
		height:840px;
		margin:0 auto;
		overflow:hidden;
		box-sizing:border-box;
		background:#FFF;}					
.news-side{width:200px;
			height:800px;
			overflow:hidden;
			border:solid #999 1px;}	
.news-side ul{width:200px;
			overflow:hidden;
			height:600px;}		
					
.news-side ul li{width:200px;
			height:50px;
			line-height:50px;
			border-bottom:1px dashed #CCC;}	
.news-side ul li a{font-size:20px;
					display:block;
					width:200px;
					height:50px;
			       line-height:50px;
					padding-left:10px;
					}	
.news-side ul li a:hover{color:#F90;
						background:#efefef;}		
.news-side ul li.active{background:#6F9;}			
.news-brief-1,.news-brief-2,.news-brief-3,.news-brief-4,.news-brief-5,.news-brief-6,.news-brief-7,.news-brief-8{width:800px;
			height:95px;
			margin-left:220px;
		    overflow:hidden;
			border-bottom:1px dashed #999999;}			
.news-brief-1 p,.news-brief-2 p,.news-brief-3 p,.news-brief-4 p,.news-brief-5 p,.news-brief-6 p,.news-brief-7 p,.news-brief-8 p{font-size:18px;
				margin-top:10px;
				margin-bottom:20px;}	
.news-brief-1 span,.news-brief-2 span,.news-brief-3 span,.news-brief-4 span,.news-brief-5 span,.news-brief-6 span,.news-brief-7 span,.news-brief-8 span{font-size:16px;
		color:#F90;}		
.news-brief-1 .lj,.news-brief-2 .lj,.news-brief-3 .lj,.news-brief-4 .lj,.news-brief-5 .lj,.news-brief-6 .lj,.news-brief-7 .lj,.news-brief-8 .lj{                display:block;
				width:100px;
				height:30px;
				line-height:30px;
				text-align:center;
				float:right;
				border-radius:5px;
				margin-bottom:10px;
				color:#FFF;
				background:#FC0;}

.news-brief-1:hover{background:#efefef;}
.news-brief-2:hover{background:#efefef;}
.news-brief-3:hover{background:#efefef;}
.news-brief-4:hover{background:#efefef;}
.news-brief-5:hover{background:#efefef;}
.news-brief-6:hover{background:#efefef;}
.news-brief-7:hover{background:#efefef;}
.news-brief-8:hover{background:#efefef;}

.news-brief-1{margin-top:-800px;}				
.news-pagesection{margin-left:220px;
					margin-top:20px;
					width:600px;}				
.news-pagesection ul li{float:left;}				
.news-pagesection ul li a{font-size:16px;
						padding:10px;}				
.news-pagesection ul li a:hover{color:#F90;}	

									
				
/* 页尾部分开始 */
.bottom{bottom:0;
		background:#9FF;
		box-sizing:border-box;}
		
.footer-top{margin-left:50px;}
.footer-bottom{margin-left:50px;}
.footer-top ul li{
	float:left;
	height:30px;
	line-height:30px;
	border-right:solid 1px #999999;
	border-bottom:dotted 2px #FFF;
	
	   }
.footer-top ul li a{display:block;
			height:30px; padding:0 10px;
			font-size:16px;
			color:#000;}
.footer-top ul li a:hover{background:#F33;color:#FFF;}			

.footer-top span{float:left;
				display:block;
				height:30px;
				line-height:30px;
				color:#333;
				font-size:16px;}

.footer-bottom span{
			text-align:left;
			font-size:16px;
			color:#000;
			}
/* 页尾部分结束 */