@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: .18rem; color: #333; line-height: 1.6; overflow-x: hidden;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 2251042 */
  src: url('font_2251042_n65iochrm6q.eot');
  src: url('font_2251042_n65iochrm6q.eot') format('embedded-opentype'),
  url('font_2251042_n65iochrm6q.woff2') format('woff2'),
  url('font_2251042_n65iochrm6q.woff') format('woff'),
  url('font_2251042_n65iochrm6q.ttf') format('truetype'),
  url('font_2251042_n65iochrm6q.svg') format('svg');
}
@font-face {
	font-family:'fontGotham';
	src: url('Gotham-Medium.otf');
}
@font-face {
	font-family:'fontDIN';
	src: url('DIN-Condensed.ttf');
}
.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{overflow: hidden;display: block;position: relative;}
.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;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;}
.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;}
.flexdt{align-items: flex-end;-webkit-align-items: flex-end;}
.flexend{justify-content: flex-start;-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%;}
.paddingTop5{ padding-top: 5%;}
.paddingTop4{ padding-top: 4%;}
.paddingTop3{ padding-top: 3%;}
.paddingTop2{ padding-top: 2%;}
.paddingTop1{ padding-top: 1%;}
.paddingBot5{ padding-bottom: 5%;}
.paddingBot4{ padding-bottom: 4%;}
.paddingBot3{ padding-bottom: 3%;}
.paddingBot2{ padding-bottom: 2%;}
.paddingBot1{ padding-bottom: 1%;}
.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;}
.mb70{margin-bottom: .70rem;}
.mb80{margin-bottom: .80rem;}
.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;}
.mt70{ margin-top: .70rem;}
.font12{ font-size: .12rem;}
.font13{ font-size: .13rem;}
.font14{ font-size: .14rem;}
.font15{ font-size: .15rem;}
.font16{ 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;}
.line13{line-height: 1.3;}
.line14{line-height: 1.4;}
.line17{line-height: 1.7;}
.line18{line-height: 1.8;}
.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;}
.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: 1400rem;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;}

