/* 清除间距 */
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;
}
body{ font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
	width:100%;
	max-width:100%;
	min-height:100%;
	height:auto;
	  background: linear-gradient(120deg,       
        #e9ecef 50%, 
        #dee2e6 80%);
    background-repeat: no-repeat;
    background-attachment: fixed;
	}
	
.topsection{width:1400px;
	
	margin:0 auto;
	background-color:#FFF}
.header, .content, .sidebar{
	width:100%;
	height:auto;
	font-size:16px;}


/* 清除列表样式 */
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 top clearfix{
	width:1400px;
	margin:0 auto;
	
}
/* 容器 */


/* logo和搜索区域开始 */
.top-image{max-width:100%;
height:auto;
display:block;
	}



.top .logo{margin-top:5px;margin-left:50px;}

.top form{
	width:538px;
	margin:30px 0 0 120px;
	background:#f00;
	height:36px;	
}
.top form input[type="text"]{
	width:444px;
	height:32px;
	border:2px solid #b1191a;
	border-radius:10px;
	border-right:none;
	padding-left:10px;	
	float:left;
}
.top input[type="submit"]{
	width:82px;
	background:#b1191a;
	border-radius:10px;
	float:left;
	height:36px;
	font-size:16px;
	color:#fff;
}
.top ul{margin-left:120px;
		margin-top:5px;}
.top ul li{float:left;}
.top ul li a{padding:8px;
			color:#F60;
			font-size:14px;}
.top-right{width:200px;
			margin-top:30px;
			margin-right:100px;
			}
.top span{display:block;
			font-size:14px;
			float:left;
			color:#999;
				margin-top:0;
				padding:0;}

/* logo和搜索区域结束 */

/* 导航部分开始 */
.navsection{background:#6FF;
display:flex;
flex-direction:row;
flex-wrap:nowrop;
justify-content:center;
width:1400px;
margin-top:0px;
height:48px;
margin:auto;}

.navbar {
    list-style-type: none;
    margin: 0;
    padding: 0;
 
	width:100%;
}
.navbar li a, .dropbtn {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.nav ul li{
	float:left;
	width:199px;
	line-height:48px;
	border-right: 1px solid #cccccc;
}
.nav ul li a{
	display:block;
	height:48px;
	padding:0 20px;
	font-size:16px;
	color:#000;
	}	
.nav ul li a:hover{background-color:#cf1322;color:#FFF; transition:all .3s
	}

.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #3FF;
    min-width: 199px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #f1f1f1;
}

.dropdown:hover .dropdown-content {
    display: block;
}


/* 导航部分结束 */


/* 固定部分开始 */
.sidebox{
        margin:0 1000px;
		
		background:#9FF;
	}
.sidemenu ul{width:60px;	
position:fixed;
right:10px;
top:55%;
border:solid #BBB1B2 1px;
border-radius:15px;
background:rgba(0,0,0.0.2);}
.sidemenu ul li{height: 40px;
				line-height:40px; 
				border-radius:15px;
				border:1px #E3DDDD solid;}
.sidemenu ul li a{height: 40px;
				border-radius:15px;
				line-height:40px;
				text-align:center;
			color:#000000;
				font-size:14px;}
.sidemenu ul li a:hover{color:#F60;}
.sidemenu.current{text-align: center;
					font-size: 16px;}
/* 固定部分结束 */




/* 页尾部分开始 */
.bottom{width:1400px;
        margin:auto;
		background:#FFF;
		background-image:url(../images/db_01.jpg);}
		
.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;
			}
/* 页尾部分结束 */


/* 关于我们开始 */
.asection{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-itms:center;
	margin:auto;
	
	width:1400px;
	height:1100px;
	}
	.aphoto{
		width:1400px;
		height:500px;
		
		display:block;
		 box-sizing: border-box;
		
		}
	.snav{
		width:195px;
		height:500px;
		border:1px solid #E6D5C3;
		background-color:#FFF;
		display:block;
		margin:0 auto;
		margin-left:-2px;
		padding:0;
		}
	.acontent{
		width:1195px;
		height:600px;
		
		display:block;
		margin:0 auto;
		padding:0;
		}
	.acontent p{
		font-size:20px;
		margin:20px 10px;
		}
		.acontentimage{
		margin-left:20px;
		margin-top:20px;
		width:300px;
		height:200px;
		border:2px solid #FFFFFF;
		border-radius:10px;
		padding:10px 10px;}

	.snav span{
		display:block;
		font-size:25px;
		padding:10px 0PX;
		text-align:center;
		}
	  .snav-usa{
		display:flex;
		align-itms:center;
		width:190px;
		height:50px;
		background-color:#6FF;
		margin:o;
		border:1px solid #E6D5C3;
		  } 
	  .snav-us{
		display:flex;
		align-itms:center;
		width:190px;
		height:50px;
		
		margin:o;
		  } 
	  .usp{display:block;
		width:25px;
		height:25px;
		
		margin-top:15px;
		margin-right:5px;
		margin-left:5px;
		}
	.snav-us a:hover{
		color:#6F9;}
	.snav-usa a:hover{
		color:#FFF;}
		
		.cta{
			margin-left:-4px;} 
	
/* 关于我们结束 */
    .contact{
		width:1400px;
		display:flex;
		flex-wrap:wrap;
		}
	contact span{
		font-size:24px;}
	.contacttop{
		    display:flex;
			width:1400px;
			height:30px;
			border:#333 solid 1px;
			background-color:#CCC;
			}
	.contacttop-m a:hover{
				color:#fff;}
	.contacttop-m{
	text-align:center;
	vertical-align:central;
	display:inline-block;
	line-height:30px;
	vertical-align:central;
	width:100px;
	height:30px;
	color:#FFF;
	font-size:20px;
	color:#FFF;	
		}
		
	.map{width:1200px;
		height:500px;
		}
	.information{
		width:600px;
		height:500px;
		box-sizing:border-box;
		background-color:#FFF;}
	 .contacpic{
		width:800px;
		height:500px;
		 }
	.contactp{
		width:380px;
		height:70px;
		margin-left:20px;
		margin-top:10px;
		margin-bottom:30px;
		font-size:25px;}
		.contactph{
		width:500px;
		height:50px;
		margin-left:20px;
		margin-top:5px;
		font-size:25px;}
	 .contactweb{
		width:500px;
		height:50px;
		margin-left:20px;
		margin-top:35px;
		font-size:25px;}
		
	.msection{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-itms:center;
	margin:auto;
	width:1400px;
	height:1300px;
	}
	.mphoto{
		height:500px;
		margin:auto;
		
		}
		.mbcphoto{
			position:relative;
		height:800px;
		margin:auto;
		
		}
		.cmessage{
		width:700px;
		height:700px;
		position:absolute;
		border-radius:10px;
		background-color:#FFF;
		opacity:0.6;
		margin:auto;
		margin-left:350px;
		margin-top:50px;
		box-sizing:border-box;
		
		}
		.messagesection{
			position:relative;
			display:flex;
			flex-direction:row;
			flex-wrap:non-wrap;}
			h4{display:block;
			margin:0 auto;
			margin-top:10px;
			width:180px;
			height:70px;
			font-size:45px;
				}
		#person,#dh,#yx{
			width:500px;
			height:70px;
			border:#0F0 2px solid;
			border-radius:50px;
			background-color:#CCC;
			display:block;
			margin:0 auto;
			margin-top:20px;
			font-size:25px;
			}
			#ct{
			width:500px;
			height:200px;
			border:#0F0 2px solid;
			border-radius:50px;
			background-color:#CCC;
			display:block;
			margin:0 auto;
			margin-top:20px;
			font-size:25px;
			}
			#tj{
			width:200px;
			height:70px;
			border:#0F0 2px solid;
			border-radius:5px;
			background-color:#CCC;
			display:block;
			margin:0 auto;
			margin-top:20px;
			font-size:25px;
				}
		#person,#dh,#yx,#ct,#tj::placeholder {
    color: #000;
    text-indent: 15px; 
  }
  
  .servicesection{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-itms:center;
	margin:auto;
	width:1400px;
	height:3700px;
	  }
	  
 .ssubmit{
		width:1400px;
		height:700px;
		border-radius:10px;
		background-color:#344a58;
		margin:auto;
		box-sizing:border-box;
		  }
	#st{
			width:500px;
			height:70px;
			border:#0F0 2px solid;
			border-radius:50px;
			background-color:#CCC;
			display:inline-block;
			margin:20px 80px;
			margin-top:10px;
			font-size:25px;
			}
	#stcontent{width:1080px;
			height:250px;
			border:#0F0 2px solid;
			border-radius:50px;
			background-color:#CCC;
			display:block;
			margin-left:80px;
			font-size:25px;
		}
		
	.qutext{
		width:1400px;
		height:420px;
		background-color:#FFF;
		}
		.qutext span{
			display:block;
			font-size:20px;
			margin-left:50px;
			margin-top:20px;}
			
	.omessage{
		width:1200px;
		height:700px;
		position:absolute;
		border-radius:10px;
		background-color:#999;
		opacity:0.6;
		margin:auto;
		margin-left:100px;
		margin-top:50px;
		box-sizing:border-box;
		}
		
			#od{
			width:300px;
			height:70px;
			border:#0F0 2px solid;
			border-radius:10px;
			background-color:#FFF;
			display:inline-block;
			margin-left:50px;
			margin-top:20px;
			font-size:15px;
			}
			#oct{
			width:1010px;
			height:200px;
			border:#0F0 2px solid;
			border-radius:10px;
			background-color:#FFF;
			display:block;
			margin-left:50px;
			margin-top:20px;
			font-size:15px;
			}
			
	.complaintsection{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-itms:center;
	margin:auto;
	width:1400px;
	height:1300px;
		}		
						
