@charset "utf-8";
html, body, div, span,  p, blockquote, a, img, ins, kbd, q,  tt, var,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,article, aside, canvas, details, embed, 
figure, figcaption, footer, header,  audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
}
h1,h2,h3,h4,h5,h6, em{margin: 0;padding: 0;}
strong,b{font-weight:bold;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
:focus {outline:0;}
input, button, textarea,select, optgroup, option {resize: none; font: inherit; margin: 0; padding: 0;}
input[type=text],input[type=button],input[type=submit],input[type=reset], button, textarea, select {outline:none;-webkit-appearance:none;border-radius: 0;border: 0;}
input[type=button],input[type=submit]{ line-height: 30px;border: none;background: #ccc;cursor: pointer;transition:0.5s;-webkit-transition: 0.5s;}
ol,li,ul{list-style: none;}
table{border-collapse:collapse;word-wrap:break-word; }
:link, :visited , ins {text-decoration: none;}
.font_arial{font-family: arial;}
body{ font-size: 16px;color: #333; line-height: 1.5; overflow-x: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-family: "Noto Sans SC";font-weight: 400;} 
a{transition:0.5s;-webkit-transition: 0.5s;color:inherit;}
img{vertical-align: middle;max-width: 100%;}
@font-face {
	font-family: 'iconfont';  /* Project id 2876362 */
	src: url('//at.alicdn.com/t/font_2876362_gdgzbgk55dc.woff2?t=1635817514304') format('woff2'),
		 url('//at.alicdn.com/t/font_2876362_gdgzbgk55dc.woff?t=1635817514304') format('woff'),
		 url('//at.alicdn.com/t/font_2876362_gdgzbgk55dc.ttf?t=1635817514304') format('truetype');
  }
@font-face {
	font-family: 'conFont';
	src: url('DINFONT.ttf');
}
.conFont{font-family: 'conFont';}
.font300{font-weight: 300;}
.font400{font-weight: 400;}
.font500{font-weight: 500;}
.font700{font-weight: 700;}
.fontBold{font-weight: bold;}
.iconfont {font-family:"iconfont";-webkit-text-stroke-width: 0.1px;font-size:inherit;font-style:normal;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.iconTop{ vertical-align: top; display: inline-block;}
.iconCet{ vertical-align: middle; display: inline-block;}
.scaleImg,.scaleImg2{overflow: hidden;display: block;}
.scaleImg img,.scaleImg2 img{ width: 100%;transition:1s;-webkit-transition: 1s;}
.scaleImg2 img{transform: scale(1.1);-webkit-transform: scale(1.1);}
*{-webkit-tap-highlight-color:rgba(255,0,0,0);}/*去掉手机端a链接点击时候出现的边框*/
.clear{ clear:both; height:0; font-size:0; overflow:hidden; line-height:0;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 
.fl,.floatLeft{float:left;}
.fr,.floatRight{float:right;}
.position2{ position: relative;z-index: 2;}
.position3{ position: relative;z-index: 3;}
.position4{ position: relative;z-index: 4;}
.singleTxt{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.overHidden{ overflow: hidden;} 
.centers{ text-align: center;}
.inlineBlock{ display: inline-block;*display: inline;*zoom: 1;}
.blockDiv>img,.blockImg{display: block; width: 100%;}
.verTop{ vertical-align: top;}
.verMid{ vertical-align: middle;}
.versub{ vertical-align: sub;}
.flex{ display: -webkit-box; display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;}
.flexwp{flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.flexnp{display: -webkit-box; display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex; }
.flexat{-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-align-items: center;}
.flexbt{ -webkit-box-pack: space-between;-ms-flex-pack: space-between;justify-content: space-between;-webkit-justify-content: space-between;}
.flexjt{ -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-justify-content: center;}
.flex1 {-webkit-flex: 1;  -ms-flex: 1;flex: 1; -webkit-box-flex: 1;-moz-box-flex: 1;min-width: 0;}
.rightTxt{text-align: right;}
.line18{line-height: 1.8}
.line17{line-height: 1.7}
.line20{line-height: 2}
.line12{line-height: 1.2}

.mt1{margin-top:1%;}
.mt2{margin-top:2%;}
.mt3{margin-top:3%;}
.mt4{margin-top:4%;}
.mt5{margin-top:5%;}
.mb1{margin-bottom:1%;}
.mb2{margin-bottom:2%;}
.mb3{margin-bottom:3%;}
.mb4{margin-bottom:4%;}
.mb5{margin-bottom:5%;}
.pt5{ padding-top: 5%;}
.pt4{ padding-top: 4%;}
.pt3{ padding-top: 3%;}
.pt2{ padding-top: 2%;}
.pt5px{padding-top: 5px;}
.pt10px{padding-top: 10px;}
.pb5px{padding-bottom: 5px;}
.pb10px{padding-bottom: 10px;}
.pb2rem{padding-bottom: .2rem}
.pb3rem{padding-bottom: .3rem}
.pt2rem{padding-top: .2rem}
.pt3rem{padding-top: .3rem}
.pt1{ padding-top: 1%;}
.pb5{ padding-bottom: 5%;}
.pb4{ padding-bottom: 4%;}
.pb3{ padding-bottom: 3%;}
.pb2{ padding-bottom: 2%;}
.pb1{ padding-bottom: 1%;}
.font12{ font-size: 12px;}
.font13{ font-size: 13px;}
.font14{ font-size: 14px;}
.font15{ font-size: 15px;}
.font16{ font-size: 16px;}
.font18{ font-size: 18px;}
.font20{ font-size: 20px;}
.font24{ font-size: 24px;}
.font30{ font-size: 30px;}
.font32{ font-size: 32px;}
.font36{ font-size: 36px;}
.font40{ font-size: 40px;}
.font44{ font-size: 44px;}
.font48{ font-size: 48px;}
.font56{ font-size: 56px;}
.font60{ font-size: 60px;}
.color333{ color: #333;}
.colorfff{ color: #fff;}
.coloraaa{ color: #aaa;}
.color000{ color: #000;}
.colorbbb{ color: #bbb;}
.colorccc{ color: #ccc;}
.color888{ color: #888;}
.color666{ color: #666;}
.overflowY{ overflow-y: auto;}
.logos{position: relative;}
.loadings{ position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: #fff;z-index: 9999; display: none\9;}
.loadings .gif{ position: absolute; left: 0;right: 0;text-align: center;top: 50%;margin-top: -20px;}
.scrollToTop{background: #e4582b;border-radius: 50%; cursor: pointer; line-height: 38px;width: 38px; text-align: center; color: #fff;  position: fixed; right: 2%;bottom: 2%;z-index: 50;display: none;transition: .5s;}
.navMenu {display: none;transition: .5s;-webkit-transition: .5s;width: 24px; height: 20px;position: relative;}
.navMenu.on{transform: rotateX(180deg);-webkit-transform: rotateX(180deg);}
.navMenu span{border-radius: 2px; position: absolute; left: 0;background: #e4582b; width: 100%; height: 2px; display: block;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.navMenu .line1{ top: 0;}
.navMenu .line2{ top: 50%; margin-top: -1px;}
.navMenu .line3{ bottom: 0;}
.navMenu.on .line1{transform:rotate(-135deg);-o-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg); top: 50%; bottom: auto;}
.navMenu.on .line2{transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg); top: 50%; bottom: auto;}
.navMenu.on .line3{display: none;}
.coverBg{background-size: cover !important;}
.autowidth{width: 1200px;margin: auto;max-width: 95%;}
.max2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.max3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.max4{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.max5{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.zui-page{text-align: center;font-size: 0;}
.zui-page > *{display: inline-block;min-width: 36px;line-height: 36px;border: 1px solid #ddd;border-radius: 3px;margin: 2px;font-size: 16px;}
.zui-page .zui-page-curr{background: #e4582b;color: #fff !important;border-color: #e4582b;}
.zui-page .zui-page-spr{border: 0;}
.select{position:relative;border:1px solid #ddd;cursor:pointer;}
.select:after{content:"";position:absolute;top:50%;right:10px;margin-top:-2px;border-top:5px solid #666;border-right:5px solid transparent;border-left:5px solid transparent;}
.select .select_text{padding:8px 20px 8px 10px;line-height:24px;}
.select_ul{display:none;position:absolute;top:34px;left:-1px;z-index: 5; right: -1px;border:1px solid #D4D4D4;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background:#fff;}
.select_ul li{line-height:36px;text-indent:10px;transition: .3s;}
.select_ul li:hover{color:#fff;background:#6AA7EA;}
.select_ul li.cur{color:#fff;background:#1275b5;}
.scales{animation: dho .5s .2s linear both;-webkit-animation: dho .5s .2s linear both;}
.mbmbmbmb{position: fixed;left: 0;right: 0;top: 50%; margin-top: -22px; z-index: 2222;text-align: center;}
.mbmbmbmb .alert_box{display: inline-block;background: #e4582b;color: #fff; font-size: 18px; padding: 10px 15px;border-radius: 3px;min-width: 280px;text-align: left;box-shadow: 0 0 15px -2px rgba(0,0,0,.2);}
.opacityBg{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.8);z-index:200;text-align:center;}
.opacityBg img{max-width:94%;max-height:80vh; position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.closeImg{position:absolute;right:0;top:0;color:#fff;font-size:.3rem;line-height:1;padding:.1rem;}
.imgBox{cursor: pointer;}
@media only screen and (max-width:1600px ) {
	.font24{ font-size: 20px;}
	.font30{ font-size: 24px;}
	.font32{ font-size: 26px;}
	.font36{ font-size: 28px;}
	.font40{ font-size: 30px;}
	.font44{ font-size: 32px;}
	.font48{ font-size: 36px;}
	.font56{ font-size: 40px;}
	.font60{ font-size: 48px;}
}
@media only screen and (max-width:1200px ) {
	.font20{ font-size: 16px;}
	.font24{ font-size: 18px;}
	.font30{ font-size: 20px;}
	.font32{ font-size: 22px;}
	.font36{ font-size: 24px;}
	.font40{ font-size: 26px;}
	.font44{ font-size: 28px;}
	.font48{ font-size: 30px;}
	.font56{ font-size: 36px;}
	.font60{ font-size: 40px;}
}

@media only screen and (min-width:1200px ) {
	.autowidth{max-width: 90%;}
	.scaleImg:hover >img{transform: scale(1.05);-webkit-transform: scale(1.05);}
	.scaleImg2 img:hover{transform: scale(1);-webkit-transform: scale(1);}
	.scrollToTop:hover{background: #1275b5;color: #fff;}
	.hovers{transition: .5s;}
	.hovers:hover{color: #e4582b;}
	.hovers:hover *{color: #e4582b;}
	.animationDH { opacity: 0;}
	.animationDH.current { opacity: 1;}
	.animateRt.current{animation: 1s dh_rt linear both; -webkit-animation: 1s dh_rt linear both}
	.animateLt.current{animation: 1s dh_lt linear both; -webkit-animation: 1s dh_lt linear both}
	.animateTt.current{animation: 1s dh_tt linear both; -webkit-animation: 1s dh_tt linear both}
    .animateBt.current{animation: 1s dh_bt linear both; -webkit-animation: 1s dh_bt linear both}
    .animationDH.current .dhy1{animation: .5s dhs linear both; -webkit-animation: .5s dhs linear both}
	.animationDH.current .dhy2{animation: .5s .25s dhs linear both; -webkit-animation: .5s .25s dhs linear both}
	.animationDH.current .dhy3{animation: .5s .5s dhs linear both; -webkit-animation: .5s .5s dhs linear both}
	.animationDH.current .dhy4{animation: .5s .75s dhs linear both; -webkit-animation: .5s .75s dhs linear both}
	.animationDH.current .dhy5{animation: .5s 1s dhs linear both; -webkit-animation: .5s 1s dhs linear both}
	.zui-page > *:hover{border-color: #e4582b;color: #e4582b;}
}

@media only screen and (max-width:1200px ) {
	a{transition: 0s;-webkit-transition: 0s;}
	.navMenu{display: block;}
	.scrollToTop{ width: 30px;line-height: 30px;border-radius: 50%;}
	
}
@media only screen and (min-width:1260px ) and (max-width:1460px ){
	.autowidth{max-width: 70%;}
	.index_2_DL dd>a{height: 200px;}
	.font20{font-size: 16px;}
	.font56{font-size: 30px;}
	
}

@media only screen and (min-width:640px ) {
	::-webkit-scrollbar {width: 10px; height: 10px;z-index: 30;position: relative;}
	::-webkit-scrollbar-thumb {background: #aaa; -webkit-box-shadow: inset 0 0 6px #ccc;}
	::-webkit-scrollbar-thumb:window-inactive {background: #aaa;}
	.minheightJobs::-webkit-scrollbar {width: 3px;height: 5px;}
	.minheightJobs::-webkit-scrollbar-thumb {background: #eee;opacity: .5; }
}
@media only screen and (max-width:640px ) {
	body{font-size: .26rem;}
	.font16{ font-size: .26rem;}
	.font18{ font-size: .28rem;}
	.font20{ font-size: .29rem;}
	.font24{ font-size: .3rem;}
	.font30{ font-size: .31rem;}
	.font32{ font-size: .32rem;}
	.font36{ font-size: .36rem;}
	.font40{ font-size: .38rem;}
	.font44{ font-size: .4rem;}
	.font48{ font-size: .42rem;}
	.font56{ font-size: .5rem;}
	.font60{ font-size: .52rem;}
}
@media only screen and (max-width:480px ) {
	.pt5{ padding-top: 25px;}
	.pt4{ padding-top: 20px;}
	.pt3{ padding-top: 15px;}
	.pt2{ padding-top: 10px;}
	.pt1{ padding-top: 5px;}
	.pb5{ padding-bottom: 25px;}
	.pb4{ padding-bottom: 20px;}
	.pb3{ padding-bottom: 15px;}
	.pb2{ padding-bottom: 10px;}
	.pb1{ padding-bottom: 5px;}	
	.mt1{margin-top:5px;}
	.mt2{margin-top:10px;}
	.mt3{margin-top:15px;}
	.mt4{margin-top:20px;}
	.mt5{margin-top:25px;}
	.mb1{margin-bottom:5px;}
	.mb2{margin-bottom:10px;}
	.mb3{margin-bottom:15px;}
	.mb4{margin-bottom:20px;}
	.mb5{margin-bottom:25px;}
}

@-webkit-keyframes dh_rt {
	from { opacity: 0; -webkit-transform: translate(100px,0%); }
	to { opacity: 1; -webkit-transform: translate(0,0); }
}

@keyframes dh_rt {
	from { opacity: 0; transform: translate(100px,0%); }
	to { opacity: 1; transform: translate(0,0); }
}
@-webkit-keyframes dh_lt {
	from { opacity: 0; -webkit-transform: translate(-100px,0%); }
	to { opacity: 1; -webkit-transform: translate(0,0); }
}

@keyframes dh_lt {
	from { opacity: 0; transform: translate(-100px,0%); }
	to { opacity: 1; transform: translate(0,0); }
}
@-webkit-keyframes dh_tt {
	from { opacity: 0; -webkit-transform: translate(0,-100px); }
	to { opacity: 1; -webkit-transform: translate(0,0); }
}

@keyframes dh_tt {
	from { opacity: 0; transform: translate(0,-100px); }
	to { opacity: 1; transform: translate(0,0); }
}
@-webkit-keyframes dh_bt {
	from { opacity: 0; -webkit-transform: translate(0,100px); }
	to { opacity: 1; -webkit-transform: translate(0,0); }
}

@keyframes dh_bt {
	from { opacity: 0; transform: translate(0,100px); }
	to { opacity: 1; transform: translate(0,0); }
}
@-webkit-keyframes dhs {
	from { opacity: 0; -webkit-transform: translate(0,40px); }
	to { opacity: 1; -webkit-transform: translate(0,0); }
}

@keyframes dhs {
	from { opacity: 0; transform: translate(0,40px); }
	to { opacity: 1; transform: translate(0,0); }
}
@-webkit-keyframes dho {
	from { opacity: 0; -webkit-transform: scale(1.1)}
	to { opacity: 1; -webkit-transform: scale(1)}
}

@keyframes dho {
	from { opacity: 0; transform: scale(1.1)}
	to { opacity: 1;  transform: scale(1)}
}
@-webkit-keyframes dhewm {
	from { opacity: 0; -webkit-transform: scale(0)}
	to { opacity: 1; -webkit-transform: scale(1)}
}

@keyframes dhewm {
	from { opacity: 0; transform: scale(0)}
	to { opacity: 1;  transform: scale(1)}
}