.pageContainer{overflow: hidden;}
.nyBanner{position: relative;overflow: hidden;margin-left: 1.2rem;}
.nytext{position: absolute;left: 0; right: 50%; top: 0;bottom: 0;display: flex;align-items: center;display: -webkit-flex;-webkit-align-items: center;}
.nytext .cots{padding-left: 1.1rem;}
.opacity5{opacity: .5;}
.nyLetter{letter-spacing: .5em;}
.mainAuto{width: 1440px;margin: auto;width: 14.4rem;max-width: 94%;}
.breadTit{padding: .2rem .2rem 0 .2rem; line-height: 1.2; text-transform: uppercase; min-width: 2.5rem; background: rgba(215,35,27,.85);color: #fff;position: relative;z-index: 2;top: -0.9rem; margin-bottom: -0.7rem;}
.breadTit .font40{margin-bottom: .1rem;}
.breadTit .bLine{height: .4rem;width: 1px;background: #fff;margin-top: .1rem;}
.breadLink{margin-top: .2rem;}
.publicNav,.prodNav{text-align: center;border-bottom: 1px solid #ddd;}
.publicNav.on{position: fixed;left: 0;right: 0;top: 0;background: #fff;z-index: 9;}
.publicNav dd,.prodNav dd{padding: 0 .6rem;}
.publicNav dd>a,.prodNav dd>a{display: block;position: relative;padding: .3rem 0;color: #666;}
.publicNav dd>a:before,.prodNav dd>a:before{position: absolute;width: 0;left: 50%;content: '';bottom: -1px;height: 3px;background: #E10A00;transition: .5s;-webkit-transition: .5s;}
.publicNav dd.on>a:before,.prodNav dd.on>a:before{width: 20px;margin-left: -10px;}
.publicNav dd.on>a,.prodNav dd.on>a{color: #E10A00;}


@media only screen and (min-width:960px) {
	a:hover{color: #e10a00;}
	.scaleImg:hover >img{transform: scale(1.15);-webkit-transform: scale(1.15);}
	.scaleImg2 img:hover{transform: scale(1);-webkit-transform: scale(1);}
	.scrollToTop:hover{background: #e10a00;color: #fff;}
	.hover{transition: .5s;-webkit-transition: .5s;cursor: pointer;}
	.hover:hover{color: #e10a00 !important;}
	.animationDH { opacity: 0;}
	.animationDH.current { opacity: 1;}
	.animateRt.current,.animationDH.current .aniLeft{animation: 1s dh_rt linear both; -webkit-animation: 1s dh_rt linear both}
	.animateLt.current,.animationDH.current .aniRight{animation: 1s dh_lt linear both; -webkit-animation: 1s dh_lt linear both}
	.animateTt.current,,.animationDH.current .aniTop{animation: 1s dh_tt linear both; -webkit-animation: 1s dh_tt linear both}
  .animateBt.current,.animationDH.current .aniBottom{animation: 1s dh_bt linear both; -webkit-animation: 1s dh_bt linear both}
   .scrollToTop{display: none !important;}
}
@-webkit-keyframes dh_rt {
	from { opacity: 0; -webkit-transform: translate(105px,0%); }
	to { opacity: 1; -webkit-transform: translate(0,0); }
}

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

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

@-webkit-keyframes dh_ss {
	0 {-webkit-transform: scale(1);}
	100% {-webkit-transform: scale(2.5);opacity: 0;}
}
@keyframes dh_ss {
	0 {transform: scale(1);}
	100% {transform: scale(2.5);opacity: 0;}
}
@-webkit-keyframes dh_ss2 {
	0 {-webkit-transform: scale(1);}
	100% {-webkit-transform: scale(3.5);opacity: 0;}
}
@keyframes dh_ss2 {
	0 {transform: scale(1);}
	100% {transform: scale(3.5);opacity: 0;}
}
@-webkit-keyframes dh_ss3 {
	0 {-webkit-transform: scale(1);}
	100% {-webkit-transform: scale(1.1);}
}
@keyframes dh_ss3 {
	0 {transform: scale(1);}
	100% {transform: scale(1.1);}
}
@-webkit-keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-5px);
  }
}
@keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes dh_ls{
	from{transform: scaleX(0);}
	to{transform: scaleX(1);}
}
@-webkit-keyframes dh_ls{
	from{-webkit-transform: scaleX(0);}
	to{-webkit-transform: scaleX(1);}
}

@media only screen and (max-width:960px ) {
	a{transition: 0s;-webkit-transition: 0s;}
	.scrollToTop{ width: .48rem;line-height: .48rem;font-size: .3rem;}
	.publicNav,.prodNav{margin-left: 1.2rem;}
	.publicNav dd{padding: 0;flex: 1;max-height: 30%;}
	.mainAuto{margin: 0 0.6rem 0 1.8rem;width: auto;}
}

@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: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;}
	.mt20{ margin-top: .20rem; text-align:left;}
	.mt10{ margin-top: .10rem; text-align:left;}
}

@media only screen and (max-width:750px ) {
	.font56{font-size: .42rem;}
	.mrginLt12{margin-left: 0;}
	.publicNav,.prodNav{margin: 0;}
	.nyBanner{ margin: 0;}
	.pageContainer{margin: 1rem 0 0 0;}
	.nytext .cots{ padding-left: .3rem;}
	.nyBanner .blockDiv img{max-width: 140%;width: 140%;margin-left: -20%;}
	.mt20{ margin-top: .20rem; text-align:left;}
	.mt10{ margin-top: .10rem; 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;}
	.font18{ font-size: .25rem;}
	.font20{ font-size: .26rem;}
	.font22{ font-size: .27rem;}
	.font24{ font-size: .30rem;}
	.mt20{ margin-top: .20rem; text-align:left;}
	.mt10{ margin-top: .10rem; text-align:left;}
}