.c-ftitle{width:1100px;
				height:120px;
				margin:0 auto;
				}
.c-ftitle h4{font-size:25px;
			 margin-top:20px;
			 padding:10px;
			 text-align:center;}
.c-ftitle p{font-size:20px;
  margin-top:-20px;
			}

.c-ftitle-form{margin:0 auto;
				margin-left:50px;}
.c-ftitle-form p{font-size:20px;
				 padding:15px;
				 display:block;}
.c-ftitle-form form input{width:200px;
						height:50px;
						border:2px solid #CF3;}	
												
.fmessage{
		width:1200px;
		height:700px;
		position:absolute;
		border-radius:10px;
		background-color:#fff;
		opacity:0.95;
		margin:auto;
		margin-left:100px;
		margin-top:50px;
		box-sizing:border-box;
		}
		#contact{
			width:510px;
			height:100px;}
			
		#tjiao{margin:0 auto;}
		
		
 .remployeesection{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-itms:center;
	margin:auto;
	width:1400px;
	height:1750px;
		}		
		
.recruitcontent{
	width:1400px;
	height:900px;
	background-color:#FFF;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
		}
	.recruit-wrap{
		width:1200px;
	    height:800px;
		display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;

		}
	.wrap-zpin{
		width:350px;
		height:380px;
		
		margin-top:50px;
		background-color:#0FF;}
	.c-title{
		font-size:20px;
		width:300px;
		height:80px;
		border-bottom:4px #F90 dotted;
		margin-left:20px;
		margin-top:20px;
		}	
	.zpin-detail{
		font-size:20px;
		width:400px;
		height:300px;
		margin-left:20px;
		margin-top:20px;
		}	
	.zpin-detail p{	
	width:400px;
	height:40px;

	}
	.zpin-detail span{
		display:block;
		width:90px;
		height:30px;
		background-color:#FF0;
		margin-left:200px;}
		.zpin-detail span:hover{
			background-color:#0F9;
			color:#FFF;}
	.recruit-subdetail{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-itms:center;
	margin:auto;
	width:1400px;
	height:1840px;
		}		
		
.recruit-de{background:#FFF;
            width:1400px;
			height:1020px;}	
.recruit-top,.recruit-content,.recruit-bottom{margin-left:90px;}	
.recruit-top{width:1000px;
			height:100px;
			margin-top:2px;
			border-bottom:2px solid #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:1250px;
				height:120px;
				margin:0 auto;
				}
							
.recruit-request h4{font-size:25px;
                    width:200px;
					margin-top:10px;
					padding:10px;
					text-align:center;}
.recruit-request span{font-size:18px;
					}
.recruit-request-form{margin:0 auto;
					margin-left:60px;}
.recruit-request-form p{font-size:16px;
						padding:15px;}
.recruit-request-form form input{width:200px;
						height:50px;
						border:2px solid #CF3;}	
						
#zwei{width:200px;
	 margin-left:18px;}	
#xming{width:200px;
		margin-left:18px;}	
#c-desc{width:530px;
        height:100px;
	 margin-left:18px;}	
	
