@charset "utf-8";
*{padding: 0;margin: 0;}
p,span,i,b,h1,h2,h3,h4,h5,textarea{font-family: "microsoft yahei";font-size: 16px;color:#333;}
.body>div{
	margin:0 0 60px 0;
	box-sizing:border-box;
	padding-bottom:20px;
}
.middleHeight{
	/* height:980px; */
	width:1190px;
}
.about-middle{
	width: 100%;
	height: 100%;
	background: #f2f2f2;
}
.about-body{
	width: 1190px;
	height: 100%;
	background: #f2f2f2;
	margin: 0 auto;
}
.about-menu{
	width: 100%;
	height: 50px;
	background: #f2f2f2;
	line-height: 50px;
}
.about-menuLeft{
	float: left;
	width: 222px;
	height: 980px;
	background: #fff;
}
.menu-left{
	float: left;
	cursor:pointer;
}
.menu-left p{
	font-size: 16px;
	width: 115px;
	height:90px;
	line-height: 90px;
	text-align: right;
}
.about-iframe{
	float: right;
/* 	height:980px; */
	width:960px;
	background:#fff;
}
.menu-right{
	width: 40px;
	height: 800px;
	background: #fff;
	float: left;
}
.menu-right .straightLine{
	border-right: 1px solid #c2c2c2;
	width:1px;
	height:60px;
	display:block;
	margin-left:20px;
	margin:5px 0 5px 20px;
}
.menu-right .cilcle{
	display: block;
	width: 20px;
	height: 20px;
	background:#c2c2c2;
	border:4px solid #ebebeb;
	margin: 0 auto;
	border-radius: 50%;
}
.menu-right .cilcle:first-child{
	margin-top: 36px;
}
.menu-left .activeMenu{
	font-size:20px;
	font-weight:800;
}
.menu-right .activeMenu{
	background:#ff7200;
	border:4px solid #ffe3cc;
}
/*company introduce*/
i{font-style:normal;}
.companyBox{
	/* padding:40px 44px; */
	width:100%;
	height:100%;
	//background:url("../img/company.png") no-repeat;
	background-position: 530px 20px;
	background-size:340px;
}
.productBox{
	width:100%;
	height:710px;
	background:url("../img/product.png") no-repeat;
	background-position: bottom center;
	background-size:960px;
}
.comTitle{
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	font-weight: bold;
	margin-top:10px;
}
.historyMaxBox{
	width: 100%;
	height: 1700px !important;
	margin-top:10px;
}
.Dyear16,.Dyear17,.Dyear18,.Dyear19{
	width:100%;
	height:1500px;
	display:none;
}
.Dyear16{
	background:url("../img/history_03.png") no-repeat;
	background-position:50px 80px;
}
.Dyear17{
	background:url("../img/history_04.png") no-repeat;
	background-position:50px 0;
}
.divShow{display:block;}
.historyBox .comTitle{
	width: 100%;
	height: 40px;
	margin-top:10px;
}
.historyMenu{height:40px;}
.comTitle .historyMenu>p:first-child{
	float:left;
	height: 40px;
	line-height:40px;
}
.history span{
	 cursor:pointer;
}
.comTitle .historyMenu>p:last-child{
	margin-right:90px;
	float:right;
	height: 40px;
	line-height:40px;
}
.yearRelative{
	position:relative;
}
.historyBottom{
	width:100%;
	position:absolute;
	left:0;
	bottom:0; 
}
.historyBottom button{
	width:120px;
	height:50px;
	border-radius:2px;
	background:#fff;
	border:1px solid #dedede;
	display:block;
	color:#333;
	cursor:pointer;
	margin:30px auto;
}
.historyBottom button:hover{
	border: 1px solid #00b7ee;
	color:#00b7ee;
}
.history span{
	display:inline-block;
	margin-left:20px;
}
.activeYear{font-size:24px;color:#00b7ee;}
.comTitle>p>span{margin-left:20px;}
.historyMenu{
	height:90px;
}
.product{
	margin:40px 0 0 44px;
}
.historyMenu p:first-child{
	margin:40px 0 0 44px;
}
.historyMenu p:last-child{
	margin:40px 0 0 44px;
}
.comTitleH2{
	font-size:16px;
	font-weight:bold;
	height:40px;
	line-height:40px;
	margin-left:44px;
	margin-top:10px;
}
.companyBox>p,.companyBox>div,.shareBox>p,.shareBox>div{
	margin-left:44px;
}
.blue{
	color:#009bec;
	font-weight:bold;
}
.w400{
	width:400px;
	line-height:30px;
}
.w530{width:530px;line-height:30px;}
.w580{width:90%;line-height:30px;}
.team{
	height:350px;
}
.team img{
	width:490px;
	height:260px;
	display:inline-block;
	float:left;
}
.team div{
	width:350px;
	float:right;
	margin-right:50px;
}
.team div p{
	width:100%;
	line-height:30px;
	text-indent:2em;
}
.shareBox{
	height:1450px;
	background:url("../img/logo.png") no-repeat;
	background-position: 600px 15px;
	background-size: 296px;
}
.shareContact{
	margin-top:2rem;
}
.shareContact>div{
	float:right;
	width:290px;
	margin-right:50px;
}
.shareContact>div>p{
	width:100%;
	line-height:40px;
	padding:0 0 0 34px;
}
.shareContact>div .shareAddress{
	line-height:28px;
}
.shareContact .shareAddress{
	background:url("../img/address1.png") no-repeat;
	background-position: 0px 20px;
}
.shareContact .shareTel{
	background:url("../img/phone1.png") no-repeat;
	background-position: 0px center;
}
.shareContact .shareFax{
	background:url("../img/fax.png") no-repeat;
	background-position: 0px center;
}
.shareContact .sharePost{ 
	background:url("../img/post.png") no-repeat;
	background-position: 0px center;
}
.shareContact .shareEmail{
	background:url("../img/email.png") no-repeat;
	background-position: 0px center;
}
.shareContact .shareNet{
	background:url("../img/net.png") no-repeat;
	background-position: 0px center;
}



.contactRight .shareAddress{
	line-height:25px;
}
.contactRight .shareAddress{
	background:url("../img/cAddress.png") no-repeat;
	background-position: 0px center;
}
.contactRight .shareTel{
	line-height:30px;
	height:30px;
	background:url("../img/cTel.png") no-repeat;
	background-position: 0px center;
}
.contactRight .sharePost{ 
	background:url("../img/cPost.png") no-repeat;
	background-position: 0px center;
}
.contactRight .shareEmail{
	background:url("../img/cEmail.png") no-repeat;
	background-position: 0px center;
}
.contactRight .shareNet{
	background:url("../img/cNet.png") no-repeat;
	background-position: 0px center;
}





.recruitBox::-webkit-scrollbar {
	display:none;
	overflow:auto;
}
.recruitBox>img{
	margin:0 0 40px 0;
	height:160px;
	display:block;
}
.recruitBox>div{
	margin:0 30px 0 22px;
}
.recruitMan>div{
	margin:0 0 20px 0;
	width:920px;
	border:1px solid #dedede;
	box-sizing:border-box;
	border-radius:2px;
	padding: 30px 20px;
	box-sizing:border-box;
}
.lawBox{
	width:100%;
	height:1000px;
}
.lawText{
	width:920px;
	height:auto;
	margin:20px;
	background:url("../img/border.png") no-repeat;
	background-size:920px 930px;
	background-position:top left;
	padding:0 0 20px 0;
}
.lawText>p{
	width:878px;
	margin:0 24px;
}
.lawTitle{
	text-align:center;
	font-weight:bold;
	line-height:66px;
	height:66px;
	margin:0 24px;
	font-size:20px;
	border-bottom:1px dashed #dedede;
}

.lawStatement{
	line-height:44px;
}
.lawStaText{
	line-height:26px;
	text-indent:2em;
}
.contactBox{
	width:100%;
	height:100%;
}
.contactBox>p{
	margin:30px;
	line-height:60px;
	font-weight:bold;
	font-size:20px;
}
.contactLeft{
	width:478px;
	float:left;
	height:535px;
	border-right:1px solid #dedede;
}
.contactRight>p{
	margin-left:38px;
	width:330px;
	line-height:50px;
	height:50px;
	padding:0 0 0 55px;
}
.contactRight img{
	width:378px;
	margin:18px 40px;
}
.contactRight{
	width:478px;
	float:right;
	height:550px;
}
.contactLeft>p{
	height:110px;
	margin:0 0 0 30px;
}
.contactLeft p i{
	font-style:normal;
	color:#ff0000;
}
.contactLeft p span{
	line-height:30px;
	height:30px;
}
.contactLeft p input{
	width:400px;
	height:50px;
	border-radius:2px;
	border:1px solid #dedede;
}
.contactLeft textarea{
	resize: none;
	width:400px;
	height:200px;
	border:1px solid #dedede;
	border-radius:2px;
	margin:0 0 0 30px;
}
.send{
	width:121px;
	height:38px;
	line-height:38px;
	text-align:center;
	color:#fff;
	background:#3683d9;
	box-sizing:border-box;
	border-radius:2px;
	border:none;
	border-bottom:6px solid #2c6bb2;
	float:right;
	cursor:pointer;
	margin:34px 50px 0 0;
}
.cat{
	height:700px;
}
.yearDetail{
	height:1300px;
	width:0px;
	border-right:5px solid #e6e6e6;
	border-left:5px solid #e6e6e6;
	border-radius: 5px;
	margin:0 auto;
}
.blueCircle{
	position:absolute;
	width:46px;
	height:46px;
	box-sizing:border-box;
	border:8px solid #fff;
	background:#00b7ee;
	border-radius:50%;
	z-index:1;
}
.blue01{
	left:0;
	right:0;
	margin:0 auto;
	top:100px;
}
.blue02{
	left:0;
	right:0;
	margin:0 auto;
	top:380px;
}
.blue03{
	left:0;
	right:0;
	margin:0 auto;
	top:640px;
}
.blue04{
	left:0;
	right:0;
	margin:0 auto;
	top:776px;
}
.blue05{
	left:0;
	right:0;
	margin:0 auto;
	top:1050px;
}
.blue06{
	left:0;
	right:0;
	margin:0 auto;
	top:100px;
}
.blue07{
	left:0;
	right:0;
	margin:0 auto;
	top:676px;
}
.blue08{
	left:0;
	right:0;
	margin:0 auto;
	top:952px;
}
.rightAb,.leftAb{
	width:470px;
	height:80px;
	position:absolute;
}
.rightAb01{
	top:115px;
}
.rightAb02{
	top:652px;
}
.rightAb03{
	top:1060px;
}
.rightAb04{
	top:394px;
}
.rightAb05{
	top:968px;
}
.leftAb01{
	top:398px;
	left:0;
}
.leftAb02{
	top:788px;
	left:0;
}
.leftAb03{
	top:118px;
	left:0;
}
.leftAb04{
	top:687px;
	left:0;
}
.rightBorder{
	width:115px;
	height:0;
	border-top:5px solid #e6e6e6;
	border-bottom:5px solid #e6e6e6;
	float:left;
	margin-top:4px;
}
.leftBorder{
	float:right;
	width:115px;
	height:0;
	border-top:5px solid #e6e6e6;
	border-bottom:5px solid #e6e6e6;
	margin-top:4px;
}
.rightText{
	width:280px;
	margin-left:20px;
	float:left;
}
.leftText{
	width:250px;
	margin-right:20px;
	float:right;
}
.rightText p,.leftText p{
	line-height:24px;
	font-weight:400;
}
.rightText p{
	text-align:left;
}
.leftText p{
	text-align:right;
}
.rightText p:first-child,.leftText p:first-child{
	color:#00b7ee;
}
.jobRelative{
	position:relative;
}
.jobRelative>div>p.contentRecruit{
	width: 100%;
    word-wrap: break-word;
}
.jobContentDiv{
	display:none;
}
.slide{
	margin-right: 20px;
    position: absolute;
    bottom: 24px;
    right: 0;
	height:30px;
	line-height:30px;
	width:50px;
	padding:0 20px 0 0;
	box-sizing: border-box;
	cursor:pointer;
	font-size:14px;
}
.sendJob{
	width:120px;
	height:30px;
	line-height:30px;
	text-align:center;
}
.slide{
	background:url("../img/open.png") no-repeat;
	background-position: right center;
}
.sendJob{
	width:120px;
	height:36px;
	display:block;
	margin:20px auto 0 auto;
	background:#3683d9;
	color:#fff;
	border-radius:2px;
	box-sizing:border-box;
	border-bottom:5px solid #2c6bb2;
	cursor:pointer;
}
.job_name{
	line-height:40px;
	height:40px;
	font-size:16px;
}
.job_name,.jobContent{
	color:#007dcd;
}
.jobContent{
	line-height:30px;
	height:30px;
	font-size:14px;
}
.contentRecruit{
	/* height:24px; */
	line-height:24px;
	font-size:14px;
}
.iframe_text {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index:12;
}
label{
	cursor:pointer;
}

.footerInfo01 i{font-size:12px;}
#welcome{color:#9f9f9f;}
.footerInfo01>p,.footerInfo01>p>i{color:#999;}