@charset "utf-8";
/*关于我们*/
body{ background-color:#fff;}
.g-banner{ height:500px; background-image: url(../images/about_ban.png); background-repeat:no-repeat; background-position: center top;}
.aboutbanner{ text-align:center;}
.aboutbanner img{ width:100%;}

.aboutbtn{ text-align:center;}
.aboutbtn a{ display:inline-block; width:180px; height:50px; line-height:50px; background-color:#fff; color:#666; font-size:18px; position:relative; margin-bottom: 1%;}
.aboutbtn a.on,.aboutbtn a:hover{ background-color:#41B80F; color:#fff;}
.aboutbtn a em{ display:block; width: 0;height: 0; overflow: hidden; border: 9px solid; border-color:  #fff transparent transparent transparent; position:absolute; left:50%; top:50px; margin-left:-5px;}
.aboutbtn a.on em,.aboutbtn a:hover em{border-color:  #f66 transparent transparent transparent;}

.aboutcontent{ width:1200px; margin:0 auto; margin-top:20px; display:none; overflow:hidden;}
/*公司简介*/
.aboutbrief img.fl{ float:left; margin-right:35px;}
.aboutbrief .topbrief{ margin-bottom:35px; height:346px;}
.aboutbrief p{ text-indent:2em; line-height:32px; font-size:14px; color:#666; margin-bottom:12px;}
.aboutbrief p img{ text-align:center;}

.timeline{ width:100%; overflow:hidden; background:url(../images/dian-grey.gif) repeat-x left 55px;}
.timeline ul{white-space: nowrap;}
.timeline ul li{ display:inline-block; padding-left:5px;}
.timeline ul li.firstli{ padding-left:0px;}
.timeline ul li a{ display:inline-block;}
.timeline ul li a p.server_name{ padding:0px 20px; font-size:16px; height:35px; line-height:35px; text-align:center; background-color:#d5d5d5; color:#fff; border-radius:4px; margin-bottom:0px; text-indent:0px;}
.timeline ul li a p.timedian{ text-align:center; height:28px; overflow:hidden;}
.timeline ul li a p.timedian i{ display:inline-block; background:url(../images/timeline.png) no-repeat; background-position:0px 0px; width:13px; height:28px; overflow:hidden; margin-left:-28px;}
.timeline ul li.yellowtime a p.server_name{background-color:#ff941d; color:#fff;}
.timeline ul li.yellowtime a p.timedian i{background-position:-13px 0px;}

.timecontentbox{}
.timecontentbox .timecontent{ float:left; width:1200px;}
/*公司历程*/
.progressbox{ padding:0px 50px; padding-bottom:60px;}
.progressbox table{ width:100%; background:url(../images/dian_ybg.gif) repeat-y center top;}
.progressbox table tr td .yearcell{ text-align:center;}
.progressbox table tr td .cell a.year{ display:inline-block; width:112px; height:98px; line-height:98px; color:#fff; font-size:20px; text-align:center; overflow:hidden; background:url(../images/yearbg.png) no-repeat;}
.progressbox table tr td .cell a.year:hover{ background-position:0px -98px;}
.progressbox table tr td .cell p{ line-height:28px; }
.progressbox table tr td .cell p a{ color:#666; font-size:14px;}
.progressbox table tr td .cell p a:hover{ color:#f66;}

.recentEvent{  background:url(../images/dian_ececec.gif) repeat-y 150px 0px; margin-bottom:30px;}
.recentTime{ width:155px; float:left; margin-right:25px;}
.recentTime dl{ overflow:hidden;}
.recentTime dl dt{ margin-bottom:10px;}
.recentTime dl dt a{ display:inline-block; width:100px; height:45px; line-height:45px; border-radius:8px; padding:0px 10px; background-color:#f1f1f1; color:#999; font-size:20px; text-align:center;}
.recentTime dl dt.on a{ background-color:#ff941d; color:#fff;}
.recentTime dl dd{ margin-bottom:10px; text-align:right;}
.recentTime dl dd a{ display:inline-block; width:100px; padding:0px 45px 0px 10px; height:35px; line-height:35px; font-size:14px; color:#666;}
.recentTime dl dd a:hover{ color:#ff941d;}
.recentTime dl dd.on a{ background:url(../images/timestatus.png) no-repeat; color:#fff;}
.recentContentBox{ float:left; width:1200px;}
.recentContentBox .recentContent{ display:none; position:relative;}
.recentContentBox .recentContent h3{ font-size:30px; font-weight:bold; color:#666; text-align:center; border-bottom:1px solid #ebebeb; padding:10px 0px 30px; margin-bottom:20px;}

.recentContentBoxjob{ float:left; width:989px;}
.recentContentBoxjob .recentContent{ display:none; position:relative;}
.recentContentBoxjob .recentContent h3{ font-size:30px; font-weight:bold; color:#666; text-align:center; border-bottom:1px solid #ebebeb; padding:10px 0px 30px; margin-bottom:20px;}


/*公司文化*/
/*.aboutculture p{ padding:220px 110px; color:#666; font-size:20px; text-indent:2em;}*/
/*公司愿景*/
/*.aboutvision p{ padding:220px 110px; color:#666; font-size:20px; text-indent:2em;}*/

.aboutculture{ padding-bottom:50px;}
.wrapbox{position: relative;float: left;width: 382px;height: 472px;overflow: hidden;margin-right: 12px;}
.wrapbox.lastwrap{margin-right:0;}
.wrapbox .bgcon{position: absolute;bottom:0;left:0;width: 100%;height: 180px;background: rgba(217,221,95,.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#a0d9dd5f,endColorstr=#a0d9dd5f);}
.wrapbox .bgcon i{display:block;margin:40px auto 0;width: 98px;height: 98px;background: url(../images/cul.png) no-repeat 0 -100px;}
.wrapbox .bgcon span{display:block;margin-top: 66px;font-size: 18px;color: #fff;text-align: center;opacity: 0;filter: alpha(opacity=0);transition: all 2s;-moz-transition: all 500ms;  -webkit-transition: all 500ms;  -o-transition: all 500ms;}
.wrapbox .bgcon.hover{margin-top: 80px;}
.wrapbox .bgcon.hover i{background-position:0 0;}
.wrapbox .bgcon.hover span{opacity: 1;filter: alpha(opacity=100);}
.wrapbox .bgcon.bg2{background: rgba(43,203,193,.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#a02bcbc1,endColorstr=#a02bcbc1);}
.wrapbox .bgcon.bg3{background: rgba(217,103,106,.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#a0d9676a,endColorstr=#a0d9676a);}
.wrapbox .bgcon.bg2 i{background-position: 0 -301px;}
.wrapbox .bgcon.bg2.hover i{background-position: 0 -201px;}
.wrapbox .bgcon.bg3 i{background-position: 0 -402px;}
.wrapbox .bgcon.bg3.hover i{background-position: 0 -502px;}