@charset "utf-8";
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;}
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 {font: inherit;outline:none;-webkit-appearance:none;border-radius: 0;border: 0;}
input[type=button],input[type=submit]{ border: none;cursor: pointer;transition:0.5s;-webkit-transition: 0.5s;font: inherit;}
ol,li,ul{list-style: none;}
table{border-collapse:collapse;word-wrap:break-word; }
:link, :visited , ins {text-decoration: none;}
body{ font-family:"helvetica neue", helvetica, arial, "pingfang sc", "hiragino sans gb", "heiti sc", "microsoft yahei", "wenquanyi micro hei", sans-serif;font-size: .16rem;color: #333; line-height: 2; overflow-x: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: justify;} 
a{transition:all 0.5s;-webkit-transition:all  0.5s;color:inherit;}
img{vertical-align: middle;max-width: 100%;}
@font-face {
  font-family: 'iconfont';  /* project id 2231304 */
  src:  format('woff2'),
        format('woff'),
        format('truetype');
}
/*@font-face {
  font-family: 'iconfont'; 
  src:  format('woff2'),
        format('woff'),
        format('truetype');
}*/
@font-face {font-family:'fontgotham';src: ;}
@font-face {font-family:'fontdin';src: ;}
.fontdin{font-family:'fontdin';}
.fontgotham{font-family: 'fontgotham';}
.fontzht{font-family: microsoft jhenghei;}
.fontnormal{ font-weight: normal;}
.fontbold{font-weight: bold;}
.iconfont {font-family:"iconfont";font-size:inherit;font-style:normal;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icontp{ vertical-align: top; display: inline-block;}
.iconct{ vertical-align: middle; display: inline-block;}
.scaleimg,.scaleimg2,.halfimg{overflow: hidden;display: block;position: relative; }
.scaleimg img,.scaleimg2 img,.halfimg img{ width: 100%;transition:.6s;-webkit-transition: .6s;  object-fit: cover;}
.scaleimg2 img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.img_h3 img{}
*{-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;display: block;}
.position3{ position: relative;z-index: 3;display: block;}
.position4{ position: relative;z-index: 4;display: block;}
.singletxt{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.overhidden{ overflow: hidden;} 
.txtcenter{ text-align: center;}
.txtcenter_01{ text-align: center;}
.txtrighter{ text-align: right;}
.fontpfreg{font-weight: lighter;}
.upcase{text-transform: uppercase;}
.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; }
.flexcol{flex-direction: column;-webkit-flex-direction: column;}
.flexwp{flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.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;}
.flex_1 {-webkit-flex: 1;  -ms-flex: 1;flex: 1; -webkit-box-flex: 1;-moz-box-flex: 1;min-width: 0;}
.flexat{align-items: center;-webkit-align-items: center;}
.flexstart{align-items: flex-end;-webkit-align-items: flex-end;}
.flexend{justify-content: flex-end;-webkit-justify-content: flex-end;}
.flexrev{flex-flow: row-reverse;-webkit-flex-flow: row-reverse;}
.righttxt{text-align: right;}
.margintop1{margin-top:1%;}
.margintop2{margin-top:2%;}
.margintop3{margin-top:3%;}
.margintop4{margin-top:4%;}
.margintop5{margin-top:5%;}
.marginbot1{margin-bottom:1%;}
.marginbot2{margin-bottom:2%;}
.marginbot3{margin-bottom:3%;}
.marginbot4{margin-bottom:4%;}
.marginbot5{margin-bottom:5%;}
.pt7{ padding-top: .7rem;}
.pt6{ padding-top: .8rem;}
.pt5{ padding-top: .5rem;}
.pt4{ padding-top: .4rem;}
.pt3{ padding-top: .3rem;}
.pt2{ padding-top: .2rem;}
.pt1{ padding-top: .1rem;}
.pb7{ padding-bottom: .7rem;}
.pb6{ padding-bottom: .8rem;}
.pb5{ padding-bottom: .5rem;}
.pb4{ padding-bottom: .4rem;}
.pb3{ padding-bottom: .3rem;}
.pb2{ padding-bottom: .2rem;}
.pb1{ padding-bottom: .1rem;}
.pl5{ padding-left: .5rem;}
.pl4{ padding-left: .4rem;}
.pl3{ padding-left: .3rem;}
.pl2{ padding-left: .2rem;}
.pl1{ padding-left: .1rem;}
.pr5{ padding-right: .5rem;}
.pr4{ padding-right: .4rem;}
.pr3{ padding-right: .3rem;}
.pr2{ padding-right: .2rem;}
.pr1{ padding-right: .1rem;}
.mr5{margin-right: 0.05rem;}
.mr10{margin-right: .10rem;}
.mr15{margin-right: .15rem;}
.mr20{margin-right: .20rem;}
.mr25{margin-right: .25rem;}
.mr30{margin-right: .30rem;}
.mr35{margin-right: .35rem;}
.mr40{margin-right: .40rem;}
.ml5{margin-left: 0.05rem;}
.ml10{margin-left: .10rem;}
.ml15{margin-left: .15rem;}
.ml20{margin-left: .20rem;}
.ml25{margin-left: .25rem;}
.ml30{margin-left: .30rem;}
.ml35{margin-left: .35rem;}
.ml40{margin-left: .40rem;}
.mb5{ margin-bottom: 0.05rem;}
.mb10{ margin-bottom: .1rem;}
.mb15{ margin-bottom: .15rem;}
.mb20{ margin-bottom: .20rem;}
.mb25{ margin-bottom: .25rem;}
.mb30{ margin-bottom: .30rem;}
.mb35{ margin-bottom: .35rem;}
.mb40{ margin-bottom: .40rem;}
.mb50{ margin-bottom: .50rem;}
.mb60{ margin-bottom: .60rem;}
.mt5{ margin-top: 0.05rem;}
.mt10{ margin-top: .10rem;}
.mt15{ margin-top: .15rem;}
.mt20{ margin-top: .20rem;}
.mt25{ margin-top: .25rem;}
.mt30{ margin-top: .30rem;}
.mt35{ margin-top: .35rem;}
.mt40{ margin-top: .40rem;}
.mt50{ margin-top: .50rem;}
.mt60{ margin-top: .60rem;}
.font12{ font-size: .12rem;}
.font13{ font-size: .13rem;}
.font14{ font-size: .14rem;}
.font15{ font-size: .15rem;}
.font16{ font-size: .16rem;}
.font16s{ font-size: .16rem;}
.font18{ font-size: .18rem;}
.font20{ font-size: .20rem;}
.font22{ font-size: .22rem;}
.font24{ font-size: .24rem;}
.font26{ font-size: .26rem;}
.font28{ font-size: .28rem;}
.font30{ font-size: .3rem;}
.font32{ font-size: .32rem;}
.font34{ font-size: .34rem;}
.font36{ font-size: .36rem;}
.font38{ font-size: .38rem;}
.font40{ font-size: .4rem;}
.font42{ font-size: .42rem;}
.font44{ font-size: .44rem;}
.font48{ font-size: .48rem;}
.font50{ font-size: .5rem;}
.font56{ font-size: .56rem;}
.font60{ font-size: .6rem;}
.font70{ font-size: .7rem;}
.line1{line-height: 1;}
.line12{line-height: 1.2;}
.line14{line-height: 1.4;}
.line17{line-height: 2;}
.line18{line-height: 2;}
.line2{line-height: 2;}
.color333{ color: #333;}
.colorfff{ color: #fff;}
.coloraaa{ color: #aaa;}
.color000{ color: #000;}
.colorbbb{ color: #bbb;}
.colorccc{ color: #ccc;}
.color888{ color: #888;}
.color666{ color: #666;}
.color_jin{ color: #cfa476;}
.alink{display: block;}
.overflowy{ overflow-y: auto;}
.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: -0.20rem;}
.scrolltotop{background: #333;line-height: .40rem;width: .40rem; font-size: .18rem;border-radius: 50%; cursor: pointer; text-align: center; color: #fff;  background: rgba(0,0,0,0.5);  position: fixed; right: .15rem;bottom: .15rem;z-index: 10;display: none;}

.autowidth{width: 14rem;margin: auto;max-width: 95%;}
#video1{position: relative;margin: auto;height: 80%;top: 10%;max-width: 1200px;}
.video-box{width: 100%;height: 100%;position:fixed;top: 0;left: 0;z-index: 99999;display: none;background: rgba(0,0,0,0.8);}
.video-close{color: #fff;font-size: 30px;position: absolute;right: 0;top: 0;border-radius: 50%;cursor: pointer;z-index: 9999999;padding: 15px;line-height: 1;}
#fz-videoact{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
#video1 video{max-width: 100%;display: block;}
.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;}
.max8{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;}
.max10{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 10;-webkit-box-orient: vertical;}


@media only screen and (min-width:1060px ) and (max-width:1600px ) {
	body{font-size: 14px;}
	.font18{font-size: 15px;}
	.font20{font-size: 16px;}
}

@media only screen and (min-width:960px) {
	a:hover{color: #d51322;}
	.scaleimg:hover >img,.halfimg:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
	.scaleimg2 img:hover{transform: scale(1);-webkit-transform: scale(1);}
	.scrolltotop:hover{background: #e46007;color: #fff;}
	.hover{transition: .5s;-webkit-transition: .5s;cursor: pointer;}
	.hover:hover{color: #e46007 !important;}
	.animationdh { opacity: 0;}
	.animationdh.current { opacity: 1;}
	.animatert.current{animation: 1.5s dh_rt linear both; -webkit-animation: 1.5s dh_rt linear both}
	.animatelt.current{animation: 1.5s dh_lt linear both; -webkit-animation: 1.5s dh_lt linear both}
	.animatett.current{animation: 1.5s dh_tt linear both; -webkit-animation: 1.5s dh_tt linear both}
  .animatebt.current{animation: 1.5s dh_bt linear both; -webkit-animation: 1.5s 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}

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

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

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

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

@keyframes dh_bt {
	from { opacity: 0; transform: translate(0,180px); }
	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); }
}

@keyframes lineq1 {
	0% { opacity: 0.8; transform: scale(0); }
	100%{ opacity: 0;transform: scale(2.5);}
}
@-webkit-keyframes lineq1 {
	0% { opacity: 0.8; -webkit-transform: scale(0); }
	100%{ opacity: 0;-webkit-transform: scale(2.5);}
}
@keyframes suof {
	0% {transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}
@-webkit-keyframes suof {
	0% {-webkit-transform: rotate(0deg);}
	100%{-webkit-transform: rotate(360deg);}
}


@media only screen and (max-width:960px ) {
	a{transition: 0s;-webkit-transition: 0s;}
	.scrolltotop{ width: .58rem;line-height: .58rem;font-size: .3rem;}
	body{line-height:1.5;}
	.line18{line-height:1.6}
	.font40{ font-size: .3rem;}
}

@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; }
	.font40{ font-size: .3rem;}
}
@media only screen and (max-width:750px ) and (min-width:480px ){
	.font36{ font-size: .3rem;}
	.font38{ font-size: .3rem;}
	.font40{ font-size: .3rem;}
	.font42{ font-size: .32rem;}
	.font44{ font-size: .32rem;}
	.font48{ font-size: .32rem;}
	.font50{ font-size: .36rem;}
	.font56{ font-size: .36rem;}
	.font60{ font-size: .4rem;}
	.font70{ font-size: .46rem;}
	.txtcenter_01{ text-align: left;}
}

@media only screen and (max-width:480px ) {
	body{font-size: .24rem;}
	.font12{ font-size: .18rem;}
	.font13{ font-size: .20rem;}
	.font14{ font-size: .22rem;}
	.font15{ font-size: .23rem;}
	.font16{ font-size: .24rem;}
	.font16s{ font-size: .2rem;}
	.font18{ font-size: .25rem;}
	.font20{ font-size: .26rem;}
	.font22{ font-size: .27rem;}
	.font24{ font-size: .30rem;}
	.font36{ font-size: .30remrem;}
	.txtcenter_01{ text-align: left;}
	html{font-size: calc(100 * 100vw / 750)}
}