@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, b, 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: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%;  }
/* always display scrollbars */
body {  margin: 0 auto; color: #989898; background-color: #fff; _background-attachment:fixed; 
_background-image:url(about:blank);}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; }
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 90%; margin: 0px auto;}

 
 
/*新闻中心*/
.new-center{ border-top:1px solid #efefef;}
.new-center h2{ width:248px; float:left; padding:20px 0; color:#fff; text-align:center; background:#799f40; font-weight:normal; font-size:18px;}
.new-center .select{ float:left; margin-left:28px;}
.new-center .select li{ float:left; width:120px;}
.new-center .select li a{ display:block; height:72px; line-height:72px; color:#8f8f8f; font-size:14px; text-align:center;}
.new-center .select li a:hover,.new-center .select li a.on{ color:#799f40;}
 
.new-list li{   transition:background 650ms linear;}
.new-list li:nth-child(3n+3){  }
 .new-list li a:hover{ background:#fff;}
.new-list li .newtime h4{ display:inline-block; float:left; color:#242424; font-size:14px; font-weight:normal; margin-right:18px;}
.new-list li .newtime time{ display:block; float:left; color:#9a9a9a; font-size:14px;}
.new-list li h1{ color:#000000; font-size:26px; font-weight:normal; margin-bottom:16px;}
.new-list li p{ color:#818181; font-size:13px; height:160px; margin-bottom:23px; overflow:hidden;}
 
 

.homeText.article-block{ transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); opacity:0;}
.homeText.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:880ms 200ms;}

.feature-title.article-block{ opacity:0; transform:translateY(40px) scale(0.95); -webkit-transform:translateY(40px) scale(0.95); -moz-transform:translateY(40px) scale(0.95);}
.feature-title.articleShow{ opacity:1; transform:translateY(0) scale(1); -webkit-transform:translateY(0) scale(1); -moz-transform:translateY(0) scale(1); transition:1250ms;}

.inherent.article-block{ opacity:0; transform:translateY(60px); -webkit-transform:translateY(60px); -moz-transform:translateY(60px);}
.inherent.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:650ms 300ms;}

.resource.article-block h1,.path.article-block h3,.culture.article-block .culture-text h3,
.cornertitle.article-block h3,.cornertitle.article-block h4
{ opacity:0; transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px);}
.resource.articleShow h1,.path.articleShow h3,.culture.articleShow .culture-text h3,.cornertitle.articleShow h3,
.cornertitle.articleShow h4
{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:680ms 200ms;}
.cornertitle.articleShow h4{ transition:680ms 400ms;}
.culture.articleShow .culture-text h3{ transition:680ms 1000ms;}

.culture.article-block .culture-text p{ transform:translateY(40px); -webkit-transform:translateY(40px); -moz-transform:translateY(40px); opacity:0;}
.culture.articleShow .culture-text p{ transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); opacity:1; transition:650ms 1500ms;}


.resource.article-block small,.path.article-block small,.culture.article-block .culture-text strong{ opacity:0; transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px);}
.resource.articleShow small,.path.articleShow small,.culture.articleShow .culture-text strong{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:680ms 500ms;}
.culture.articleShow .culture-text strong{ transition:540ms 1200ms;}

.footer.article-block{ opacity:0; position:relative; y-overflow:hidden; top:30px;}
.footer.articleShow{ opacity:1; transition:850ms 200ms; top:0;}

.path-list.article-block .owl-item,.new-list.article-block li,.corner-list.article-block li{ opacity:0; transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px);}
.path-list.articleShow .owl-item,.new-list.articleShow li,.corner-list.articleShow li{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);    margin-bottom: 1%;}

.brandifo.article-block .brandItem{ opacity:0; transform:translateY(50px); -webkit-transform:translateY(50px); -moz-transform:translateY(50px);}
.brandifo.articleShow .brandItem{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:850ms;}
.brandifo.articleShow .brandItem:nth-child(2){ transition:850ms 400ms;}

.brandifo:nth-child(2).articleShow .brandItem:nth-child(1){ transition:850ms 650ms;}
.brandifo:nth-child(2).articleShow .brandItem:nth-child(2){ transition:850ms 800ms;}

.talent-box.article-block figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);}
.talent-box.articleShow figure img{ transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transition:3500ms;}
.talent-box.article-block figcaption,.contacts.article-block{ transform:translateX(-100%); -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%);}
.talent-box.articleShow figcaption,.contacts.articleShow{ transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:860ms 200ms;}

.staffmore.article-block{ transform:translateY(-50px); -webkit-transform:translateY(-50px); -moz-transform:translateY(-50px); opacity:0;}
.staffmore.articleShow{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:650ms 600ms;}

.recruit-title.article-block h2,.recruit-title.article-block p{ transform:translateY(60px); -webkit-transform:translateY(60px); -moz-transform:translateY(60px); opacity:0;}
.recruit-title.articleShow h2,.recruit-title.articleShow p{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); transition:650ms;}
.recruit-title.articleShow p{ transition:650ms 350ms;}

.recruit-list.article-block{ opacity:0; transform:scale(0.85) translateY(60px); -webkit-transform:scale(0.85) translateY(60px); -moz-transform:scale(0.85) translateY(60px);}
.recruit-list.articleShow{ opacity:1; transform:scale(1) translateY(0); -webkit-transform:scale(1) translateY(0); -moz-transform:scale(1) translateY(0); transition:1200ms;}