@charset "utf-8";
/* 
 * Project Name:宏达股份
 * Author:浅浅
 * Date：2015-7-16
 */
/*index style end*/
/*about style*/
.pbanner{ position: relative; overflow: hidden; border-bottom: 5px solid #80abde; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.pbanner .vt{ width: 100%; display: block;}
.pbanner .pbtxt {color: #fff;left: 50%;margin-left: -451px;position: absolute;bottom: 5%;width: 902px; font: bold 118px/1 "MyriadProRegular"; letter-spacing: -0.05em;}
.bgededed{ background-color: #ededed;}
.pageTBox{ padding:20px 0px;}
.pBT{ font: 30px/1.5 "microsoft yahei"; color: #174f90; padding-bottom: 46px;}
.pageCBox{ font-size: 13px;}
.pageCBox a:link,.pageCBox a:visited { color: #80abde;}
.pageCBox a:active,.pageCBox a:hover { color: #174F90;}



#historyPage{ position: relative; overflow:hidden;}
#historyPage .pimg{ display: block; width: 100%;}
.historyBox{ position: absolute; left: 50%; margin-left: -451px; width: 742px; padding: 30px 80px; bottom: 0px; background-color: #fff; border-radius: 5px 5px 0px 0px;}
.historyBox .pBT{ text-align: center;}
.historypic{ position: relative; width: 100%; margin: 0px auto; border-bottom: 1px solid #dcdcdc;}
.historyDemo{ position: static; }
.historyDemo .owl-stage-outer{ height: 42px;}
.historyDemo .item{ float: left; display: block; text-align: center; padding: 0px 0px 10px 0px;}
.historyDemo a:link,.historyDemo a:visited { color: #949494;}
.historyDemo a:active,.historyDemo a:hover,.historyDemo a.act{ color: #80abde;}
.historyDemo a{ font:bold 14px/2.2 "MyriadProRegular";}
.historypic .bx-wrapper .bx-controls-direction a{ top: 0px; margin-top: 0px; width: 20px; height: 30px; text-indent: -10em; margin: 0px; padding: 0px; overflow: hidden;}
.historypic .bx-wrapper .bx-prev { left: 0px; background: url(../images/h_l.png) no-repeat scroll left center;}
.historypic .bx-wrapper .bx-next { right: 0px; background: url(../images/h_r.png) no-repeat scroll right center;}
.historyCon{ font-size: 14px; padding: 20px 0px 50px;}
.bg80abde{ background-color: #80abde;}
#groupPage{ position: relative;display:none;}
#groupPage .pBT{ color: #fff; text-align: center; padding-bottom: 68px;}
#groupPage .inner{ width: 920px; padding-left: 25px;}
.gropBox{ color: #80abde; height: 600px; overflow: hidden;}
.gropBox a:link,.gropBox a:visited { color: #80abde;}
.gropBox a:active,.gropBox a:hover { color: #80abde;}
.gropBox .item{ display: block; float: left;}
.gropI{ background: url(../images/grop_bg.png) no-repeat; padding-right: 25px; width: 160px; height: 200px; text-align: center; margin: 0px auto;}
.gropI .name{ font-size: 22px; padding-top: 30%; transition: 300ms;}
.gropI .ico{ background: url(../images/grop_ico.png) no-repeat; width: 11px; height: 8px; margin: 16px auto 0px; display:none; }
.gropI a{ display: block; height: 100%;}
.gropI:hover .name{ padding-top: 25%;}
.gropI:hover .ico{ display: block;}
.gropLeft,.gropRight{ background: url(../images/grop_l.png) no-repeat scroll center center; width: 33px; height: 42px; display: block; position: absolute; top: 50%; }
.gropRight{ background-image: url(../images/grop_r.png); right: 10%;}
.gropLeft{ left: 10%;}
.gropLeft:hover{ background-position: 5% center;}
.gropRight:hover{ background-position: 95% center;}
html.open, html.open body{ overflow: hidden; width: 100%;}
html.open .frameHtmlact {  overflow-y:auto;}
html.open .frameHtmlact .frame-ct{ transform: translate(0,0); -webkit-transform:translate(0,0);}
html.open .frameHtmlact .frameClose{ transform: translate(0,0); }
.frameHtml{ position:fixed; top:0; left:0; right: 0px; bottom: 0px;  z-index:1006; background:url(../images/black_.png) repeat;overflow:hidden;  -webkit-overflow-scrolling:touch; }
.frame-ct-wrap {overflow: hidden;padding: 0 20px 20px;}
.frame-ct{ position:relative; margin:0px auto 0 80px; background:#fff; z-index:1010; cursor:auto; width: 100%; transform: translate(100%,0); -webkit-transform:translate(100%,0); transition: 400ms;}
.frame-title{ display:block; background-color: #ededed; padding: 5% 0px;}
.frame-title .t1{ color: #5e5e5e; font: 40px/1.5 "microsoft yahei";}
.frame-title .t2{ color: #5d5d5d; font-family:"microsoft yahei"; font-size: 20px;}
.frame-title .time{ padding-top: 10px;}
.frame-title .time .d{color: #bcbbbb; background: url(../images/time.png) no-repeat scroll left center; padding-left:26px;}
.frame-title a:link,.frame-title a:visited{ color: #80abde;}
.frame-title a:active,.frame-title a:hover{ color: #174F90;}
.frame-ct-preview{ padding: 66px 0px; overflow: hidden;}
.framC{ color: #808080; font-size: 14px;}
.framC a:link,.framC a:visited { color: #80abde;}
.framC a:active,.framC a:hover { color: #174F90;}
.framC img{ max-width: 100%;}
.list-description{ padding: 65px 0px; background-color: #ededed;}
.list-description a:link,.list-description a:visited{ color: #bcbbbb;}
.list-description a:active,.list-description a:hover{ color: #3a3a3a;}
.frameClose{ display: block; width: 80px; height: 80px; position: fixed; left: 0px; top: 50%; margin-top: -35px; z-index: 1008; overflow: hidden; transform: translateX(-80px); transition: 400ms;}
.frameClose span{ display: block; width: 100%; height: 100%; text-align: center;transition: 0.4s;}
.frameClose span.i0{ font: 16px/1.2 "microsoft yahei"; color: #fff; background-color: #80abde; padding-top: 20px; height: 60px; position: absolute; left: 0px; top: 0px;}
.frameClose span.i1{ background:url(../images/fram_close.png) no-repeat scroll center center #174F90; color: #fff; position:absolute; left: 100%; top: 0px; }
.frameClose:hover span.i0{ left: -80px;}
.frameClose:hover span.i1{ left: 0px;}
.apage{ width: 100%; overflow: hidden; background:#80abde;}
.honorCon{ padding: 50px 0px; width: 900px; margin: 0px auto; color: #fff; text-align: center;}
.honorCon .pBT{ color: #fff;}
.honorCon .c{ font-size: 13px;}
.honorBox{ margin:0 auto; padding:0; width:100%; height: auto;}
.honorBox .item{ float: left; display: block;}
.honorI{background-color: #fff;width: 23%; margin:1%; transition: 300ms; float:left;}
.honorI a{ display: block; position: relative; overflow: hidden;}
.honorI img{ width: 100%; display: block;}
.honorI .black-bg{ background: url(../images/black_.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: none;}
.honorI .ico{ background: url(../images/ico_3.png) no-repeat; width: 26px; height: 27px; position: absolute; left: 50%; top: 50%; margin: 0px 0px 0px -13px; display: none;}
.honorI:hover{ box-shadow: 3px 3px 1px 0px #c7c7c7;}
.honorBox .owl-controls { margin-top: 40px;}
.honorBox .owl-controls .owl-page span { height: 17px; width: 17px; margin: 0px 10px; background:url(../images/n5.png) no-repeat scroll 0 0; -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px; }
.honorBox .owl-controls .owl-page.active span,
.honorBox .owl-controls.clickable .owl-page:hover span { background:url(../images/n6.png) no-repeat scroll 0 0; }
.article-block .pBT,.article-block .information,.article-block .illustration{ opacity: 0; top: 50px; position: relative;}
.articleShow .pBT,.articleShow .information,.articleShow .illustration{ opacity: 1; top: 0; }
.articleShow .pBT{transition: 400ms ease 200ms;}
.articleShow .information{ transition: 500ms ease 250ms;}
.articleShow .illustration{ transition: 600ms ease 300ms;}
#jiagouPage .article-block .pageCBox{ top: 50px; opacity: 0;}
#jiagouPage .articleShow .pageCBox{ transition: 500ms ease 250ms; top: 0px; opacity: 1; text-align: left;}
.article-block .feedbacklist,.article-block .inList,.article-block .talentList,#joinPage .article-block .c,.article-block .joinlist{ position: relative; top: 50px; opacity: 0;}
.articleShow .feedbacklist,.articleShow .inList,.articleShow .talentList,#joinPage .articleShow .c,.articleShow .joinlist{ transition: 500ms ease 250ms;  top: 0px; opacity: 1;}
/*about style end*/


@media screen and (max-width:860px) {.honorI{background-color: #fff;width: 48%; margin:1%; transition: 300ms; float:left;}}
@media screen and (max-width:340px) {.honorI{background-color: #fff;width: 98%; margin:1%; transition: 300ms; float:left;}}