#age{width:100px;
		margin-left:50px;}	
#form-contact{width:200px;
		margin-left:18px;}
#yxiang{width:200px;
		margin-left:18px;}
#jli{
    width:200px;
	border:2px solid #CF3;
	text-align:center;
	margin-left:18px;}
	
	#rxming{width:200px;
		margin-left:50px;}	
	#rcontact{width:200px;
		margin-left:18px;}	
	
.recruit-sex{
	width:100px;
	border:2px solid #CF3;
	text-align:center;
	margin-left:50px;}	
	
	.recruit-year{
	width:100px;
	border:2px solid #CF3;
	text-align:center;
	margin-left:18px;}	
	.recruit-tjyp{
	width:200px;
	border:2px solid #CF3;
	text-align:center;
	background-color:#FF9;
	margin-left:50px;
	margin:0 auto;}	
	
	#cr-tjiao:hover{
		color:#6F0;
		background-color:#FFF;}
		
	.recruit-img{
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		width:1200px;
		height:300px;
		border:#CCC 2px solid;
		background-color:#6FF;
		margin-top:20px;}
		.recruit-img span{
			width:800px;
			height:50px;
			font-size:20px;
			color:#333;
			display:block;
			margin-left:310px;
			margin-top:-290px;
			}
	.wrap zpin-fuli{background:#FFF;
            width:1400px;
			height:1100px;}	
	.recruit-subdetail-fuli{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-itms:center;
	margin:auto;
	width:1400px;
	height:1920px;
	background-color:#FFF;
		}
		
	.recruit-request-fl{
	width:1200px;
	height:1000px;
		}
	.content recruit-fl{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	background-color:#FFF;
	width:1200px;
	height:1800px;
		}
	

.newsection{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-itms:center;
	margin:auto;
	width:1400px;
	height:1660px;
		}	
.news-topic{
	width:1400px;
	height:500px;
	box-sizing:border-box;
	border:2px #FFFFFF solid;}
.news-title{
	display:flex;
	box-sizing:border-box;
	flex-direction:row;
	justify-content:space-around;
	align-itms:center;
	margin:auto;
	width:1000px;
	height:90px;
	background-color:#E8ECEF;
		}	
	
.news-title a{
	font-size:30px;
	text-align:center;
	vertical-align:middle;
	width:200px;
	height:50px;
	line-height:50px;
	margin-top:20px;
	background-color:#FFF;
	border-radius:50px;
	border:2px #000 solid;
		}	
.news-title a:hover{
	background-color:#8E6B49;
	color:#ffc;}
	
	.news-content{	
	width:1400px;
	height:1020px;
	background-color:#FFF;
	box-sizing:border-box;
		}
	
	.news-clist{
		display:flex;
		flex-wrap:wrap;
		width:1400px;
		height:250px;	
		bottom:#F03 1px solid;
		box-sizing:border-box;
		}	
		
	.news-cpic{
		  
		    display:block;
			width:400px;
			height:250px;
			background-color:#6FF;
			border-bottom:#CCC 1px solid;
		}
	.news-cdetail{
			width:1000px;
			height:250px;
			background-color:#FFF;
		   	border-bottom:#CCC 1px solid;
			box-sizing:border-box;
			position:relative;
		}
		.news-cdetail span{
			font-size:22px;
			display:block;
			margin-top:10px;
			margin-left:10px;
		}
		.news-detaildate{
			position:absolute;
			bottom:20px;
			}
			
		.news-cdetail a:hover{
			color:#0F0;	
			
			}	
		.news-detailmore:hover{
			background-color:#8E6B49;
			}	
			
		.news-detailmore{
			width:100px;
			height:40px;
			background-color:#F90;
			text-align:center;
			line-height:40px;
			border-radius:50px;
			position:absolute;
			right:50px;
			bottom:20px;
			}	
			
			
	.news-cfooter{
		width:1400px;
		height:40px;
		background-color:#fff;
		display:flex;
		flex-direction:row;
		flex-wrap:non-wrap;
		font-size:20px;
		text-align:center;
		}
		.news-cfooter span{
		display:block;
		width:50px;
		height:40px;
		background-color:#fff;
		margin-left:10px;
		}
		.news-cfooter a:hover{
			color:#F90;
			font-weight:bold;}
	.newsection-text{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-itms:center;
	margin:auto;
	width:1400px;
	box-sizing:border-box;
		}	
	.news-location{
		width:1400px;
		height:30px;
		background-color:#6FF;
	
		}
		.news-location span{
		font-size:20px;
		line-height:30px;
		}
		.news-location a:hover{
			color:#F90;
			font-weight:bold;}
			
		.newstext-pic{
		width:400px;
		height:300px;
		margin:auto;
		padding-top:20px;
			}
	.newstext-main{
		width:1400px;
		background-color:#FFF;
		box-sizing:border-box;
		}		
	.newstext-content{
		width:1400px;
		background-color:#FFF;
		
		}
	.newstext-title{
	    padding-top:20px;
	    border-bottom:2px #999999 solid;
		width:1200px;
		margin:auto;
		}
	.newstext-titlebt{
		font-size:25px;
		font-weight:bold;
		display:block;
		text-align:center;
		}
	.newstext-title span{
		font-size:20px;
		text-align:center;
		dsplay:block;
		margin-left:50px;
		}
		.newstext-titlefb{
			text-align:center;}
		.newstext-content p{
			font-size:18px;
			display:block;
			margin-left:50px;
			margin-top:20px;
			margin-right:30px;
			text-indent: 2em;}
			.newstext-footer{
				width:1200px;
				margin:auto;
				margin-top:20px;
				font-size:15px;
				border-top:2px #999999 solid;}
				.newstext-footer p{
					text-align:center;}
	.product-container{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
	align-itms:center;
	margin:auto;
	width:1400px;
    box-sizing:border-box;
				}

	.product-sidebar{
	    border-right:#CCC 2px solid;
		width:320px;
		  box-sizing:border-box;
            background: white;
		}
	.sidebar-section{
			width:280px;
			padding:10px 20px;
			border-bottom:#CCC 2px solid;}
		.sidebar-section span{
			display:block;
			font-size:20px;
			margin-left:20px;
			margin-top:20px;}
			.sidebar-section a:hover{
				color:#0F0;}
			
	.product-grd{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-between;
	align-itms:center;
	margin:auto;
	width:1060px;
	height:1300px;
    box-sizing:border-box;
	 float:left;
	 box-sizing:border-box;			
	 }
	 .grd-top{width:1060px;
	 height:50px;
	 background-color:#FFF;
	 border:#CCC 2px solid;
	 border-radius:10px;
	 font-size:20px;
	 line-height:50px;}
	 .grd-top a:hover{
		 color:#0F0;}
	 .product-box{
		 background-color:#DBF1FF;
		 width:330px;
		 height:350px;
		 box-sizing:border-box;	
		
		  }
	 .product-in{
		 background-color:#fff;
		 width:280px;
		 height:80px;
		 border:2px #CCCCCC solid;
		 border-radius:20px;
		 margin:auto;
		 margin-top:10px;
		}
		.product-in span{
			display:block;
			margin:auto;
			font-size:20px;
			text-align:center;
			margin-top:5px;
			}
			
			 .product-in a:hover{
				 color:#3F0;}
			
	.product-imgs{
		width:300px;
		height:250px;
		 display: block;
        margin-left:4px;
		}
		
		  .pagination {
			width:400px;
            display: flex;
            justify-content: center;
            margin-top: 10px;
			margin-left:330px;
            gap:8px;
        }
		 .pagination button {
			font-size:18px;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid var(--border);
            background: white;
            border-radius: 4px;
            cursor: pointer;
            transition: all 0.3s;
        }
		 .pagination button:hover, .pagination button.active {
            background-color:#06F;
            color: white;
            border-color: #CCC;
        }
		 .pagination a:hover{
            background-color:#06F;
            color: white;
            border-color: #CCC;
        }