@charset "utf-8";
/* 
 * Project Name:宏达股份
 * Author:浅浅
 * Date：2015-7-16
 */
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; }
.pusher{transition:400ms; background-color: #fff;}
.black{ position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: #000; opacity: 0.5; display: none; z-index: 900;}
.inner { width: 1000px; margin: 0px auto;}

/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;width: 100%;}
/* LOADER */
.bx-wrapper .bx-loading {min-height: 50px;background: url(../images/loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
/* PAGER */
.bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #9c9c9c;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 8px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #c61210;}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left:0%;background: url(../images/a_l3.png) no-repeat 0 bottom;}
.bx-wrapper .bx-next {right: 0%;background: url(../images/a_r3.png) no-repeat right bottom;}
.bx-wrapper .bx-prev:hover {background-position: 0 top;}
.bx-wrapper .bx-next:hover {background-position: right top;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -15px;outline: 0;width: 30px;height:30px;text-indent: -9999px;z-index: 999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {display: block;text-indent: -9999px;width: 10px;height: 11px;outline: 0;/*background: url(images/controls.png) -86px -11px no-repeat;*/margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block;text-indent: -9999px;width: 9px;height: 11px;
outline: 0;/*background: url(images/controls.png) -86px -44px no-repeat;*/margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: center;width: 100%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}
/*base style*/
/*index style*/
.bannerPanel{ position: relative; overflow: hidden;}
.banner a:link,.banner a:visited { color: #fff;}
.banner a:active,.banner a:hover { color: #fff;}
.banner{ position: relative; overflow: hidden; width: 100%;}
.banner .pic{ position: relative; width: 100%; height: 100%; overflow:hidden;}
/*.banner .imgIn img { visibility: visible !important;  transform:matrix(1.1, 0, 0, 1.1, 0, 0) ; opacity:1;}*/
.banner .pic img { width: 100%; display: block; position: absolute; /*visibility: hidden; transition:transform 5s ease 0s, opacity 2s ease 0s, visibility 2s ease 0s;*/}
.banner .binbox{ position: absolute; width: 720px; left: 50%; top: 32%; margin-left: -360px; color: #fff;}
.banner .binbox .t1{ font: 40px/1.8 Arial; color: #fff; margin-bottom: 30px; position: relative; text-align: center; display: block;}
.bmore{ border: 1px solid #fff; border-radius: 3px; width: 109px; height: 33px; margin: 0px auto; text-align: center; line-height: 33px; position: relative; display: block;}
.bmore .i1{ background-color: #3471b8; width: 0px; height: 100%; display: block; transition: 300ms;}
.bmore .i2{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; z-index: 2;}
.bmore:hover{ border:1px solid #3471b8;}
.bmore:hover .i1{ width: 100%;}
.banner .bx-wrapper .bx-pager{ height: 9px; bottom: 142px; position: absolute; width: 100%; left: 0px; z-index: 99; text-align: center; margin-top: 0px;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{ height: 9px; line-height: 9px; width: 9px; margin: 0px 9px; display: inline-block; overflow: hidden; background: url(../images/num_21.png) no-repeat scroll center center; cursor: pointer;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.banner .bx-wrapper .bx-pager.bx-default-pager a.active{ background: url(../images/num_2.png) no-repeat scroll center center;}
.ibox{ width: 50%; position: absolute; left: 25%; bottom: -115px;overflow: hidden; background-color: #fff; color: #828282; z-index: 80;}
.ibox li{ float: left; display: block; width: 50%; height: 115px;}
.ibox .item1{ background-color: #3471b8; color: #fff;}
.ibox .txt{ width: 40%; *width: 39.8%;  margin-left: 10%; float: left; display: block;}
.ibox .txt .t{ padding: 18px 0px 10px; font-size: 14px;}
.ibox .txt .c{ font: 30px/1.2 Arial, helvetica, sans-serif;}
.sico{ background: url(../images/ss.png) no-repeat scroll right center; padding-right: 30px;}
.sidie{ background: url(../images/dd.png) no-repeat scroll right center; padding-right: 30px;}
.hdmain dd{ float: left; display: block; height:667px;}
.b25{ width: 25%; *width: 24.9%;}
.b50{ width: 50%;}
.iaboutBox{ height: 334px; overflow: hidden; width: 100%; position: relative;}
.iaboutBox .wimg{ width: 101%; height: 100%; display: block; position: relative; transition: 400ms;}
.iaboutBox:hover .wimg{ transform: scale(1.05); opacity: 0.8;}
.iaboutBox .txt{ position: absolute; left: 5%; width: 90%; bottom: 24px; color: #fff; font: 14px/1.5 Arial;}
.inews .more{font-size:14px;}
.inews a:link,.inews a:visited { color: #939393;}
.inews a:active,.inews a:hover { color: #3471b8;}
.inews{ width: 50%; overflow: hidden; height: 333px;float: left; display: block; }
.inews .ipadding{ width: 80%; margin: 0px auto; overflow: hidden;}
.inews .t{ padding: 26px 0px; color: #3471b8;}
.inews .t .en{ text-transform: uppercase; font: bold 43px/1.2 "times new roman";}
.inews .t .zh{ font: 18px/1.5 Arial;}
.inews .list{ margin-bottom: 24px;}
.inews .list li{ height: 40px; line-height: 40px; font-size: 14px; overflow: hidden;}
.more span{ font-family: "宋体"; transition: 300ms;}
.more:hover span{ padding-left: 10px;}
.inewsPic{ width: 50%; float: left; display: block; height: 333px; overflow: hidden; position: relative;}
.inewPicUl{ width: 100%; height: 333px; overflow: hidden; }
.inewPicUl li{ width: 100%; height: 333px; overflow: hidden; position: relative;}
.inewPicUl li .wimg{ width: 100%; display: block; position: relative;}
.inewPicUl li .txt { position: absolute; left: 5%; bottom: 12px; width: 80%; font: 14px/1.5 Arial; color: #fff;}
.inewsPic .bx-wrapper .bx-pager,.inewsPic .bx-wrapper .bx-controls-auto{  bottom: 18px; z-index: 100; padding: 0px; height: 9px; line-height: 9px; right: 0px; text-align: left; width: auto;} 
.inewsPic .bx-wrapper .bx-pager.bx-default-pager a{ height: 10px; width: 10px; margin: 0px 14px 0px 0px; background:url(../images/num_2.png) no-repeat scroll 0 0; -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px; overflow: hidden;}
.inewsPic .bx-wrapper .bx-pager.bx-default-pager a:hover,.inewsPic .bx-wrapper .bx-pager.bx-default-pager a.active{ background:url(../images/num_21.png) no-repeat scroll 0 0;}
#inewBox{ background-color: #3471b8; position: relative;}
.newDemo{ padding: 50px 0px 0px; width: 80%; margin: 0px auto; overflow: hidden; height: 358px;}
.newDemo a{ color: #fff; font-size:14px;}
.newDemo a:hover{ color: #eaeaea;}
.newDemo .t{ border-bottom: 1px solid #fff; color: #fffefe; font: 18px/1.4 Arial; padding-bottom: 26px; margin-bottom: 24px;}
.newDemo .list{ margin-bottom: 60px;}
.newDemo .list li{ height: 50px; line-height: 50px; overflow: hidden; font-size: 14px;}
.newbtns{ position: absolute; left: 0px; bottom: 0px; background-color: #80abde; height: 76px; width: 95%; padding-left: 5%;}
.newbtns .btnLeft,.newbtns .btnRight{ float: left; display: block; width: 54px;}
.newbtns .bx-prev,.newbtns .bx-next{  width: 100%; display: block; height: 76px;}
.newbtns .bx-prev{ background: url(../images/btn1.png) no-repeat scroll center center;}
.newbtns .bx-next{ background: url(../images/btn2.png) no-repeat scroll center center;}
.newbtns .bx-prev:hover{ background-color: #3471b8;}
.newbtns .bx-next:hover{ background-color: #3471b8;}
.iproBox{ background-color: #5d8dc6; color: #fff; width: 100%; height: 334px; overflow: hidden; position: relative;}
.iproBox a{ color: #fff;}
.iproBox .con{ width: 90%; height: 146px; position: absolute; left: 5%; top: 50%; margin: -73px 0px 0px 0px; text-align: center;}
.iproBox .con p{ position: relative;}
.iproBox .con .zh{ font: 24px/1.8 Arial;}
.iproBox .con .en{ font: 20px/1.5 Arial; text-transform: uppercase; margin-bottom: 44px;}
.iproBox .more{ font: 14px/1.8 Arial; padding-bottom: 4px;  position: relative; width: 56px; margin: 0px auto; display: block; overflow: hidden;}
.iproBox .more .line{ height: 1px; width: 0%; background-color: #fff; transition: 400ms; display: block;}
.iproBox.iproact .more .line{ width: 100%;}
.iproPic{ width: 100%; position: relative; height: 333px; overflow: hidden;}
.iproDemo{ width: 100%; height: 333px; overflow: hidden; position: relative;}
.iproDemo li{ width: 100%; height: 333px; overflow: hidden; position: relative;}
.iproDemo li .wimg{ width: 100%; display: block; position: relative;}
.iproPic .bx-wrapper .bx-next, .iproPic .bx-wrapper .bx-prev {width: 14px; height: 14px; overflow: hidden; margin: 0px; top: 50%; margin-top: -7px; }
.iproPic .bx-wrapper .bx-prev { left: 5%; background: url(../images/btn3.png) no-repeat scroll center center;}
.iproPic .bx-wrapper .bx-next { right: 5%; background: url(../images/btn4.png) no-repeat scroll center center;}
.iproPic .bx-wrapper .bx-pager{ padding: 0px; height: 7px; line-height: 7px; left: 0px;}
.iproPic .bx-wrapper .bx-pager,.iproPic  .bx-wrapper .bx-controls-auto{  bottom: 30px; z-index: 100;} 
.iproPic .bx-wrapper .bx-pager.bx-default-pager a{ height: 7px; width: 7px; margin: 0px 4px; background:url(../images/n1.png) no-repeat scroll 0 0; -moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;}
.iproPic .bx-wrapper .bx-pager.bx-default-pager a:hover,.iproPic .bx-wrapper .bx-pager.bx-default-pager a.active{ background:url(../images/n2.png) no-repeat scroll 0 0;}
.article-block .hdbox{ position: relative; opacity: 0; top: 80px;}
.articleShow .hdbox{ opacity: 1; top: 0px;}
.articleShow .iaboutBox{ transition: 400ms ease 200ms;}
.articleShow #inewBox{ transition: 600ms ease 300ms;}
.articleShow .iproBox{ transition: 800ms ease 400ms;}
.articleShow .inews{ transition: 1000ms ease 500ms;}
.articleShow .inewsPic{ transition: 1100ms ease 550ms;}
.articleShow .iproPic{ transition: 1200ms ease 600ms;}
/*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 16px Arial; letter-spacing: -0.05em;}
.pbanner .pbtxt a{color: #fff;font:bold 16px Arial;}
.pbanner .pbtxt a:hover{color: #fff;}
.bgededed{ background-color: #ededed;}
.pageTBox{ padding:90px 0px;}
.pBT{ font: 30px/1.5 Arial; 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;}
.information{ width: 45%;float: left; display: block; color: #848484;font-family:Arial; font-size:14px;  text-align:left; text-decoration:none; line-height:30px; font-weight:normal;}
.illustration{ position: relative; overflow: hidden; width: 50%; float: right; display: block; text-align: justify;}
.illustration .img{ display: block; width: 100%; -webkit-transition-timing-function: ease-out; -webkit-transition-duration: 700ms; -moz-transition-timing-function: ease-out; -moz-transition-duration: 700ms; transition-timing-function: ease-out; transition-duration: 700ms; }
.illustration .blackbg{ background: url(../images/black_.png) repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.illustration .video-ico{ background: url(../images/vico_bg.png) no-repeat; width: 54px; height: 54px; position: absolute; left: 50%; top: 50%; margin: -27px 0px 0px -27px;}
.illustration .video-ico .ico{ background: url(../images/vico.png) no-repeat; width: 13px; height: 19px; display: block; margin: 17px auto 0px;-webkit-transition-timing-function: ease-out; -webkit-transition-duration: 300ms; -moz-transition-timing-function: ease-out; -moz-transition-duration: 300ms; transition-timing-function: ease-out; transition-duration: 300ms;}
.illustration a:hover .img { -webkit-transform: scale(1.15, 1.15); -moz-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); }
.illustration a:hover .video-ico .ico { -webkit-transform: scale(1.15, 1.15); -moz-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15);}
.pBT .s2{ font: 16px/1.5 Arial; color: #707070;}
#jiagouPage .pBT{ text-align: center;}
#jiagouPage .img { margin-top:66px;text-align:center;}
#jiagouPage .img img { max-width:100%; }
.jiagouList{ padding:60px 0px 0px; width: 364px; margin: 0px auto;}
.jiagouList li{ padding-left: 64px; position: relative; padding-bottom: 16px;}
.jiagouList .num{ font: 16px/1.8 Arial; color: #80abde; position: absolute; left: 0px; top: 0px;}
.jiagouList .jbg{ background-color: #80abde; color: #fff; border-radius: 15px; width: 0px; height: 28px; overflow: hidden; float: left;}
.jiagouList .jbg span{ padding: 4px 22px; display: none;}
.jiagouList li.show .jbg span{ display: block;}
#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 Arial;}
.frame-title .t2{ color: #5d5d5d; font-family:Arial; 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 Arial; 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: 30px 0px; width: 1050px; margin: 0px auto; color: #fff; text-align: center;}
.honorCon .pBT{ color:#fff;}
.honorCon .pBT1{ color:#fff; font-size:24px; line-height:50px;font-family:Arial;}

.honorCon .c{ font-size: 13px;font-family:Arial;}
.honorBox{ height: 550px; overflow: hidden;}
.honorBox .item{ float: left; display: block;}
.honorI{ padding: 12px; background-color: #fff; max-width: 212.5px; margin:0px 10px 20px 0px; 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*/

.a-part{
	height: 700px;
	padding-top: 100px;
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
}


.abouthuanjin{ margin:0 auto; padding:0; width:100%; height:700px; background: url(../image/about3.jpg);position: relative;
	overflow: hidden;}

.abouthuanjin1{ margin:0 auto; padding:0; width:100%; height:80px;font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; font-size:24px; color:#fff; text-align:center; text-decoration:none; line-height:80px;}



.aboutfencai{ margin:0 auto; padding:0; width:100%; height:500px; background:#cccccc;}

.aboutfencai1{ margin:0 auto; padding:0; width:100%; height:40px;}
.aboutfencai2{ margin:0 auto; padding:0; width:100%; height:40px;font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; font-size:24px; color:#ff; text-align:center; text-decoration:none; line-height:40px;}
.aboutfencai3{ margin:0 auto; padding:0; width:100%; height:30px;}

.aboutfencai4{ margin:0 auto; padding:0; width:100%; height:auto;}



/*news style*/
.newsType a:link,.newsType a:visited{ color: #9a9a9a;}
.newsType a:active,.newsType a:hover{ color: #80abde;}
.newsType{ text-align: center; padding: 60px 0px;}
.newsType a{ background: url(../images/n_ico1.png) no-repeat scroll left center; padding-left: 30px; font-size: 16px; margin: 0px 25px;}
.newsType a.act{ background-image: url(../images/n_ico2.png);}
.newsList a:link,.newsList a:visited{ color: #b0b0b0;}
.newsList a:active,.newsList a:hover{ color: #fff;}
.newsList{ width: 92%; padding-left:2%;}
.newsList li{ width: 23%; float: left; display: block; margin:0px 0% 2% 2%;}
.newItem{ border: 1px solid #dbdbdb; background-color: #fff; transition: 300ms;}
.newItem a{ display: block; padding: 22px 20px; }
.newItem .time{ height: 20px; margin-bottom: 5px;}
.newItem .t{ font: 16px/1.5 Arial; color: #6e6e6e; height: 48px; overflow: hidden; margin-bottom: 20px;}
.newItem .img{ overflow: hidden; margin-bottom: 25px;}
.newItem .img img{ width: 100%; display: block;}
.newItem .c{ height: 42px; overflow: hidden; margin-bottom: 22px;}
.newItem .more{ background-color: #c3c3c3; color: #f0f0f0; padding: 2px 10px;}
.newsList li:hover .newItem{ background-color: #80abde; border: 1px solid #80abde;}
.newsList li:hover .t{ color: #fff;}
.newsList li:hover .more{ background-color: #fff; color: #80abde;}
 #info-frame .frame-title{ text-align: center;}
 .sharpBox{ background: url(../images/sharp.png) no-repeat; background-size: cover; width: 84px; height: 84px; display: block; margin: 0px auto 40px;}
 .sharpBox:hover{ background-image: url(../images/sharp2.png);}
 .viewMore{ background-color:#E6E6E6; height: 100px; text-align: center; font:16px/100px 'Microsoft YaHei'; color: #999; display: block; text-transform: uppercase; position: relative;}
.viewMore .i0{  width:100%;height: 100%; display: block; position: absolute; left: 0px; top: 0px; background: #E6E6E6; -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s;}
.viewMore .i1{ position: relative; z-index: 1;}
.viewMore:hover{ color: #fff;}
.viewMore:hover .i0{ background:#80abde;}
/*news style end*/
/*product style*/
.pronav a:link,.pronav a:visited{ color: #989898;}
.pronav a:active,.pronav a:hover{ color: #80ABDE;}
.pronav{ text-align: center; background-color: #EDEDED;}
.pronav a{ display: block; padding: 6% 0px; font-size: 16px; margin: 0px 34px 0px 0px; float: left;}
.pronav a.act{ color: #80ABDE; background: url(../images/sj.png) no-repeat scroll center bottom;}
.productList{ width: 78%; margin: 0px auto; padding-top: 100px;}
.productList li { float: left; display: block; width: 20%; padding: 0px 2.5% 5%;}
.productList a{ color: #fff; display: block; position: relative; width: 100%; overflow: hidden;}
.productList .img{ overflow: hidden;}
.productList .img img{ width: 100%; display: block;}
.productList a .con{ position: absolute; left: 0px; bottom: -80px; width: 100%; background: url(../images/black_.png) repeat; text-align: center;}
.productList a .con .t{ font-size: 16px; height: 42px; overflow: hidden; line-height: 42px;}
.productList a .con .i{ height: 22px; margin-bottom: 18px; overflow: hidden;}
.productList a .con .more{ background-color: #80abde; text-align: center; display: block; height: 40px; line-height: 40px;}
#proinfo-frame .frame-title{ padding: 50px 0px;}
.proIBox a:link,.proIBox a:visited{ color: #989898;}
.proIBox a:active,.proIBox a:hover{ color: #80ABDE;}
.proIBox img{ max-width: 100%;}
.f16{ font-size: 16px; color: #6e6e6e;}
.proIBox{ color: #a4a4a4; border-bottom: 1px solid #a4a4a4; border-top: 1px solid #a4a4a4; padding: 20px 0px; color: #7a7a7a;}
.c80abde{ color: #80abde;}
.prosharp a:link,.prosharp a:visited{ color: #818282;}
.prosharp a:active,.prosharp a:hover{ color: #80ABDE;}
.prosharp{ padding: 40px 0px 0px;}
.prosharp .tel{ background: url(../images/tel.png) no-repeat scroll left center; padding-left: 25px; margin-right: 70px;}
.prosharp .sharpA{ background: url(../images/sharpA.png) no-repeat scroll left center; padding-left: 25px; font-size: 16px;}
.bigImg{ width: 550px; height: 550px; border: 1px solid #a4a4a4; margin-bottom: 16px; overflow: hidden;}
.bigImg img{ width: 100%; height: 100%; vertical-align: middle;}
.smallImg{ margin-bottom: 48px;}
.smallImg li{ width: 69px; height: 69px; position: relative; margin-right: 7px; float: left; display: block;overflow: hidden;}
.smallImg li img { width:100%; }
.smallImg li .bor{ position: absolute; left: 0px; top: 0px; border: 2px solid #80ABDE; width: 65px; height: 65px; display: none;}
.smallImg li a.act .bor{ display: block;}
/*product style end*/
/*inverstor style*/
.bge6eef8{ background-color: #e6eef8;}
.investorList a:link,.investorList a:visited{ color: #999999;}
.investorList a:active,.investorList a:hover{ color: #80abde;}
.investorList li{ width: 28%; float: left; display: block; font:18px/28px Arial; height: 28px; overflow: hidden; margin:0px 0px 30px 5%;}
.investorList li img{ float: left; display: block; margin-right: 10px;}
.selectYear { float: right; display: block; width: 130px; height: 38px; background-color: #fff; position: relative; z-index: 100; padding: 0px 15px 0px 20px; }
.selectYear-span { height: 38px; line-height: 38px; display: inline-block; background: url(../images/link_ico3.gif) no-repeat scroll right center; color: #a4a4a4; display: block; }
.selectYearAct .selectYear-span { background: url(../images/link_ico4.gif) no-repeat scroll right center; }
.selectYear .selectYear-ul { position: absolute; top: 38px; width: 100%; left: 0px; background: #e6eef8; padding: 15px 0px; z-index: 110; display: none; height:155px; overflow:scroll; overflow-x:hidden; }
.selectYear .selectYear-ul li { text-align: left; }
.selectYear .selectYear-ul li a { color: #4f4f4f; padding: 4px 14px; display: block; }
.selectYear .selectYear-ul li a:hover { color: #fff; background-color: #80abde; }
.inListDt{ padding-bottom: 35px; margin-bottom:35px; border-bottom: 1px solid #a4a4a4;}
.inListDt .t{ font: 30px/1.4 Arial; color: #848484;}
.yeardt { color: #80abde; font: 24px/1.4 Arial; padding: 30px 0px; margin: 0px auto; }
.inList a:link, .inList a:visited { color: #fff; }
.inList a:active, .inList a:hover { color: #fff; }
.inList li { background-color: #696c77; margin:0px 0px 10px; transition: 0.3s; height: 90px; position: relative;}
.inList .year { color: #ebe6df; width: 100px; text-align: center; padding: 19px 0px 0px; height: 71px; line-height: 1.1; float: left; display: block; margin: 0px 56px 0px 0px; border-right: 1px solid #fff; transition: 300ms;}
.inList .year .day { font-size: 35px; font-family: arial; }
.inList .downbtn{ display: block; width: 90px; height: 90px; position: absolute; right: 0px; top: 0px; background:#696c77 url(../images/down1.png) no-repeat scroll center center;}
.inList .c { background: url(../images/pdf_i.png) no-repeat scroll left bottom; padding: 32px 0px 0px 50px; font-size: 14px; width:65%; float: left; height: 25px; overflow: hidden; }
.inList li:hover { background-color: #7d7c7c; }
.inList li:hover .downbtn { background: #80abde url(../images/down2.png) no-repeat scroll center center; }
.inList li:hover .ico { right: 20px; }
.paging2{ text-align: center; padding-top: 40px;}
.paging2 a{ padding: 4px 8px; margin: 0px 5px; color: #696c77;}
.paging2 a:hover,.paging2 a.act{ background-color: #80abde; color: #fff;}
.paging2 span{background-color: #80abde; color: #fff!important; padding: 4px 8px; margin: 0px 5px;}
.listingTBL{ background-color: #fff; font-size: 14px; padding-bottom: 20px;}
.listingTBL td{ border-bottom: 1px solid #ddd; padding:0px 0px 15px; vertical-align: top;}
.listingTBL td.wl{ width: 185px;}
.tbl-t{ font: 20px/1.2 Arial; color: #fff; padding: 20px 25px; background-color: #80abde;}
/*inverstor style end*/
/*feedback style*/
#feedbackPage .pBT,#safetyPage .pBT{ text-align: center;}
.feedbacklist li{ float: left; display: block; color: #696c77; margin-bottom: 20px;}
.feedbacklist li.ir{ margin-right: 36px;}
.feedbacklist .img{ padding: 28px; background-color: #ededed; width: 376px; overflow: hidden; margin-bottom: 12px;}
.feedbacklist .img img{ width: 100%; display: block;}
.feedbacklist .name{ text-align: center; font-size: 13px; height: 24px; overflow: hidden;}
/*feedback style end*/
/*hr style*/
.talentList ul{ margin-left: -6px;}
.talentList li{ float: left; width: 220px; margin: 0px 0px 0px 6px; color: #8d8d8d;}
.talentList li .img{ overflow: hidden;}
.talentList li .img img{ width: 100%; display: block; transition: 300ms;}
.talentList li .txt{ background-color: #e6eef8; text-align: center; padding: 40px 0px 0px; height: 68px; transition: 300ms;}
.talentList li:hover .img img{ transform: scale(1.1, 1.1);}
.talentList li:hover .txt{ background-color: #80ABDE; color: #fff;}
.staffI a:link, .staffI a:visited { color: #80ABDE; }
.staffI a:active, .staffI a:hover { color: #80ABDE; }
.staffI{ display: block; overflow: hidden; max-width: 223px; margin:0px 0px 5px 0px;}
.staffI a{ display: block; position: relative; width: 100%;}
.staffI .img{ width: 100%; overflow: hidden;}
.staffI .img img{ width: 100%; display: block;}
.staffI .black-bg{ background: url(../images/black_.png) repeat; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: none;}
.staffI .con{ position: absolute; width: 90%; top: 10%; padding: 16px 0px; left: 105%; border-top:2px solid #80ABDE; border-bottom: 2px solid #80ABDE;}
.staffI .con .t{ color: #fff; height: 84px; overflow: hidden; margin-bottom: 30px;}
.staffDemo .item{ padding-left: 5px;}
.staffDemo .owl-controls { margin-top: 40px;}
.staffDemo .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; }
.staffDemo .owl-controls .owl-page.active span,
.staffDemo .owl-controls.clickable .owl-page:hover span { background:url(../images/n6.png) no-repeat scroll 0 0; }
#joinPage .pageTBox,#joinPage .pageTBox .pBT{ color: #fff;}
#joinPage{ background-size: cover;}
.joinlist{ padding-top: 70px; width: 720px; margin: 0px auto; position: relative;}
.joinlist a:link, .joinlist a:visited { color: #fff; }
.joinlist a:active, .joinlist a:hover { color: #80ABDE; }
.joinlist li{ width: 168px; margin: 0px 6px 14px; height: 46px; text-align: center; line-height: 46px; float: left; display: block;}
.joinlist li a{ display: block; background-color: #80ABDE; color: #fff; font-size: 14px;}
.joinlist li a:hover{ background-color: #fff;}
.framC a.emailBtn{ background-color: #80ABDE; padding:8px 18px; color: #fff; font-size: 12px;}
.framC a.emailBtn:hover{ background-color: #174f90;}
.emailBtn span{ background: url(../images/email.png) no-repeat scroll left center; padding-left: 32px;}
/*hr style end*/
/*contact style*/
.mapbox{ height: 700px; width: 100%;}
.addressList{ width: 1078px; margin: -65px auto 0px; position: relative; z-index: 10;}
.addressList dd{ float:left; width: 340px; margin-left: 29px; border-bottom: 3px solid #f5f3f0; height: 162px; text-align: center; font-size: 14px; color: #848484; background-color: #fff;}
.addressList dd.item1{ margin-left: 0px;}
.addressList dd .t{ background: url(../images/c_bg.png) no-repeat; width: 79px; height: 54px; padding-top: 25px; margin: 0px auto; position: relative; top: -37px;}
.addressList dd .t i{ background: url(../images/ci1.png) no-repeat; width: 31px; height: 28px; margin: 0px auto; display: block;}
.addressList dd.item2 .t i{ background-image: url(../images/ci2.png);}
.addressList dd.item3 .t i{ background-image: url(../images/ci3.png);}
.addressList dd .c{ width: 90%; overflow: hidden; margin: 0px auto;}
.addressList dd:hover{ border-bottom: 3px solid #80ABDE; color: #80ABDE;}
.addressList dd:hover .t i{ background-position:right 0; animation:myS 0.8s linear 0s infinite;-moz-animation:myS 0.8s linear 0s infinite;-webkit-animation:myS 0.8s linear 0s infinite;-o-animation:myS 0.8s linear 0s infinite;}
.messageBox{ padding: 50px 0px; width: 1078px; margin: 0px auto;}
.messageBox .pBT{ text-align: center; color: #80ABDE;}
.messForm{ background-color: #f5f3f0; padding: 56px 5% 36px;}
.messForm .mitem{ margin-bottom: 28px;}
.messForm .codepage { width:184px; margin:0 auto; overflow:hidden; margin-top:35px; margin-bottom:30px; }
.messForm .codepage img { width:70px; height:30px;float:left; margin-top:6px;  }
.messForm .mtxt{ font-family: Arial; color: #868585; float: left; width: 30%; padding:10px 1%; margin: 0px; margin-right: 2%; font-size: 12px;}
.messForm .mtxt2{ margin-right: 0px;}
.messForm .mtxt3{ margin-right: 0px; width: 98%; padding: 0px 1%; float: none; height: 180px;}
.messForm input[type=text], .messForm textarea { border: 0px none; border-bottom: 1px solid #d4d4d4; background-color: #f5f3f0; }
.messForm input[type=text]:focus, .messForm textarea:focus { background-color: #fff; }
.messForm .mbtn{ border:none; color:#fff; background:#80abde; width: 272px; height: 50px; padding: 0px; margin: 0px auto; line-height: 34px; font-size: 14px; font-family: Arial; display: block;}
.messForm .mbtn:hover{ background-color:#80ABDE; color: #fff;}
.messForm .codepage>input { width:93px; float:right;height:40px; border:1px solid #b4b4b4;padding-left:2%;padding-right:2%; }
@keyframes myS
{
0%   {transform: translate(0,-10px);-ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px);	-o-transform: translate(0,-10px);-moz-transform: translate(0,-10px); }
50%  {transform: translate(0,0);-ms-transform: translate(0,0);	-webkit-transform: translate(0,0);	-o-transform: translate(0,0);-moz-transform: translate(0,0); }
100% {transform: translate(0,-10px);-ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px);	-o-transform: translate(0,-10px);-moz-transform: translate(0,-10px);}
}

@-moz-keyframes myS /* Firefox */
{
0%   {transform: translate(0,-10px);-ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px);	-o-transform: translate(0,-10px);-moz-transform: translate(0,-10px); }
50%  {transform: translate(0,0);-ms-transform: translate(0,0);	-webkit-transform: translate(0,0);	-o-transform: translate(0,0);-moz-transform: translate(0,0); }
100% {transform: translate(0,-10px);-ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px);	-o-transform: translate(0,-10px);-moz-transform: translate(0,-10px);}
}

@-webkit-keyframes myS /* Safari 和 Chrome */
{
0%   {transform: translate(0,-10px);-ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px);	-o-transform: translate(0,-10px);-moz-transform: translate(0,-10px); }
50%  {transform: translate(0,0);-ms-transform: translate(0,0);	-webkit-transform: translate(0,0);	-o-transform: translate(0,0);-moz-transform: translate(0,0); }
100% {transform: translate(0,-10px);-ms-transform: translate(0,-10px);	-webkit-transform: translate(0,-10px);	-o-transform: translate(0,-10px);-moz-transform: translate(0,-10px);}
}
/*cotnact style end*/
#searchPage .pBT{ text-align: center; color: #7f7f7f;}
.searchT{ font: 30px/1.4 Arial; border-bottom: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; padding: 24px 0px;}
.searchList a:link, .searchList a:visited { color: #9f9e9e;}
.searchList a:active, .searchList a:hover { color: #9f9e9e; }
.searchList dd{ border-bottom: 1px dotted #dbdbdb;}
.searchList dd a{ padding: 24px 10px; font-size: 14px; display: block;}
.searchList dd a:hover{ background-color: #fff;}
.popUp { width: 220px; height: 242px; border: 5px solid #999; background: #fff; position: fixed; left: 50%; top: 50%; margin: -127px 0 0 -115px; z-index: 999; }
.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }
.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal; }
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; height: 100%; display: block; }

/*视频*/
.vwrap { display: none; z-index: 999; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.5; filter: alpha(opacity=50); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 500px; border: 12px solid #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 36px; height: 36px; background-color: #80abde; cursor: pointer; position: absolute; top: -12px; right: -48px; }
.vwrap .close i { display: block; width: 36px; height: 36px; background: url(../images/closebtn.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; background: url(../images/vico.png) no-repeat!important; width: 56px!important; height: 56px!important; -webkit-transition: 100ms; -moz-transition: 100ms; -ms-transition: 100ms; transition: 100ms; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }