@charset "utf-8";
/* 
 * Project Name:绵投控股
 * Author:位置
 * Date：2016-8-23
 */
@font-face { font-family: 'helvetica_neue_ltregular'; src: url('helveticaneuelt-mediumcond-webfont.woff2') format('woff2'), url('helveticaneuelt-mediumcond-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'estrangelo_edessaregular'; src: url('estrangelo_edessa-webfont.woff2') format('woff2'), url('estrangelo_edessa-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'groteskiaregular'; src: url('groteskia-webfont.woff2') format('woff2'), url('groteskia-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
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%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 12px/1.8 "Microsoft YaHei New","Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #989898; background-color: #fff; _background-attachment: fixed; _background-image: url(about:blank); overflow: hidden; }
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; padding: 0; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; background: none; outline: none; padding: 0; margin: 0; border: none; }
::-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()); }
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; }
.conWidth { width: 1440px; margin: auto; }
.inner { width: 1100px; margin: 0px auto; }

.head{
	color:#4b4b4b;}
.head a{
	color:#4b4b4b;}
.top{
	background:url(../images/top2.png) no-repeat center;}
.topFix{
	background:url(../images/top.png) no-repeat center;}
/*header*/
.iphone-mark { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(18,18,18,0.8); z-index: 101; opacity: 0; visibility: hidden; transition: 320ms 0ms; }
.iphone-mark.on { opacity: 1; visibility: visible; transition: 320ms 200ms; }
.iphone-menu { width: 198px; height: 100%; position: fixed; right: -198px; top: 0; background: #fff; z-index: 110; transition: 360ms 0ms; }
.iphone-menu.on { right: 0; transition: 360ms 0ms; }
.iphone-menu span { display: block; width: 25px; height: 25px; background: url(../images/close.png) center no-repeat; position: absolute; right: 18px; top: 22px; transition: 360ms ease-in-out; cursor: pointer; }
.iphone-menu span:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }
.menufix { padding-left: 34px; margin-top: 75px; }
.menufix li { margin-bottom: 20px; }
.menufix li a { display: inline-block; line-height: normal; color: #323232; font-size: 18px; }
.menufix li a:hover, .menufix li a:focus { color: #11a1e1; }
.menu-bottom { position: absolute; left: 0; bottom: 0; width: 100%; }
.menu-bottom .edite { float: none; margin-left: 21px; }
.menu-bottom .edite .search { margin-left: 0; display: inline-block; border-radius: 13px; }
.menu-bottom .edite .search input[type=text] { width: 113px; height: 28px; }
.menu-bottom .edite .search .serbtn { height: 28px; }
.menu-bottom .college { width: 148px; }
.menu-bottom .college a:nth-child(1) { padding-right: 14px; margin-left: 2px; }
.menu-bottom .college a:nth-child(2) { padding-left: 14px; }
.menu-bottom .oa { float: none; width: 100%; height: 70px; margin-left: 0; margin-top: 12px; }
.menu-bottom .oa a { line-height: 70px; }

.header-right { float: right; }
.edite { float: left; margin-top: 17px; }
.search { margin-left: 17px; border: 1px solid #c9c9c9; border-radius: 9px; }
.search input { height: 19px; line-height: 19px; color: #6a6a6a; padding-left: 9px; width: 76px; background: none; padding-top: 0; padding-bottom: 0; border: none; outline: none; float: left; }
.search .serbtn { width: 24px; height: 19px; float: left; border: none; outline: none; background: none; cursor: pointer; background: url(../images/search.png) left center no-repeat; }
.college { margin-top: 11px; }
.college a { display: inline-block; float: left; line-height: normal; color: #646464; position: relative; }
.college a:nth-child(1) { padding-right: 9px; }
.college a:nth-child(1):before { content: ""; width: 1px; height: 10px; position: absolute; right: 0; top: 50%; margin-top: -5px; background: #bfbfbf; }
.college a:nth-child(2) { padding-left: 9px; }
.college a:hover { color: #11a1e1; }
.oa { float: left; margin-left: 11px; background: #11a1e1; width: 61px; }
.oa a { display: block; line-height: 82px; text-align: center; color: #fff; font-size: 14px; text-transform: uppercase; }
.oa a:hover { text-decoration: underline; }

.banner-box { position: relative; margin-top: 82px; }
.banner { width: 100%; margin: 0px auto; overflow: hidden; color: #fff; position: relative; }
.banner .slides { position: relative; z-index: 20; }

.banner .slides li { height: 100%; line-height: 0; opacity: 0; transition: opacity 2000ms linear; -webkit-transition: opacity 2000ms linear; overflow: hidden; }
.banner .slides .bimg { line-height: 0; width: 100%; position: relative; transition: transform 4s ease; -webkit-transition: transform 4s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
.banner .slides li.imgIn { opacity: 1; }
.banner .slides li.imgIn a > img { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }

.bannerText { position: absolute; width: 590px; height: 215px; left: 50%; margin-left: -295px; top: 50%; z-index: 30; margin-top: -107px; }
.bann { width: 100%; height: 100%; position: relative; }
.banne-list { position: relative; height: 100%; }
.banne-list li { opacity: 0; transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transition: 800ms 200ms; position: absolute; left: 0; top: 0; width: 100%; height: 100%; visibility: hidden; }
.banne-list h3 { color: #ffffff; margin-bottom: 64px; line-height: normal; font-size: 42px; font-weight: normal; visibility: hidden; opacity: 0; text-align: center; }
.banne-list h3 i { display: inline-block; width: 9px; height: 8px; background: url(../images/dot.png) center no-repeat; position: relative; top: -8px; }
.banne-list h3 i:nth-child(1) { margin-right: 42px; }
.banne-list h3 i:nth-child(2) { margin-left: 42px; }
.banne-list li.noshow h3, .banne-list li.noshow b, .banne-list li.noshow small, .banne-list li.noshow span { display: none; }

.banne-list small { visibility: hidden; opacity: 0; text-align: center; color: #ffffff; display: block; font-size: 16px; text-transform: uppercase; line-height: normal; }
.banne-list b { display: block; color: #ffffff; font-size: 28px; visibility: hidden; opacity: 0; font-weight: normal; line-height: normal; text-align: center; margin-bottom: 12px; }
.banne-list span { display: block; margin-top: 14px; font-size: 12px; text-align: center; color: #ffffff; text-align: center; text-transform: uppercase; opacity: 0; visibility: hidden; }

.banne-list li.on { opacity: 1; visibility: visible; transform: translateY(0); }
.banne-list li.on h3 { visibility: visible; opacity: 1; }
.banne-list li.on small { opacity: 1; visibility: visible; }
.banne-list li.on b { opacity: 1; visibility: visible; }
.banne-list li.on span { opacity: 1; visibility: visible; }
.bamnline { position: absolute; left: 3.5%; top: 92px; width: 93%; height: 2px; background: #fff; }
.bamnline span { display: block; width: 0; height: 2px; background: #11a1e1; }
.bamnline.load span { width: 100%; transition: 3.6s linear; -webkit-transition: 3.6s linear; -moz-transition: 3.6s linear; }

.mousebox { position: absolute; width: 52px; left: 50%; margin-left: -15px; bottom: 58px; z-index: 20; }
.mouse { width: 31px; height: 50px; margin: auto; position: relative; background: url(../images/mouse.png) center no-repeat; }
.mouse i { width: 13px; height: 8px; display: block; background: url(../images/arrow.png) no-repeat center center; position: absolute; left: 9px; bottom: 13px; animation-delay: 0ms; animation-duration: 1340ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
.mousebox span { color: #fff; margin-top: 10px; display: block; text-alignce; }

@-webkit-keyframes arrow {
    0% { -webkit-transform: translate3d(0px, 0px, 0px); }
    50% { -webkit-transform: translate3d(0px, -8px, 0px); }
    100% { -webkit-transform: translate3d(0px, 0px, 0px); }
}

@keyframes arrow {
    0% { -webkit-transform: translate3d(0px, 0px, 0px); }
    50% { -webkit-transform: translate3d(0px, -8px, 0px); }
    100% { -webkit-transform: translate3d(0px, 0px, 0px); }
}

.banner .flex-control-nav { position: absolute; left: 36px; bottom: 50%; z-index: 20; margin-bottom: -28px; }
.banner .flex-control-nav li { margin-bottom: 12px; }
.banner .flex-control-nav li:last-child { margin-bottom: 0; }
.banner .flex-control-nav li a span { display: block; width: 9px; height: 9px; border-radius: 50%; border: 1px solid #fff; transition: 310ms; text-indent: 999px; overflow: hidden; }
.banner .flex-control-nav li a.flex-active span { background: #fff; }
.tabvideo{ position:absolute; right:38px; bottom:60px; z-index:101; width:144px;}
.tabvideo .itemtxt { color:#fff; text-align:center}
.homevideo b{ color:#fff; font-size:14px; font-weight:normal; line-height:normal; margin-bottom:6px; line-height:1; text-align:left; display:block;}

.videoIbox{ position:relative; line-height:1;} 
.videoIbox{ padding:2px; background:#fff;}
.videoIbox .img{ display:block; width:100%; height:auto; transition:340ms; line-height:0;}
.videoIbox span{ display:block; width:12px; height:19px; background:url(../images/vides.png) center no-repeat; position:absolute; left:50%; top:50%; margin-left:-6px; margin-top:-9px; z-index:30;}
.video-info b{ display:block; text-align:center; color:#7b6c64; font-size:18px; font-weight:normal; margin-top:22px; line-height:1.2; transition:330ms;}
.video-info:hover .videoIbox .img{ transform:scale(0.98); -webkit-transform:scale(0.98); -moz-transform:scale(0.98);}
.video-info:hover b{ color:#ee7133;}
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; left:0; top:0; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 860px; height: 480px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -240px; margin-left: -430px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 24px; height: 24px; cursor: pointer; position: absolute; top: -28px; right: 0px; }
.vwrap .close i { display: block; width:24px; height:24px; background:url(../images/close.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:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }


.mobile-news { position: absolute; right: 0; bottom: 0; width: 400px; background: rgba(17,161,225,0.6); background: #11a1e1\9; filter: alpha(opacity=60); padding-right: 74px; z-index: 20; padding-left: 44px; }
.mobile-news span { display: inline-block; float: left; color: #fff; font-size: 14px; line-height: 40px; padding-left: 8px; position: absolute; left: 0; top: 0; }
.mobile-news marquee { display: inline-block; float: left; line-height: 40px; color: #ffffff; font-size: 14px; margin-left: 10px; }
.mobile-news marquee a { color: #fff; margin-left: 8px; }
.new-box { margin-top: 18px; }
.hotnew { width: 61.4%; float: left; }
.hotnew h3 { line-height: normal; color: #646464; font-size: 14px; display: block; margin-left: 22px; padding-left: 22px; background: url(../images/dot1.png) left center no-repeat; font-weight: normal; }
.newhots { margin-top: 20px; position: relative; }
.newhots figure { display: block; line-height: normal; overflow: hidden; width: 64.8%; float: left; }
.newhots figure img { display: block; width: 100%; height: auto; line-height: 0;  }
.newhots .hottext { width: 35.2%; float: left; background: #11a1e1; position: absolute; right: 0; top: 0; height: 100%; }
.hottext time { display: block; width: 75px; height: 65px; background: #fff; line-height: normal; }
.hottext time strong { display: block; line-height: 44px; color: #11a1e1; font-size: 42px; text-align: center; font-weight: normal; }
.hottext time b { display: block; text-align: center; color: #11a1e1; line-height: normal; font-weight: normal; }
.newvies { margin-top: 28px; padding: 0 12%; }
.newvies h2 { color: #ffffff; font-size: 18px; line-height: 26px; padding-bottom: 34px; border-bottom: 1px solid #fff; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.newvies p { color: #ffffff; font-size: 13px; margin-top: 20px; }
.newvies span { display: inline-block; color: #fff; position: absolute; left: 12%; bottom: 30px; }
.newvies span:before { content: ""; width: 0; height: 1px; background: #fff; position: absolute; left: 0; bottom: 0; transition: 254ms; }
.newvies span:hover:before { width: 100%; }

.collective-news { width: 38.6%; float: left; }
.collecte-t { margin-left: 28px; }
.collecte-t a { display: inline-block; float: left; margin-right: 46px; color: #646464; font-size: 14px; padding-left: 20px; line-height: normal; position: relative; }
.collecte-t a:last-child { margin-right: 0; }
.collecte-t a:before { content: ""; width: 12px; height: 12px; background: url(../images/dot1.png) center no-repeat; position: absolute; left: 0; top: 50%; margin-top: -6px; opacity: 0; visibility: hidden; transition: 333ms ease-in-out; }
.collecte-t a:hover:before, .collecte-t a.on:before { opacity: 1; visibility: visible; }
.newindex { padding-top: 44px; position: relative; }
.new-list li { background: #fff; transition: 340ms; overflow: hidden; position: relative; }
.new-list li a:before { content: ""; width: 100%; height: 100%; background: #eeeeee; position: absolute; left: 0; top: 100%; transition: 320ms; }
.new-list li a:after { content: ""; width: 5px; height: 10px; position: absolute; right: 16px; top: 50%; margin-top: -5px; background: url(../images/arrow.png) center no-repeat; opacity: 0; visibility: hidden; transition: 320ms 0ms; }
.new-list li time { display: inline-block; float: left; margin-left: 30px; color: #969696; font-size: 12px; line-height: 35px; position: relative; z-index: 5; }
.new-list li span { display: inline-block; float: left; margin-left: 25px; color: #646464; font-size: 14px; line-height: 35px; position: relative; z-index: 5; width: 384px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.new-list li:hover a:before { top: 0; }
.new-list li:hover a:after { opacity: 1; visibility: visible; right: 7px; transition: 320ms 200ms; }
.new-more { position: absolute; right: 13px; top: -19px; }
.new-more a { display: inline-block; width: 12px; height: 12px; position: relative; margin-right: 13px; margin-top: 1px; }
.new-more a:before { content: ""; width: 12px; height: 2px; background: #b4b4b4; position: absolute; left: 0; top: 5px; transition: 320ms 0ms; }
.new-more a:after { content: ""; width: 2px; height: 12px; background: #b4b4b4; position: absolute; left: 5px; top: 0; transition: 320ms 0ms; }
.new-more a:hover:before, .new-more a:hover:after { background: #11a1e1; }


.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { position: relative; width: 100%; height: 100%; overflow: hidden; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.grabbing { cursor: url(grabbing.png) 8 8, move; }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); height: 100%; }
.business-list.owl-carousel .owl-wrapper { height: 260px; }
.owl-theme .owl-controls { text-align: center; }
.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; }
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.owl-item.loading { min-height: 150px; background: url(../images/AjaxLoader.gif) no-repeat center center; }

.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; }
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; }
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; }
.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; }
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; }
.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; }

.business { margin-top: 20px; }
.business-t { margin-bottom: 20px; }
.business-list { margin-top: 16px; }
.business-t h3 { color: #000000; font-size: 14px; line-height: normal; font-weight: normal; margin-left: 22px; padding-left: 22px; background: url(../images/dot1.png) left center no-repeat; float: left; }
.business-t a { display: block; float: right; width: 12px; height: 12px; position: relative; margin-right: 13px; margin-top: 1px; }
.business-t a:before { content: ""; width: 12px; height: 2px; background: #b4b4b4; position: absolute; left: 0; top: 5px; transition: 320ms 0ms; }
.business-t a:after { content: ""; width: 2px; height: 12px; background: #b4b4b4; position: absolute; left: 5px; top: 0; transition: 320ms 0ms; }
.business-t a:hover:before, .business-t a:hover:after { background: #11a1e1; }
.business-info { padding: 0 15px; }
.business-wr { border: 1px solid #d8d8d8; transition: 288ms; height: 258px; position: relative; }
.business-wr:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #11a1e1; opacity: 0; visibility: hidden; transition: 360ms; }
.business-list .owl-item:hover .business-info .business-wr { border-color: #11a1e1; }
.business-list .owl-item:hover .business-info .business-wr:before { opacity: 1; visibility: visible; }
.business-list .owl-item:hover .business-info .business-wr .bussine span { color: #fff; }
.business-list .owl-item:nth-child(1):hover .business-info .business-wr .bussine b { background: url(../images/buss1_1.png) center no-repeat; }
.business-list .owl-item:nth-child(2):hover .business-info .business-wr .bussine b { background: url(../images/buss2_1.png) center no-repeat; }
.business-list .owl-item:nth-child(3):hover .business-info .business-wr .bussine b { background: url(../images/buss3_1.png) center no-repeat; }
.business-list .owl-item:nth-child(4):hover .business-info .business-wr .bussine b { background: url(../images/buss4_1.png) center no-repeat; }
.business-list .owl-item:nth-child(5):hover .business-info .business-wr .bussine b { background: url(../images/buss5_1.png) center no-repeat; }
.business-list .owl-item:nth-child(6):hover .business-info .business-wr .bussine b { background: url(../images/buss5_1.png) center no-repeat; }
.business-list .owl-item:hover .buss-numble { bottom: 26px; visibility: visible; opacity: 1; transition: 320ms 150ms; }

.business-wr a { display: block; width: 100%; height: 100%; }
.bussine { position: absolute; left: 0; width: 100%; top: 50%; margin-top: -36px; text-align: center; }
.bussine b { display: block; width: 36px; height: 32px; margin: auto; line-height: normal; margin-bottom: 20px; transition: 330ms; transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); }
.bussine span { display: block; text-align: center; line-height: normal; transition: 320ms; color: #323232; font-size: 16px; }
.business-list .owl-item:nth-child(1) .business-info .bussine b { background: url(../images/buss1.png) center no-repeat; }
.business-list .owl-item:nth-child(2) .business-info .bussine b { background: url(../images/buss2.png) center no-repeat; }
.business-list .owl-item:nth-child(3) .business-info .bussine b { background: url(../images/buss3.png) center no-repeat; }
.business-list .owl-item:nth-child(4) .business-info .bussine b { background: url(../images/buss4.png) center no-repeat; }
.business-list .owl-item:nth-child(5) .business-info .bussine b { background: url(../images/buss5.png) center no-repeat; }
.business-list .owl-item:nth-child(6) .business-info .bussine b { background: url(../images/buss5.png) center no-repeat; }
.business-list .owl-pagination { margin-top: 28px; line-height: normal; }
.business-list.owl-theme .owl-controls .owl-page span { padding: 0; margin: 0; width: 23px; height: 10px; border-radius: 5px; text-indent: 999px; overflow: hidden; background: #bfbfbf; transition: 323ms; }
.business-list.owl-theme .owl-controls .owl-page { margin-right: 10px; }
.business-list.owl-theme .owl-controls .owl-page:last-child { margin-right: 0; }
.business-list.owl-theme .owl-controls .owl-page.active span { width: 43px; background: #11a1e1; }
.buss-numble { position: absolute; left: 50%; margin-left: -39px; bottom: 20px; width: 78px; opacity: 0; visibility: hidden; transition: 340ms 0ms; }
.buss-numble p { text-align: center; color: #ffffff; font-size: 13px; line-height: 14px; font-family: Arial; }
.buss-numble:before { content: ""; width: 7px; height: 13px; background: url(../images/arrow1.png) center no-repeat; position: absolute; left: 0; top: 0; }
.buss-numble:after { content: ""; width: 7px; height: 13px; background: url(../images/arrow2.png) center no-repeat; position: absolute; right: 0; top: 0; }

.special-box { margin-top: 64px; }
.special-item { width: 25%; float: left; position: relative; }
.special-item figure { display: block; line-height: normal; overflow: hidden; }
.special-item figure img { display: block; width: 100%; height: auto; line-height: 0; }
.special-wr { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 20px 38px 23px; box-sizing: border-box; }
.special-wr h3 { color: #323232; font-size: 20px; padding-top: 30px; line-height: normal; padding-bottom: 12px; border-bottom: 1px solid #c9c9c9; position: relative; }
.special-wr h3:before { content: ""; width: 35px; height: 3px; background: #11a1e1; position: absolute; left: 0; top: 0; }
.special-list { margin-top: 15px; }
.special-list li { margin-bottom: 5px; }
.special-list li a { display: block; color: #646464; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.special-list li a:hover { color: #11a1e1; }
.chechmore { position: absolute; left: 38px; bottom: 22px; }
.chechmore a { display: block; width: 12px; height: 12px; }
.chechmore a:before { content: ""; width: 12px; height: 2px; background: #11a1e1; position: absolute; left: 0; top: 5px; transition: 320ms 0ms; }
.chechmore a:after { content: ""; width: 2px; height: 12px; background: #11a1e1; position: absolute; left: 5px; top: 0; transition: 320ms 0ms; }
.special-img { width: 100%; float: left; position: relative; overflow: hidden; }
.special-img figure { display: block; width: 100%; line-height: normal; overflow: hidden; }
.special-img figure img { display: block; width: 100%; height: auto; transition: 430ms; }
.special-img figcaption { display: block; color: #ffffff; font-size: 16px; line-height: normal; position: absolute; left: 23px; bottom: 16px; font-weight: bold; }
.special-img span { display: block; width: 100%; height: 100%; box-sizing: border-box; border: 2px solid #11a1e1; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transition: 430ms; z-index: 5; transform: scale(0.9); -webkit-transform: scale(0.9); -moz-transform: scale(0.9); }
.special-img a { display: block; width: 100%; height: 100%; }
.special-img:hover span { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }
.special-img:hover figure img { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); }
.special .owl-theme .owl-controls { position: absolute; display: block !important; right: 0; top: -42px; }
.special .slick-prev, .special .slick-next { width: 43px; height: 27px; text-indent: 999px; overflow: hidden; padding: 0; margin: 0; transition: 320ms; border-radius: 0; top: -42px; position: absolute; border: none; outline: none; right: 0; }
.special .slick-prev { background: #b5b5b5 url(../images/arrow1.png) center no-repeat; border-right: 1px solid #a3c3d1; position: absolute; right: 44px; top: -42px; border: none; outline: none; }
.special .slick-next { background: #b5b5b5 url(../images/arrow2.png) center no-repeat; }
.special .slick-prev:hover { background: #11a1e1 url(../images/arrow1.png) 14px center no-repeat; }
.special .slick-next:hover { background: #11a1e1 url(../images/arrow2.png) 22px center no-repeat; }

.project { margin-top: 22px; }
.exhibite { width: 75%; float: left; position: relative; }
.project-info li { float: left; width: 100%; }
.project-list { position: relative; overflow: hidden; }
.projects { float: left; width: 33.3333333%; transition: 460ms ease-in-out; position: relative; overflow: hidden; }
.projects span { display: block; width: 100%; height: 100%; box-sizing: border-box; position: absolute; left: 0; top: 0; z-index: 5; border: 2px solid #11a1e1; transition: 340ms 0ms; opacity: 0; visibility: hidden; }
.projects figure { display: block; overflow: hidden; position: relative; line-height: normal; }
.projects figure img { display: block; line-height: 0; position: relative; left: 50%; margin-left: -291px; }
.projects figcaption { display: block; width: 100%; height: 42px; line-height: 42px; color: #ffffff; font-size: 16px; text-indent: 32px; background: rgba(0,0,0,0.5); background: #000\9; filter: alpha(opacity=50); z-index: 10; position: absolute; left: 0; opacity: 0; visibility: hidden; bottom: -42px; transition: 430ms 0ms; }
.projects:hover figcaption { bottom: 0; opacity: 1; visibility: visible; transition: 430ms 200ms; }
.projects:hover span { opacity: 1; visibility: visible; transition: 340ms 200ms; }
.projects.show { width: 50%; }
.projects.hiden { width: 25%; }
.project-list .flex-prev, .project-list .flex-next { display: block; width: 58px; height: 58px; text-indent: 999px; overflow: hidden; position: absolute; top: 50%; margin-top: -29px; z-index: 20; transition: 320ms; }
.project-list .flex-prev { left: 0; background: rgba(255,255,255,0.5) url(../images/arrow3.png) center no-repeat; background: #fff url(../images/arrow3.png) center no-repeat\9; filter: alpha(opacity=50); }
.project-list .flex-next { right: 0; background: rgba(255,255,255,0.5) url(../images/arrow4.png) center no-repeat; background: #fff url(../images/arrow4.png) center no-repeat\9; filter: alpha(opacity=50); }
.project-list .flex-prev:hover { background: #11a1e1 url(../images/arrow3.png) center no-repeat; }
.project-list .flex-next:hover { background: #11a1e1 url(../images/arrow4.png) center no-repeat; }

.magazine { width: 25%; float: left; position: relative; overflow: hidden; }
.magazebg { display: block; width: 100%; height: auto; line-height: 0; }
.magaze { position: relative; height: 368px; background: #eeeeee; }
.magaze .magaze-wr { text-align: center; position: absolute; left: 0; top: 22px; width: 100%; }
.magaze .magaze-wr figure { display: inline-block; padding: 9px; background: #fff; margin: auto; }
.magaze .magaze-wr figure a { display: none; width: auto; }
.magaze .magaze-wr figure a.show { display: block; }
.magaze-sele { display: block; margin: auto; margin-top: 22px; border: none; color: #000000; font-size: 16px; padding-left: 5px; padding-right: 30px; line-height: 20px; background: transparent url(../images/down1.png) 97% center no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; outline: none; font-family: 微软雅黑; }

.footer-box { padding-top: 60px; background: #f8f8f8; overflow: hidden; }
.footer { padding-bottom: 30px; }
.footeradd { display: block; font-style: normal; float: left; margin-left: 50px; }
.footeradd span { display: inline-block; float: left; margin-right: 42px; line-height: 16px; color: #323232; font-size: 14px; padding-left: 22px; }
.footeradd span:nth-child(1) { background: url(../images/addres1.png) left center no-repeat; }
.footeradd span:nth-child(2) { background: url(../images/addres2.png) left center no-repeat; }
.footeradd span:nth-child(3) { background: url(../images/addres3.png) left center no-repeat; }
.footer-list { float: right; margin-right: 34px; position: relative; top: -1px; }
.footer-list li { float: left; }
.footer-list li a { display: inline-block; line-height: normal; color: #323232; padding: 0 8px; border-right: 1px solid #a5a5a5; }
.footer-list li:last-child a { border-right: none; }
.footer-list li a:hover { color: #11a1e1; }
.footeredite { background: #11a1e1; }
.eadite-left { margin-left: 50px; }
.eadite-left p, .eadite-left a { display: inline-block; float: left; color: #ffffff; line-height: 37px; margin-right: 40px; }
.eadite-left a:hover { color: #323232; }

.project-mbile { position: relative; display: none !important; }
.project-inf { position: relative; overflow: hidden; }
.project-inf img { width: 100%; height: auto; display: block; }
.project-mbile .flex-prev, .project-mbile .flex-next { display: block; width: 58px; height: 58px; text-indent: 999px; overflow: hidden; position: absolute; top: 50%; margin-top: -29px; z-index: 20; transition: 320ms; }
.project-mbile .flex-prev { left: 0; background: rgba(255,255,255,0.5) url(../images/arrow3.png) center no-repeat; background: #fff url(../images/arrow3.png) center no-repeat\9; filter: alpha(opacity=50); }
.project-mbile .flex-next { right: 0; background: rgba(255,255,255,0.5) url(../images/arrow4.png) center no-repeat; background: #fff url(../images/arrow4.png) center no-repeat\9; filter: alpha(opacity=50); }
.project-mbile .flex-prev:hover { background: #11a1e1 url(../images/arrow3.png) center no-repeat; }
.project-mbile .flex-next:hover { background: #11a1e1 url(../images/arrow4.png) center no-repeat; }
.project-inf figcaption { display: block; width: 100%; height: 42px; line-height: 42px; color: #ffffff; font-size: 16px; text-indent: 32px; background: rgba(0,0,0,0.5); background: #000\9; filter: alpha(opacity=50); z-index: 10; position: absolute; left: 0; opacity: 0; visibility: hidden; bottom: -42px; transition: 430ms 0ms; z-index: 20; }
.project-inf.on figcaption { opacity: 1; visibility: visible; bottom: 0; }

.pbanner { position: relative; overflow: hidden; margin-top: 120px; }
.pbanner img { display: block; width: 100%; height: auto; line-height: 0; }
.pbannertext { position: absolute; left: 50%; margin-left: -550px; bottom: 25px; }
.pbannertext h3 { color: #ffffff; font-family: "pf_din_text_comp_proregular"; font-size: 62px; font-weight: normal; line-height: 0.9; text-transform:uppercase; }
.pbannertext span { display: block; color: #fff; font-size: 20px; line-height: normal; margin-top: 4px; }
.common-fix { background: #898989; }
.common-fix li { width: 33.3333333%; float: left; position: relative; overflow: hidden; }
.common-fix li a { display: block; height: 52px; text-align: center; position: relative; z-index: 5; }
.common-fix li a:before { width: 1px; height: 100%; background: #a2a2a2; content: ""; position: absolute; right: 0; top: 0; }
.common-fix li:last-child a:before { display: none; }
.common-fix li a i { display: inline-block; padding-left: 24px; font-style: normal; color: #ffffff; font-size: 14px; line-height: 52px; margin: auto; position: relative; z-index: 6; transition: 320ms; }
.common-fix li:before { content: ""; width: 100%; height: 100%; background: #005591; position: absolute; left: 0; top: 100%; transition: 310ms; }
.common-fix li:hover:before, .common-fix li.current:before { top: 0; }
.common-fix li:hover i:before, .common-fix li.current i:before { opacity: 1; visibility: visible; }
.common-fix li a i:before { width: 12px; height: 12px; content: ""; background: url(../images/dot1.png) left center no-repeat; position: absolute; left: 0; top: 50%; margin-top: -6px; transition: 320ms; opacity: 0; visibility: hidden; }
.member-box { padding: 62px 0; background: #f8f8f8; }
.member-list li { width: 30.6%; float: left; margin-right: 4.1%; margin-bottom: 28px; }
.member-list li:nth-child(3n+3) { margin-right: 0; }
.member-list li figure { display: block; position: relative; line-height: normal; overflow: hidden; }
.member-list li figure img { display: block; width: 100%; height: auto; line-height: 0; transition: 366ms; }
.member-list li figure mark { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(37,53,128,0.8); background: #005591\9; filter: alpha(opacity=80); opacity: 0; visibility: hidden; transition: 466ms 0ms; }
.member-list li figure mark span { display: block; width: 145px; height: 47px; border: 1px solid #fff; text-align: center; line-height: 47px; color: #fff; font-size: 14px; position: absolute; left: 50%; margin-left: -73px; top: 50%; margin-top: -25px; transform: translateY(30px); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); visibility: hidden; transition: 384ms 0ms; opacity: 0; }
.member-list li figcaption { display: block; margin-top: 2px; position: relative; height: 38px; position: relative; overflow: hidden; }
.member-list li figcaption:before { content: ""; width: 100%; height: 100%; background: #005591; position: absolute; left: 0; top: 100%; transition: 388ms; }
.member-list li figcaption span { display: block; color: #646464; font-size: 13px; position: relative; line-height: 38px; padding-left: 20px; }
.member-list li figcaption span:before { content: ""; width: 2px; height: 24px; background: #a0a0a0; position: absolute; left: 0; top: 50%; margin-top: -12px; transition: 320ms; }
.member-list li:hover figure mark { opacity: 1; visibility: visible; }
.member-list li:hover figure mark span { visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); opacity: 1; }
.member-list li:hover figcaption:before { top: 0; }
.member-list li:hover figcaption span { color: #fff; }
.member-list li:hover figcaption span:before { opacity: 0; visibility: hidden; }
.member-list li figure mark span:hover { background: #fff; color: #005591; }

/*member-view*/
.member-v { background: #f8f8f8; padding-bottom: 50px; }
.member-view { position: relative; margin: auto; margin-top: -246px; width: 1054px; }
.member-view h1 { font-weight: normal; font-size: 30px; line-height: normal; margin-left: 86px; margin-bottom: 35px; padding-bottom: 20px; position: relative; color: #fff; }
.member-view h1:before { content: ""; width: 72px; height: 5px; background: #fff; position: absolute; left: 0; bottom: 0; }
.member-b { padding: 62px 85px 70px; background: #fff; }
.member-banner { position: relative; padding: 0 10px; }
.member-banner li img { display: block; width: 100%; height: auto; }
.member-banner .flex-prev, .member-banner .flex-next { display: block; width: 21px; height: 39px; text-indent: 999px; overflow: hidden; transition: 344ms; position: absolute; top: 50%; margin-top: -20px; }
.member-banner .flex-prev { background: url(../images/prev.png) left center no-repeat; background-size: 100% 100%; left: -32px; }
.member-banner .flex-next { background: url(../images/next.png) left center no-repeat; background-size: 100% 100%; right: -32px; }
.member-banner .flex-prev:hover { background: url(../images/prev1.png) left center no-repeat; }
.member-banner .flex-next:hover { background: url(../images/next1.png) left center no-repeat; }
.member-tex { margin-top: 36px; }
.member-tex p { color: #646464; font-size: 13px; margin-bottom: 8px; line-height: 2; }
.member-add { margin-top: 66px; }
.member-add span { display: block; color: #646464; font-size: 13px; }
.hotnew-box { position: relative; }
.hotnew-box .flex-control-nav { position: absolute; left: 32%; text-align: center; bottom: 10px; z-index: 20; }
.hotnew-box .flex-control-nav li { display: inline-block; margin-right: 10px; }
.hotnew-box .flex-control-nav li:last-child { margin-right: 0; }
.hotnew-box .flex-control-nav li a span { display: block; width: 9px; height: 9px; border-radius: 50%; border: 1px solid #fff; transition: 310ms; text-indent: 999px; overflow: hidden; }
.hotnew-box .flex-control-nav li a.flex-active span { background: #fff; }

/*党的建设*/
.pbannertext1 h3 { font-size: 30px !important; }
.dynamic-box { padding: 50px 0 45px; background: #f8f8f8; }
.dynamic-list { padding-bottom: 42px; }
.padbo { padding-top: 0; }
.dynamic-list li { position: relative; overflow: hidden; }
.dynamic-list li:before { content: ""; width: 100%; height: 100%; background: #fff; position: absolute; left: 0; top: 100%; transition: 222ms; }
.dynamics { position: relative; }
.dynamics time { display: inline-block; float: left; color: #969696; line-height: 30px; }
.dynamics span { display: inline-block; float: left; line-height: 30px; margin-left: 50px; color: #323232; font-size: 13px; }
.dynamics b { display: block; width: 15px; height: 15px; float: right; position: relative; margin-right: 18px; margin-top: 8px; opacity: 0; visibility: hidden; transform: scale(0.88); -webkit-transform: scale(0.88); -moz-transform: scale(0.88); transition: 320ms 0ms; }
.dynamics b:before { content: ""; width: 100%; height: 1px; background: #a0a0a0; position: absolute; left: 0; top: 7px; }
.dynamics b:after { content: ""; width: 1px; height: 100%; background: #a0a0a0; position: absolute; left: 7px; top: 0; }
.dynamic-list li:hover:before { top: 0; }
.dynamic-list li:hover .dynamics b { opacity: 1; visibility: visible; transform: scale(1) rotate(-180deg); -webkit-transform: scale(1) rotate(-180deg); -moz-transform: scale(1) rotate(-180deg); transition: 320ms 120ms; }

.pageList { padding-top: 13px; border-top: 1px solid #a0a0a0; text-align: center; }
.pageList .pageprev { float: left; width: 94px; height: 44px; border: 1px solid #a0a0a0; line-height: 44px; color: #000000; margin: 0; }
.pageList .pagenext { float: right; width: 94px; height: 44px; border: 1px solid #a0a0a0; line-height: 44px; color: #000000; margin: 0; }
.pageList .pageprev:hover { color: #fff; border: 1px solid #005591; background: #005591; }
.pageList .pagenext:hover { color: #fff; border: 1px solid #005591; background: #005591; }
.pageList2 .pageprev:hover a { border: none; color: #fff; }
.pageList2 .pagenext:hover a { border: none; color: #fff; }
.pageList2 .facklist:hover a { border: none; }
.pageList a, .pageList span { display: inline-block; padding: 0px 12px; text-align: center; line-height: 22px; border: 1px solid #f8f8f8; color: #000000; margin: 12px 2px 0px; }
.pageList a:hover, .pageList span { border-color: #e60012; }

/*身边榜样*/
.sidemodel { margin-bottom: 36px; }
.sidemodel li { width: 31%; float: left; margin-right: 3.5%; margin-bottom: 26px; }
.sidemodel li:nth-child(3n+3) { margin-right: 0; }
.sidemodel li figure { display: block; line-height: normal; overflow: hidden; }
.sidemodel li figure img { display: block; width: 100%; height: auto; line-height: 0; transition: 488ms; }
.sidemodel li figcaption { display: block; line-height: normal; padding-top: 14px; padding-left: 12px; padding-bottom: 38px; position: relative; color: #323232; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: 360ms; }
.sidemodel li figcaption:before { content: ""; width: 0; height: 3px; background: #005591; position: absolute; left: 0; bottom: 0; transition: 365ms ease-in-out; }
.sidemodel li:hover figure img { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); }
.sidemodel li:hover figcaption { background: #fff; }
.sidemodel li:hover figcaption:before { width: 100%; }
.leader li .dynamics i { display: block; width: 14px; height: 14px; float: right; background: url(../images/load.png) center no-repeat; margin-right: 12px; margin-top: 9px; opacity: 0; visibility: hidden; transition: 320ms 0ms; }
.leader li .dynamics b { margin-right: 30px; }
.leader li:hover .dynamics i { opacity: 1; visibility: visible; transition: 360ms 180ms; }

/*法律声明*/
.declarate-box { padding: 38px 0 200px; background: #f8f8f8; }
.declarate-info { margin-bottom: 34px; }
.declarate-info:last-child { margin-bottom: 0; }
.declarate-info p { color: #646464; font-size: 13px; line-height: 2; }
.declarate-info h3 { color: #005591; font-size: 13px; margin-bottom: 9px; line-height: normal; }
.declarate-info1 p { text-indent: 26px; }

/*人才发展*/
.commonbg { position: relative; background: #f8f8f8; padding: 40px 0px; }
.development { width: 860px; margin: auto; }
.development p { color: #646464; font-size: 13px; line-height: 2; }
.development img { display: block; line-height: normal; width: 100%; height: auto; margin-top: 32px; }
.menu-wr { position: relative; }
.common-menu { position: absolute; z-index: 20; right: 12.5%; top: -128px; width: 160px; transition: 344ms ease-in-out; }
.common-menu.scoll1 { position: fixed; top: 66px; transition: 344ms ease-in-out; }
.common-logo { height: 128px; background: url(../images/menus.jpg) center no-repeat; background-size: cover; }
.develops { margin-left: 50px; padding-top: 51px; position: relative; }
.develops:before { content: ""; width: 70px; height: 2px; background: #fff; position: absolute; left: 0; top: 36px; }
.develops span { display: block; color: #ffffff; font-size: 14px; line-height: 1.4; }
.innmenu { padding: 18px 0 20px; border: 1px solid #005591; background: #fff; }
.innmenu li { position: relative; margin-bottom: 1px; }
.innmenu li:before { content: ""; width: 0; height: 29px; line-height: 29px; background: #005591; position: absolute; left: 50%; top: 0; transition: 310ms ease-in-out; }
.innmenu li a { display: block; line-height: 29px; position: relative; z-index: 5; color: #000000; font-size: 13px; text-align: center; }
.innmenu li a:before { content: ""; width: 6px; height: 11px; background: url(../images/arrow5.png) center no-repeat; position: absolute; left: 11px; top: 50%; margin-top: -5px; opacity: 0; visibility: hidden; transition: 260ms 0ms; }
.innmenu li:hover:before, .innmenu li.on:before { width: 100%; left: 0; }
.innmenu li:hover a, .innmenu li.on a { color: #fff; }
.innmenu li:hover a:before, .innmenu li.on a:before { opacity: 1; visibility: visible; transition: 280ms 220ms; }
.menusd { display: none; position: relative; width: 860px; margin: auto; z-index: 30; }
.menusd span { display: block; height: 58px; position: relative; background: #a0a0a0; text-align: center; line-height: 58px; cursor: pointer; color: #fff; font-size: 16px; transition: 430ms background; }
.menusd.on span { background: #005591; }
.menusd.on span:before { transform: rotate(180deg); }
.menusd span:before { content: ""; width: 17px; height: 10px; position: absolute; right: 24px; top: 50%; margin-top: -5px; background: url(../images/down2.png) center no-repeat; transition: 266ms ease-in-out; }
.menus-down { background: #fff; position: absolute; left: 0; top: 58px; width: 100%; display: none; }
.menus-down a { color: #fff; font-size: 14px; width: 50%; float: left; background: #11a1e1; line-height: 46px; display: block; text-align: center; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.menus-down a:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; z-index: 1; background-color: rgba(255,255,255,0.3); -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ReturnToNormal; animation-name: ReturnToNormal; }

@-webkit-keyframes ReturnToNormal {
    0% { -webkit-transform: scale(0.1,1); -ms-transform: scale(0.1,1); transform: translate: scale(0.1,1); }


    100% { -webkit-transform: scaleX(1,1); -ms-transform: scale(1,1); transform: translate: scaleX(1,1); }
}

@-moz-keyframes ReturnToNormal {
    0% { -webkit-transform: scale(0.1,1); -ms-transform: scale(0.1,1); transform: translate: scale(0.1,1); }


    100% { -webkit-transform: scaleX(1,1); -ms-transform: scale(1,1); transform: translate: scaleX(1,1); }
}

@keyframes ReturnToNormal {
    0% { -webkit-transform: scale(0.1,1); -ms-transform: scale(0.1,1); transform: translate: scale(0.1,1); }


    100% { -webkit-transform: scaleX(1,1); -ms-transform: scale(1,1); transform: translate: scaleX(1,1); }
}

/*招聘信息*/
.recuite-href { background: #005591; margin-bottom: 38px; }
.history-rec { float: left; }
.history-rec a { display: inline-block; width: 98px; height: 47px; text-align: center; line-height: 47px; color: #fff; font-size: 14px; position: relative; border-right: 1px solid #fff; transition: 300ms; }
.history-rec a:before { content: ""; width: 16px; height: 8px; background: url(../images/down3.png) center no-repeat; position: absolute; left: 50%; margin-left: -8px; bottom: -8px; opacity: 0; visibility: hidden; transition: 300ms; }
.innerw { width: 860px; margin: auto; }
.history-rec a:hover, .history-rec a.on { background: #11a1e1; }
.history-rec a:hover:before, .history-rec a.on:before { opacity: 1; visibility: visible; }
.history-rec a:last-child { border-right: none; }
.registrate { float: right; background: #11a1e1; }
.registrate a { display: inline-block; width: 115px; padding-left: 55px; height: 47px; line-height: 47px; color: #fff; font-size: 13px; background: url(../images/register.png) 16px center no-repeat; }
.recuite-list { padding-left: 46px; }
.recuite-title { margin-bottom: 16px; }
.recuite-title span { display: inline-block; color: #272727; font-size: 13px; line-height: normal; float: left; }
.recuite-info { margin-bottom: 3px; }
.recuite-title span:nth-child(1) { padding-left: 24px; width: 144px; }
.recuite-title span:nth-child(2) { width: 144px; }
.recuite-title span:nth-child(3) { width: 145px; }
.recuite-title span:nth-child(4) { width: 106px; }
.recuite-title span:nth-child(5) { width: 106px; }
.recuite-title span:nth-child(6) { width: 144px; }
.recuite-top { background: #b5b5b5; cursor: pointer; transition: 300ms ease-in-out; position: relative; }
.recuite-top.on { background: #005591; }
.recuite-top.on .add { transform: rotate(45deg); }
.recuite-top span { display: inline-block; float: left; color: #ffffff; font-size: 13px; line-height: 34px; }
.recuite-top span:nth-child(1) { padding-left: 24px; width: 144px; }
.recuite-top span:nth-child(2) { width: 144px; }
.recuite-top span:nth-child(3) { width: 145px; }
.recuite-top span:nth-child(4) { width: 106px; }
.recuite-top span:nth-child(5) { width: 106px; }
.recuite-top span:nth-child(6) { width: 144px; }
.add { width: 21px; height: 21px; position: absolute; left: -43px; top: 7px; z-index: 10; background: url(../images/show.png) center no-repeat; transition: 300ms; cursor: pointer; }

.recuite-li { padding: 22px 48px 35px 48px; border: 1px solid #005591; border-top: none; display: none; }
.recuite-li p { color: #272727; font-size: 13px; line-height: 2; }
.recuite-info:nth-child(1) .recuite-li { display: block; }

/*公司培训*/
.train-img { width: 50%; float: left; overflow: hidden; line-height: normal; }
.train-img img { display: block; line-height: 0; width: 100%; height: auto; transition: 488ms ease-in-out; }
.train { margin-bottom: 40px; }
.train li figcaption { width: 39.6%; float: right; margin-right: 36px; margin-top: 13px; }
.train li figcaption strong { display: block; width: 77px; height: 60px; border: 1px solid #dcdcdc; position: relative; }
.train li figcaption strong b { display: block; text-align: center; line-height: 60px; font-weight: normal; color: #323232; font-size: 20px; }
.train li figcaption strong:before { content: ""; width: 50%; height: 1px; background: #005591; position: absolute; left: 50%; bottom: -1px; margin-left: -25%; }
.train li figcaption h4 { color: #323232; font-size: 20px; font-weight: normal; line-height: 1.2; margin-top: 15px; transition: 330ms; }
.train li figcaption p { color: #646464; font-size: 13px; line-height: 2; margin-top: 10px; }
.train li:hover .train-img img { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); }
.train li:hover figcaption h4 { color: #005591; }
.train li:nth-child(2n+2) .train-img { float: right; }
.train li:nth-child(2n+2) figcaption { float: left; margin-right: 0; margin-left: 28px; margin-top: 32px; }

/*集团简介*/
.common-menup .innmenu { border: none; }
.aboutlogo { padding-left: 16px; padding-top: 11px; }
.aboutlogo strong { color: #fff; font-size: 25px; font-weight: normal; font-family: "groteskiaregular"; line-height: 1; display: block; margin-bottom: 12px; }
.aboutlogo h4 { color: #ffffff; font-size: 16px; position: relative; font-weight: normal; line-height: normal; padding-bottom: 16px; }
.aboutlogo h4:before { content: ""; width: 25px; height: 5px; background: #fff; position: absolute; left: 0; bottom: 0; }
.introducts p, .sppechs p { color: #646464; font-size: 13px; margin-bottom: 10px; }
.introducts img { max-width: 100%; margin: auto; display: inline; margin-top: 10px; }
.speech { margin-top: 26px; text-align: right; }
.speech p { color: #646464; font-size: 13px; display: inline-block; margin-left: 40px; }
.speech img { display: inline-block; margin-left: 36px; }
.speech time { display: block; width: 100%; text-align: right; color: #646464; font-size: 13px; margin-top: 20px; }
.organiza-font { margin-bottom: 50px; }
.organiza-font p { padding-left: 20px; color: #646464; font-size: 13px; margin-bottom: 5px; position: relative; }
.organiza-font p:before { content: ""; width: 6px; height: 6px; background: #005591; position: absolute; left: 2px; top: 50%; margin-top: -3px; }
.organizate-fix { position: relative; padding-bottom: 66px; border-bottom: 1px solid #a0a0a0; }
.organizate-fix figure { line-height: normal; position: relative; }
.organizate-img img { display: block; width: 100%; height: auto; line-height: 0; }
.organizate-fix figure figcaption { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.5); background: #000\9; filter: alpha(opacity=50); opacity: 0; visibility: hidden; transition: 488ms ease-in-out; }
.organizates:hover figcaption { opacity: 1; visibility: visible; }
.organizate-wr { text-align: center; position: absolute; left: 0; top: 50%; width: 100%; margin-top: -22px; }
.orgazini-info { display: inline-block; width: 137px; height: 43px; border: 1px solid #fff; position: relative; overflow: hidden; }

.orgazini-info a { display: block; text-align: left; line-height: 43px; color: #fff; font-size: 14px; padding-left: 50px; position: relative; z-index: 10; }
.orgazini-info:nth-child(1) { margin-right: 6px; }
.orgazini-info:nth-child(1) a { background: url(../images/search1.png) 30px center no-repeat; }
.orgazini-info:nth-child(2) a { background: url(../images/load1.png) 30px center no-repeat; }
.orgazini-info:before { content: ""; width: 0; height: 0; background: #fff; opacity: 0; visibility: hidden; position: absolute; left: 50%; border-radius: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transition: 0.32s ease-in-out; }
.orgazini-info:hover:before { opacity: 1; visibility: visible; width: 110%; height: 380%; }
.orgazini-info:hover a { color: #005591; }
.orgazini-info:nth-child(1):hover a { background: url(../images/search2.png) 30px center no-repeat; }
.orgazini-info:nth-child(2):hover a { background: url(../images/load2.png) 30px center no-repeat; }

.fancybox-nav span { width: 14px; height: 18px; position: static; }
.fancybox-nav { display: none; }
.fancybox-prev { left: -26px; background: none; }
.fancybox-next { right: -26px; background-position: right center; background: none; }
.fancybox-overlay { background: rgba(0,0,0,0.8); background: #000\9; filter: alpha(opacity=80); }
.fancybox-close { width: 25px; height: 25px; top: 10px; right: 10px; background: url(../images/close1.png) no-repeat; background-size: cover; transition: 350ms; }
.fancybox-close:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }
.fancybox-nav:hover span { background: none; opacity: 0.8; }
.fancybox-opened .fancybox-skin { box-shadow: none; border: 1px solid #fff; border-radius: 0; }
.fancybox-skin { background: none; border-radius: none; }
.pbannertext2 { width: 860px; margin-left: -430px; }
.pbannertext2 .f30 { font-size: 30px; }

.culture-top h3 { color: #323232; font-size: 26px; line-height: normal; margin-bottom: 30px; font-weight: normal; }
.culture-top p { color: #646464; font-size: 14px; line-height: 25px; margin: 12px 0px 0px; }
.culture-info { position: relative; width: 48.25%; float: left; overflow: hidden; margin-bottom: 16px; }
.culture-info figure { display: block; line-height: normal; overflow: hidden; }
.culture-info figure img { display: block; width: 100%; height: auto; transition: 488ms ease-in-out; }
.culture-text { position: absolute; width: 100%; bottom: 0; height: 43px; background: #005591; transition: 488ms; }
.culture-wr { padding-left: 22px; padding-right: 24px; padding-bottom: 15px; transition: 320ms 0ms; }
.culture-wr h3 { color: #ffffff; font-size: 14px; transition: 310ms 0ms; line-height: 44px; font-weight: normal; }
.culture-wr p { color: #ffffff; font-size: 13px; line-height: 2; margin-top: 25px; position: relative; top: 20px; opacity: 0; visibility: visible; transition: 320ms 0ms; }
.culture-wr span { color: #fff; font-size: 12px; line-height: normal; position: absolute; left: 22px; bottom: 14px; opacity: 0; visibility: hidden; transition: 280ms 0ms; }
.culture-info:hover h3 { line-height: 26px; }
.culture-info:hover figure img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }
.culture-info:hover .culture-text { height: 100%; background: rgba(37,53,128,0.9); background: #005591\9; filter: alpha(opacity=90); }
.culture-info:hover .culture-text .culture-wr { padding-top: 35px; }
.culture-info:hover .culture-text h3 { font-size: 18px; transition: 310ms 124ms; }
.culture-info:hover .culture-text p { opacity: 1; visibility: visible; top: 0; transition: 420ms 160ms ease-in-out; }
.culture-info:hover .culture-text span { opacity: 1; visibility: visible; transition: 280ms 400ms; }
.culture-info:nth-child(2n+2) { float: right; }

/*员工活动*/
.pbannertext3 { bottom: 38%; width: 860px; margin-left: -430px; }
.pbannertext3 p { color: #fff; font-size: 30px; line-height: normal; }
.activity-title { margin-bottom: 28px; }
.activity-a { width: 50%; position: relative; overflow: hidden; background: #a0a0a0; float: left; }
.activity-a:before { content: ""; width: 100%; height: 100%; background: #005591; position: absolute; left: 0; top: -100%; transition: 288ms; }
.activity-a a { display: block; color: #ffffff; font-size: 14px; padding-left: 22px; line-height: 64px; position: relative; z-index: 5; }
.activity-a a:before { content: ""; width: 7px; height: 13px; background: url(../images/arrow2.png) center no-repeat; position: absolute; right: 30px; top: 50%; margin-top: -6px; transition: 322ms; }
.activity-a:hover:before, .activity-a.on:before { top: 0; }
.activity-a:hover a:before, .activity-a.on a:before { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.activity-fix { padding-bottom: 32px; margin-top: 30px; }
.activity-fix p { color: #646464; font-size: 13px; line-height: 2; }
.activity-list { margin-top: 28px; }
.activity-list li { width: 32.2%; float: left; margin-right: 1.7%; margin-bottom: 26px; overflow: hidden; }
.activity-list li:nth-child(3n+3) { margin-right: 0; }
.activity-list li figure { display: block; overflow: hidden; line-height: normal; }
.activity-list li figure img { display: block; width: 100%; height: auto; line-height: 0; transition: 520ms; }
.activity-list li figcaption { display: block; background: #ffffff; padding: 10px 20px 0 20px; height: 64px; position: relative; }
.activity-list li figcaption span { display: block; color: #323232; font-size: 14px; height: 46px; overflow: hidden; transition: 280ms; }
.activity-list li figcaption:before { content: ""; width: 0; height: 3px; background: #005591; position: absolute; left: 0; bottom: 0; transition: 310ms ease-in-out; }
.activity-list li:hover figure img { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); }
.activity-list li:hover figcaption:before { width: 100%; }
.activity-list li:hover figcaption span { color: #005591; }
.social { position: relative; padding: 10px 16px 0 7px; height: 52px; }
.social:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 100%; background: #005591; transition: 330ms; }
.social span { display: block; color: #323232; font-size: 14px; position: relative; transition: 310ms; }
.social span:before { content: ""; width: 18px; height: 18px; background: url(../images/search3.png) center no-repeat; position: absolute; right: -12px; top: 20px; opacity: 0; visibility: hidden; transition: 310ms 100ms; }
.activity-list li:hover .social:before { top: 0; }
.activity-list li:hover .social span { color: #fff; }
.activity-list li:hover .social span:before { opacity: 1; visibility: visible; }

/*集团内刊*/
.magazine-box { padding: 45px 0 34px; background: #f8f8f8; position: relative; }
.magazine-list li { margin-bottom: 30px; overflow: hidden; }
.magazine-list li figure { display: block; width: 30.3%; float: left; background: #fff; text-align: center; }
.magazine-list li figure img { max-width: 100%; width: auto; margin: auto; margin-top: 16px; transition: 488ms; }
.magazine-text { width: 66.9%; float: right; background: #fff; height: 274px; background: #fff; position: relative; }
.magazine-text:before { content: ""; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid #005591; position: absolute; left: 0; top: 0; transform: scale(0.88); -webkit-transform: scale(0.88); -moz-transform: scale(0.88); opacity: 0; visibility: hidden; transition: 330ms ease-in-out; }
.magazine-t { margin-left: 32px; height: 66px; padding-left: 18px; border-left: 2px solid #c9c9c9; margin-top: 40px; position: relative; }
.magazine-t:before { content: ""; width: 2px; height: 0; background: #005591; position: absolute; left: -2px; top: 0; transition: 310ms; }
.magazine-t h3 { color: #323232; font-size: 26px; line-height: normal; font-weight: normal; margin-bottom: 16px; position: relative; top: -3px; }
.magazine-t p { color: #323232; font-size: 13px; line-height: normal; }
.lineread { margin-top: 60px; width: 117px; height: 37px; margin-left: 32px; border: 1px solid #bfbfbf; position: relative; overflow: hidden; transition: 320ms; }
.lineread:before { content: ""; width: 100%; height: 100%; background: #005591; position: absolute; left: 50%; top: 50%; border-radius: 50%; opacity: 0; visibility: hidden; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transition: 320ms ease-in-out; }
.lineread a { display: block; text-align: center; line-height: 37px; color: #323232; font-size: 13px; position: relative; z-index: 5; }
.magazine-list li:hover figure img { transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); }
.magazine-list li:hover .magazine-t:before { height: 100%; }
.magazine-list li:hover .lineread { border-color: #005591; }
.magazine-list li:hover .lineread:before { opacity: 1; visibility: visible; width: 110%; height: 288%; }
.magazine-list li:hover .lineread a { color: #fff; }
.magazine-list li:hover .magazine-text:before { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }

.video-list li { width: 47.7%; float: left; position: relative; margin-top: 20px; margin-bottom: 23px; }
.video-list li figure { display: block; line-height: normal; overflow: hidden; position: relative; }
.video-list li figure img { display: block; width: 100%; height: auto; line-height: 0; transition: 488ms; }
.video-list li figcaption { display: block; color: #323232; font-size: 14px; line-height: normal; padding-left: 18px; margin-top: 15px; transition: 388ms; }
.video-list li:hover figure img { transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06); }
.video-list li:hover figcaption { color: #005591; }
.videoIbox span { display: block; width: 29px; height: 32px; background: url(../images/video.png) center no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -16px; }
.video-list li:nth-child(2n+2) { float: right; }
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; left: 0; top: 0; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 860px; height: 480px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -240px; margin-left: -430px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 24px; height: 24px; cursor: pointer; position: absolute; top: -28px; right: 0px; }
.vwrap .close i { display: block; width: 24px; height: 24px; background: url(../images/close1.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:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }

.history { position: relative; }
.history-list { position: relative; }
.history-list:before, .history-list:after { content: ""; width: 100%; border-bottom: 1px dashed #bfbfbf; position: absolute; left: 0; }
.history-list:before { top: 73px; }
.history-list:after { bottom: 0; }
.history-list li { position: relative; padding: 9px 0; }
.history-list li:nth-child(1) { padding-top: 0; }
.history-list li i { display: block; width: 1px; height: 100%; background: #000; position: absolute; left: 93px; top: 0; }
.history-list li time { display: inline-block; width: 77px; height: 63px; text-align: center; line-height: 63px; color: #fff; font-size: 22px; background: #005591; line-height: 63px; float: left; position: relative; z-index: 5; transition: 320ms; }
.history-list li time:before { content: ""; width: 9px; height: 17px; background: url(../images/arrow6.png) center no-repeat; position: absolute; right: -9px; top: 50%; margin-top: -9px; transition: 320ms; }
.histline { width: 86px; float: left; margin-left: 16px; height: 1px; background: #000000; margin-top: 31px; }
.histline:before { content: ""; width: 100%; height: 100%; background: #fff; transition: 330ms ease-in-out; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transform-origin: center; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); }
.history-text { float: left; width: 680px; position: relative; transition: 310ms; background: #f8f8f8; padding: 13px 0 12px; }
.history-text p { color: #646464; font-size: 13px; line-height: 2; width: 490px; margin-left: 18px; }


.history-list li:hover time { background: #fff; color: #005591; }
.history-list li:hover time:before { opacity: 0; visibility: hidden; }
.history-list li:hover .histline:before { opacity: 1; visibility: visible; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); }
.history-list li:hover .history-text { background: #fff; }

.loadmore { padding-top: 45px; margin-left: 65px; background: url(../images/down4.png) 17px 25px no-repeat; position: relative; transition: 230ms; }
.loadmore:before { content: ""; width: 1px; height: 26px; background: #000000; position: absolute; left: 28px; top: 0; }
.loadmore a { display: inline-block; color: #323232; font-size: 14px; line-height: normal; }
.loadmore:hover { background-position: 17px 30px; }
.loadmore:hover a { color: #005591; }
.new-views { position: absolute; left: 50%; margin-left: -550px; bottom: 20px; }
.new-views h2 { color: #fff; text-align: center; font-size: 28px; line-height: 1.4; font-weight: normal; }
.new-views .share-fix { margin-top: 40px; text-align: center; }
.new-views .share-fix time, .new-views .share-fix a { display: inline-block; color: #fff; }
.new-views .share-fix time { padding-left: 20px; background: url(../images/time.png) left center no-repeat; margin-right: 20px; }
.new-views .share-fix a { width: 10px; height: 11px; background: url(../images/share.png) center no-repeat; }
.new-v { margin-top: 0 !important; }
.new-v .member-b { background: none; }
.new-v .member-tex { margin-bottom: 28px; }
.new-v .member-tex p, .new-v .member-tex span { font-family: 'Microsoft YaHei'!important; }

/*新闻中心*/
.new-bg { background: #005591; padding-top: 6px; }
.news-list { text-align: center; }
.news-list li { display: inline-block; margin-right: 2px; position: relative; }
.news-list li:before { content: ""; width: 0; height: 100%; background: #fff; position: absolute; left: 50%; top: 0; opacity: 0; visibility: hidden; transition: 320ms ease-in-out; }
.news-list li:last-child { margin-right: 0; }
.news-list li a { line-height: normal; display: block; padding-top: 12px; height: 34px; width: 117px; text-align: center; color: #fff; font-size: 14px; position: relative; z-index: 5; }
.news-list li:hover:before, .news-list li.on:before { width: 100%; left: 0; opacity: 1; visibility: visible; }
.news-list li:hover a, .news-list li.on a { color: #323232; }
.newsd { padding: 52px 0 30px; background: #f8f8f8; }
.new-s { background: #fff; }
.new-s figure { display: block; width: 44%; line-height: normal; overflow: hidden; float: left; }
.new-s figure img { display: block; width: 100%; height: auto; transition: 520ms; line-height: 0; }
#firstnewPage .new-s a { margin-bottom: 10px; display: block; overflow: hidden; }
.new-texts { width: 49.54%; float: right; margin-right: 35px; }
.new-texts time { display: block; width: 75px; height: 66px; background: #11a1e1; }
.new-texts time strong { display: block; text-align: center; color: #fff; font-size: 42px; line-height: 42px; font-weight: normal; padding-top: 6px; }
.new-texts time b { display: block; margin-top: 2px; text-align: center; color: #fff; font-weight: normal; line-height: 12px; }
.new-texts h4 { color: #323232; position: relative; font-size: 18px; font-weight: normal; line-height: 1.2; margin-top: 22px; height: 64px; border-bottom: 1px solid #c9c9c9; margin-bottom: 8px; transition: 340ms; }
.new-texts h4:before { content: ""; width: 0; height: 1px; background: #005591; position: absolute; left: 0; bottom: -1px; transition: 430ms ease-in-out; }
.new-texts p { color: #646464; font-size: 13px; line-height: 2; }
.new-texts span { display: inline-block; color: #969696; transition: 310ms; line-height: normal; margin-top: 14px; }
.new-s a:hover figure img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }
.new-s a:hover .new-texts h4 { color: #005591; }
.new-s a:hover .new-texts h4:before { width: 100%; }
.new-s a:hover .new-texts span { color: #005591; }
.newsd .dynamic-box { padding-top: 22px; }

/*联系我们*/
.map { height: 598px; border-bottom: 6px solid #11a1e1; }
.mcontact h3 { color: #005591; }
.mcontact span { color: #005591; }
.anchorBL { display: none !important; }
.map-box { padding: 65px 0; background: #f8f8f8; }
.contact-t { margin-bottom: 65px; }
.contact-t h3 { color: #000000; font-size: 26px; line-height: normal; font-weight: normal; margin-bottom: 18px; }
.contact-t p { color: #646464; font-size: 14px; padding-left: 22px; background: url(../images/map1.png) 3px center no-repeat; }
.contact-address { width: 860px; margin-top: 64px; position: relative; padding-left: 22px; }
.contact-address span { display: inline-block; width: 264px; float: left; color: #646464; font-size: 14px; margin-bottom: 6px; }
.contact-address span a { color: #646464; }
.contact-address span a:hover { color: #005591; }
.contact-address:before { content: ""; width: 1px; height: 50px; background: #005591; position: absolute; left: 4px; top: 3px; }
.searchs { position: absolute; right: 0; bottom: 0; }
.searchs .setext { width: 374px; padding: 0; padding-left: 22px; height: 36px; line-height: 36px; color: #7184db; border: 1px solid #697cd4; border-radius: 18px; float: left; background: none; font-family: 微软雅黑; outline: none; }
:-moz-placeholder { color: #7184db; }

::-moz-placeholder { color: #7184db; }

input:-ms-input-placeholder { color: #7184db; }

input::-webkit-input-placeholder { color: #7184db; }
.searchs .btnshe { width: 23px; height: 23px; background: url(../images/search4.png) center no-repeat; float: left; margin-left: 16px; margin-top: 8px; outline: none; padding: 0; border: none; cursor: pointer; transition: 320ms; }
.searchs .btnshe:hover, .searchs .btnshe:focus { background: url(../images/search5.png) center no-repeat; }
.seach-font { margin-bottom: 24px; border-bottom: 3px solid #005591; }
.seach-font p { color: #323232; font-size: 14px; padding-left: 8px; line-height: normal; padding-bottom: 15px; }
.search-sualch { background: #898989; margin-top: 24px; }
.searcli li { float: left; }
.searcli li a { display: inline-block; width: 88px; text-align: center; height: 32px; line-height: 32px; color: #fff; font-size: 14px; }
.searcli li a:hover, .searcli li a.on { background: #005591; }
.seach-list { margin: 38px 0 50px; padding-left: 50px; position: relative; }
.seach-list:before { content: ""; width: 2px; height: 100%; background: #005591; position: absolute; left: 12px; top: 0; }
.seach-list li { margin-bottom: 6px; }
.seach-list li a { color: #323232; font-size: 13px; display: block; }
.seach-list li a b { display: inline-block; color: #005591; font-weight: normal; }
.seach-list li a:hover { color: #005591; }

/*集团项目*/
.project-li li { float: left; position: relative; width: 33.33333%; overflow: hidden; }
.project-li.shown { overflow: inherit; }
.project-li.shown, .project-li.shown .item { visibility: visible; }
.project-li.animate .item { -webkit-animation: showMe 1.5s step-end forwards; animation: showMe 1.5s step-end forwards; }
.project-li li figure { display: block; line-height: normal; overflow: hidden; }
.project-li li figure img { display: block; width: 100%; height: auto; line-height: 0; transition: 522ms; }
.project-li li figcaption { display: block; padding-top: 38px; height: 32px; background: url(../images/probg.png) repeat-x; width: 100%; line-height: normal; color: #fff; font-size: 14px; text-indent: 20px; position: absolute; left: 0; bottom: 0; transition: 330ms ease-in-out; }
.prohidden { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(37,53,128,0.5); background: #005591\9; filter: alpha(opacity=50); opacity: 0; visibility: hidden; transition: 588ms ease-in-out; }
.prowr { text-align: center; position: absolute; left: 0; width: 100%; top: 50%; margin-top: -51px; }
.prowr h3 { color: #ffffff; font-size: 20px; margin-bottom: 28px; line-height: normal; text-align: center; font-weight: normal; position: relative; top: 25px; transition: 340ms 0ms; opacity: 0; }
.promore { width: 151px; height: 46px; text-align: center; line-height: 46px; color: #fff; border: 1px solid #fff; line-height: 46px; position: relative; margin: auto; overflow: hidden; top: 24px; opacity: 0; visibility: hidden; transition: 344ms 0ms ease-in-out; }
.promore:before { content: ""; width: 0; height: 0; background: #fff; position: absolute; left: 0; top: 100%; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); visibility: hidden; transition: 320ms ease-in-out; }
.promore span { display: block; text-align: center; line-height: 46px; color: #fff; position: relative; transition: 310ms; }
.promore:hover:before { visibility: visible; width: 110%; height: 380%; }
.promore:hover span { color: #005591; }
.project-li li:hover figcaption { bottom: -70px; opacity: 0; }
.project-li li:hover .prohidden { opacity: 1; visibility: visible; }
.project-li li:hover .prowr h3 { opacity: 1; top: 0; transition: 320ms 100ms; }
.project-li li:hover .promore { opacity: 1; visibility: visible; top: 0; transition: 320ms 180ms ease-in-out; }

.animate .curtain { -webkit-animation: swipeDown 1.5s cubic-bezier(0.6,0,.4,1) forwards; -o-webkit-animation: swipeDown 1.5s cubic-bezier(0.6,0,.4,1) forwards; -ms-webkit-animation: swipeDown 1.5s cubic-bezier(0.6,0,.4,1) forwards; animation: swipeDown 1.5s cubic-bezier(0.6,0,.4,1) forwards; animation-delay: 244.92ms; }
.shown .curtain { display: none; }
.adelay1 { transition: 500ms ease 150ms; -o-transition: 500ms ease 150ms; -moz-transition: 500ms ease 150ms; -webkit-transition: 500ms ease 150ms; -ms-transition: 500ms ease 150ms; }
.adelay2 { transition: 500ms ease 250ms; -o-transition: 500ms ease 250ms; -webkit-transition: 500ms ease 250ms; -moz-transition: 500ms ease 250ms; -ms-transition: 500ms ease 250ms; }
.adelay3 { transition: 500ms ease 300ms; -ms-transition: 500ms ease 300ms; -webkit-transition: 500ms ease 300ms; -o-transition: 500ms ease 300ms; -ms-transition: 500ms ease 300ms; }
.adelay4 { transition: 500ms ease 280ms; }
.adelay5 { transition: 500ms ease 340ms; }
.curtain { position: absolute; left: 0px; top: 0px; transform: translate3d(0px, -100%, 0px); -webkit-transform: translate3d(0px, -100%, 0px); -moz-transform: translate3d(0px, -100%, 0px); -o-transform: translate3d(0px, -100%, 0px); -ms-transform: translate3d(0px, -100%, 0px); width: 100%; height: 100%; z-index: 100; }
.adelay1 .curtain { background-color: #fff; animation-delay: 147.266ms; }
.adelay2 .curtain { background-color: #fff; animation-delay: 244.92ms; }
.adelay3 .curtain { background-color: #fff; animation-delay: 380ms; }
.adelay4 .curtain { background-color: #fff; animation-delay: 304.92ms; }
.adelay5 .curtain { background-color: #fff; background: none; animation-delay: 335.176ms; }
.view-text { position: absolute; height: 100%; position: absolute; left: 50%; margin-left: -550px; top: 0; }
.view-text h3 { padding: 34px 36px; display: inline-block; text-align: center; color: #ffffff; font-size: 30px; background: url(../images/text.png) repeat; position: absolute; left: 0; bottom: 0; }

@-webkit-keyframes showMe {
    from { visibility: hidden; }
    100%,60% { visibility: visible; }
}

@keyframes showMe {
    from { visibility: hidden; }
    100%,60% { visibility: visible; }
}

@-webkit-keyframes swipeDown {
    50%,60% { -webkit-transform: translate3d(0,0,0); }
    100% { -webkit-transform: translate3d(0,100%,0); }
}

@keyframes swipeDown {
    50%,60% { -webkit-transform: translate(0); transform: translate(0); -ms-transform: translate(0); }
    100% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); -ms-transform: translate3d(0,100%,0); }
}




.project-view { background: #f8f8f8; }
.proview { width: 800px; margin: auto; margin-top: -327px; }
.proview .member-banner .flex-prev, .proview .member-banner .flex-next { width: 31px; height: 109px; border: 2px solid #fff; margin-top: -17px; }
.proview .member-banner .flex-prev { background: url(../images/prev2.png) center no-repeat; }
.proview .member-banner .flex-next { background: url(../images/next2.png) center no-repeat; }
.protext { padding-top: 30px; }
.protext h4 { color: #000000; text-align: center; font-weight: normal; line-height: normal; font-size: 20px; }
.business-box { background: #f8f8f8; padding-bottom: 50px; }
.prolinef { margin-top: 48px; padding: 28px 0 80px; border-top: 1px solid #a0a0a0; }
.facklist { display: inline-block; }
.prolinef p { color: #646464; font-size: 13px; margin-bottom: 6px; text-indent: 26px; }
.facklist a { display: inline-block; color: #000000; font-size: 13px; line-height: normal; width: 120px; line-height: 30px; height: 30px; }
.facklist a:hover { color: #005591; }
.proview .member-banner .flex-prev:hover { border-color: #005591; background: #005591 url(../images/prev2.png) center no-repeat; }
.proview .member-banner .flex-next:hover { border-color: #005591; background: #005591 url(../images/next2.png) center no-repeat; }
.business-r { background: #b5b5b5; z-index: 20; position: relative; }
.business-in { width: 273px; float: left; text-align: center; position: relative; padding-top: 20px; height: 74px; }
.business-in:before { content: ""; width: 100%; height: 0; background: #f8f8f8; position: absolute; left: 0; top: 0; transition: 300ms ease-in-out; }
.business-in a { display: block; position: relative; }
.business-in b { display: block; width: 39px; height: 36px; margin: auto; transform: scale(0.66); -webkit-transform: scale(0.66); -moz-transform: scale(0.66); transition: 320ms; }
.business-in span { display: block; text-align: center; color: #323232; font-size: 14px; line-height: normal; margin-top: 5px; }
.business-in:nth-child(1) b { background: url(../images/buss1_1.png) center no-repeat; }
.business-in:nth-child(2) b { background: url(../images/buss2_1.png) center no-repeat; }
.business-in:nth-child(3) b { background: url(../images/buss3_1.png) center no-repeat; }
.business-in:nth-child(4) b { background: url(../images/buss4_1.png) center no-repeat; }
.business-in:nth-child(5) b { background: url(../images/buss5_1.png) center no-repeat; }
.business-in:hover:before, .business-in.on:before { height: 100%; }
.business-in:nth-child(1):hover b, .business-in:nth-child(1).on b { background: url(../images/buss1.png) center no-repeat; }
.business-in:nth-child(2):hover b, .business-in:nth-child(2).on b { background: url(../images/buss2.png) center no-repeat; }
.business-in:nth-child(3):hover b, .business-in:nth-child(3).on b { background: url(../images/buss3.png) center no-repeat; }
.business-in:nth-child(4):hover b, .business-in:nth-child(4).on b { background: url(../images/buss4.png) center no-repeat; }
.business-in:nth-child(5):hover b, .business-in:nth-child(5).on b { background: url(../images/buss5.png) center no-repeat; }
.business-in:hover:after, .business-in.on:after { bottom: -4px; visibility: visible; opacity: 1; }
.nusiness li { position: relative; background: #f8f8f8; overflow: hidden; }
.nusiness li figure { display: block; width: 50%; float: right; height: auto; line-height: normal; overflow: hidden; }
.nusiness li figure img { display: block; width: 100%; height: auto; line-height: 0; transition: 544ms; }
.business-w { position: absolute; left: 50%; margin-left: -550px; top: 0; height: 100%; }
.business-text { float: left; width: 43%; position: absolute; height: 100%; left: 0; top: 0; padding-right: 7%; }
.business-text:before { content: ""; width: 100%; height: 9px; background: #005591; position: absolute; left: 0; bottom: -9px; transition: 366ms ease-in-out; }
.business-text h4 { color: #323232; font-size: 30px; font-weight: normal; margin-top: 12%; line-height: normal; padding-bottom: 10px; border-bottom: 1px solid #d2d2d2; position: relative; transition: 355ms; }
.business-text h4:before { content: ""; width: 0; height: 1px; background: #005591; position: absolute; left: 0; bottom: -1px; transition: 355ms ease-in-out; }
.business-text a.more{display:block;height:38px;width:140px;line-height:38px;text-align:center;background:#005591;color:#FFF;text-decoration: none; font-size:14px;}
.business-text a.more:hover{background:#c00;color:#FFF;}

.business-text p { color: #646464; font-size: 13px; line-height: 2; margin-top: 26px; min-height: 116px; }
.businesslo { position: absolute; left: 0; bottom: 40px; }
.businesslo strong { display: block; line-height: normal; color: #969696; text-transform: uppercase; font-size: 14px; }
.businesslo b { display: block; color: #969696; font-weight: normal; line-height: normal; }
.nusiness li:hover figure img { transform: scale(1.04); -webkit-transform: scale(1.04); -moz-transform: scale(1.04); }
.nusiness li:hover .business-text h4 { color: #005591; }
.nusiness li:hover .business-text h4:before { width: 100%; }
.nusiness li:hover .business-text:before { bottom: 0; }
.nusiness li:nth-child(2n+2) figure { float: left; }
.nusiness li:nth-child(2n+2) .business-text { left: 50%; padding-right: 0; padding-left: 7%; }
.nusiness li:nth-child(2n+2) .business-text .businesslo { left: 14%; }
.company-box { padding: 144px 0 150px; }
.company-list li a { display: block; text-align: center; font-size: 14px; color: #fff; margin-bottom: 4px; }
.promores { margin: auto; margin-top: 60px; width: 232px; height: 61px; border: 1px solid #a0a0a0; overflow: hidden; position: relative; }
.promores:before { content: ""; width: 0; height: 0; background: #a0a0a0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); border-radius: 50%; transition: 330ms ease-in-out; }
.promores a { display: block; text-align: center; line-height: 61px; color: #323232; position: relative; }
.promores:hover:before { width: 110%; height: 380%; }
.promores:hover a { color: #fff; }

/*招标采购*/
.tender-t { background: #a0a0a0; }
.tender-li { width: 50%; float: left; position: relative; }
.tender-li a { display: block; text-align: right; line-height: 52px; color: #ffffff; font-size: 14px; padding-right: 38px; position: relative; }
.tender-li:nth-child(2) a { text-align: left; padding-right: 0; padding-left: 38px; }
.tender-li:before { content: ""; width: 0; height: 100%; position: absolute; top: 0; background: #005591; transition: 344ms ease-in-out; }
.tender-li:nth-child(1):before { right: 0; }
.tender-li:nth-child(2):before { left: 0; }
.tender-li.on:before { width: 100%; }
.tender-box { padding: 42px 0 30px; background: #f8f8f8; }
.tender-step { padding-bottom: 8px; border-bottom: 1px solid #005591; padding-left: 2px; }
.step-info { float: left; margin-right: 17px; }
.step-info:last-child { margin-right: 0; }
.step-info a { display: block; text-align: center; line-height: 29px; color: #323232; font-size: 14px; padding: 0 20px; border: 1px solid #f8f8f8; border-radius: 15px; }
.step-info.on a, .step-info:hover a { border-color: #005591; }
.tendder-text { padding: 40px 0 24px; }
.tendder-text p { color: #646464; font-size: 13px; }
.step-page { padding-top: 20px; border-top: 1px solid #a0a0a0; }
.step-in { width: 176px; height: 44px; border: 1px solid #a0a0a0; float: left; position: relative; overflow: hidden; }
.step-next { float: right; }
.step-prev { float: left; }
.step-in a { display: block; position: relative; color: #323232; line-height: 14px; line-height: 44px; }
.step-next a { padding-left: 36px; }
.step-prev a { padding-left: 62px; }
.step-prev a:before { background: url(../images/arrow8.png) center no-repeat; left: 22px; }
.step-next a:before { background: url(../images/arrow7.png) center no-repeat; left: 144px; }
.step-in a:before { content: ""; width: 10px; height: 18px; position: absolute; top: 50%; margin-top: -9px; }
.step-in:before { content: ""; width: 0; height: 0; background: #a0a0a0; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transition: 320ms ease-in-out; border-radius: 50%; }
.step-in:hover:before { width: 110%; height: 380%; }
.step-in:hover a { color: #fff; }
.step-prev:hover a:before { left: 18px; background: url(../images/prev2.png) center no-repeat; background-size: 10px 18px; }
.step-next:hover a:before { left: 148px; background: url(../images/next2.png) center no-repeat; background-size: 10px 18px; }

.bidding { padding: 48px 0 50px; }
.bidding-info { margin-bottom: 52px; }
.bidding-info span { display: inline-block; width: 270px; float: left; color: #323232; font-size: 14px; line-height: normal; margin-left: 20px; }
.bidding-fix { float: left; position: relative; margin-left: 75px; line-height: 0; }
.bidding-fix img { line-height: normal; }
.bidding-fix b { display: block; width: 32px; height: 34px; border: 1px solid #a0a0a0; position: absolute; right: -40px; bottom: 0; background: url(../images/search6.png) center no-repeat; transition: 388ms; }
.bidding-fix b:hover { border-color: #005591; background: #005591 url(../images/search3.png) center no-repeat; }
.bidding-te { padding: 30px 18px 10px; }
.bidding-te p { color: #646464; font-size: 14px; }
.biddng1 .bidding-info { width: 48%; float: left; }
.biddng1 .bidding-info:nth-child(2n+2) { float: right; }
.biddng1 .bidding-info .bidding-fix { margin-left: 0; float: right; max-width: 320px; }
.biddng1 .bidding-info span { width: auto; }
.biddng1 .bidding-info .bidding-fix img { max-width: 100%; }
.informate-box { padding: 52px 0 30px; background: #f8f8f8; }
.informate-list li { width: 31%; float: left; height: 162px; background: #fff; margin-right: 3.5%; margin-bottom: 35px; position: relative; }
.informate-list li a { display: block; }
.informate-list li:nth-child(3n+3) { margin-right: 0; }
.informate-list li i { display: block; position: absolute; left: 0; top: 0; width: 0; height: 2px; background: #005591; transition: 320ms ease-in-out; }
.informate-list li h3 { padding-top: 10px; color: #323232; font-size: 18px; font-weight: normal; padding-left: 26px; padding-right: 28px; line-height: 1.4; }
.informate-time { position: absolute; overflow: hidden; left: 0; bottom: 0; width: 100%; transition: 340ms; }
.informate-time:before { content: ""; width: 100%; height: 36px; background: #005591; position: absolute; left: 0; top: 36px; transition: 320ms ease-in-out; }
.informate-time time { display: inline-block; float: left; margin-left: 26px; color: #969696; font-size: 13px; line-height: 36px; padding-left: 12px; position: relative; transition: 300ms; }
.informate-time time:before { content: ""; width: 2px; height: 15px; background: #a0a0a0; position: absolute; left: 0; top: 10px; transition: 288ms; }
.informate-time span { display: inline-block; float: right; line-height: 36px; margin-right: 28px; color: #646464; font-size: 13px; transition: 300ms; position: relative; }
.informate-list li:hover i { width: 100%; }
.informate-list li:hover .informate-time:before { top: 0; }
.informate-list li:hover .informate-time time { color: #fff; }
.informate-list li:hover .informate-time time:before { background: #fff; }
.informate-list li:hover .informate-time span { color: #fff; }
.informate-list { margin-bottom: 18px; }

.biddings { background: #f8f8f8; }
.bidding-wr { margin-top: -148px; position: relative; }
.bidding-view { background: #fff; border-top: 8px solid #005591; padding: 36px 56px 94px; }
.bidding-view h4 { text-align: center; line-height: 1.2; color: #323232; font-size: 20px; font-weight: normal; margin-bottom: 35px; }
.bidding-view p { color: #646464; font-size: 13px; line-height: 2; }
.bidding-wr .promores { width: 176px; height: 44px; }
.bidding-wr .promores a { line-height: 44px; font-size: 14px; }

/*荣誉*/
.honor-box { width: 860px; margin: auto; }
.honor-li { float: left; width: 159px; height: 256px; position: relative; margin-left: -1px; border: 1px solid #d2d2d2; text-align: center; cursor: pointer; transition: 288ms; }
.honor-li:before { content: ""; width: 100%; height: 100%; background: #1d2088; position: absolute; left: 0; top: 0; transition: 354ms ease-in-out; opacity: 0; visibility: hidden; }
.honor-li time { display: block; width: 97px; position: relative; margin: auto; padding-top: 43px; padding-bottom: 22px; line-height: normal; text-align: center; color: #005591; font-size: 30px; text-align: center; border-bottom: 1px solid #d2d2d2; font-family: "groteskiaregular"; transition: 344ms ease-in-out; }
.honor-li .honor-in { margin-top: 15px; position: relative; }
.honor-li .honor-in span { display: block; color: #323232; font-size: 16px; padding: 6px 7px; transition: 322ms ease-in-out; }
.honor-li b { display: block; width: 23px; height: 23px; background: url(../images/add1.png) center no-repeat; position: absolute; left: 50%; margin-left: -12px; bottom: 30px; opacity: 0; visibility: hidden; transition: 320ms ease-in-out; }
.honor-in span:nth-child(2) { padding-top: 6px; position: relative; }
.honor-in span:nth-child(2):before { content: ""; width: 26px; height: 1px; background: #c9c9c9; position: absolute; left: 50%; margin-left: -13px; top: 0; }
.honor-li:nth-child(1) { margin-top: 194px; }
.honor-li:nth-child(3) { margin-top: 219px; }
.honor-li:nth-child(4) { margin-top: 163px; }
.honor-li:nth-child(5) { margin-top: 385px; }
.honor-li:nth-child(n+6) { float: right; position: relative; top: -1px; }
.honor-li:nth-child(6) { margin-right: 220px; }
.honor-li:nth-child(7) { margin-top: 60px; }
.honor-li:nth-child(8) { margin-top: -49px; }
.honor-li:nth-child(9) { margin-top: 182px; }
.honor-li:hover { border-color: #1d2088; z-index: 10; }
.honor-li:hover:before { opacity: 1; visibility: visible; }
.honor-li:hover time { color: #fff; border-color: #fff; }
.honor-li:hover .honor-in span { color: #fff; }
.honor-li:hover .honor-in span:nth-child(2):before { background: #fff; }
.honor-li:hover b { opacity: 1; visibility: visible; }
.honorfix { width: 860px; margin: auto; }
.honorfix time { display: block; margin-bottom: 40px; color: #ffffff; font-size: 60px; font-family: "groteskiaregular"; line-height: normal; }
.honorfix time b { display: inline-block; color: #fff; font-size: 14px; }
.honor-list { padding-left: 42px; position: relative; padding-bottom: 22px; }
.honor-list:before { content: ""; width: 1px; height: 100%; background: #fff; position: absolute; left: 41px; top: 0; }
.honor-list li { margin-bottom: 58px; position: relative; }
.honor-list li:last-child { margin-bottom: 0; }
.honor-list li:before { content: ""; width: 15px; height: 1px; background: #fff; position: absolute; left: -4px; top: 7px; }
.honor-list li span { display: inline-block; float: left; color: #fff; line-height: normal; font-size: 16px; width: 254px; margin-left: 28px; }
.honor-list li figure { float: left; line-height: normal; overflow: hidden; }
.honor-list li figure img { display: block; max-width: 375px; height: auto; }

#proPage { position: fixed; top: 0; left: 0; right: 0px; bottom: 0px; z-index: 1006; background: rgba(0,0,0,0.9); background: #000\9; filter: alpha(opacity=90); overflow: hidden; -webkit-overflow-scrolling: touch; display: block; visibility: hidden; z-index: 1010; opacity: 0; transition: 560ms; }
.pro-bd { left: 50%; width: 860px; margin-left: -430px; cursor: default; opacity: 0; transform: scale(0.9) translateY(100%); -webkit-transform: scale(0.9) translateY(100%); -moz-transform: scale(0.9) translateY(100%); position: absolute; top: 50%; visibility: hidden; z-index: 1020; }
.closes { position: absolute; overflow: hidden; height: 21px; width: 21px; right: 16px; top: 16px; z-index: 1030; cursor: pointer; background-color: #B0000D; background: url(../images/close1.png) no-repeat scroll center center; transition: 480ms; }
.closes:hover { transform: rotate(180deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); }
html.openPH body { -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; transition: all 0s; }
html.openPH #proPage { overflow-y: auto; }
html.openPH .honorfix { overflow-y: auto; }

html.openPH #proPage .pro-bd { top: 0; position: absolute; box-sizing: border-box; margin-top: 0 !important; }
html.openPH #proPage .pro-bd1 { width: 1100px; left: 50%; }
.pro-page { position: relative; }
html.openPro #proPage { visibility: visible; opacity: 1; transition: 560ms; }
html.openPro .pro-bd { opacity: 1; transform: scale(1) translateY(0); transition: 650ms 150ms; -webkit-transition: 650ms 150ms; -webkit-transform: scale(1) translateY(0); -moz-transform: scale(1) translateY(0); visibility: visible; }



.business.article-block .owl-carousel .owl-item { opacity: 0; position: relative; top: 45px; }
.business.articleShow .owl-carousel .owl-item { opacity: 1; top: 0; }
.special-item.article-block { opacity: 0; left: 50px; }
.special-item.articleShow { opacity: 1; left: 0; transition: 588ms 120ms; }
.special-img.article-block { opacity: 0; left: 50px; }
.special-img.articleShow { opacity: 1; left: 0; transition: 588ms 420ms; }
.special-info .special-img:nth-child(2).articleShow { transition: 588ms 420ms; }
.special-info .special-img:nth-child(3).articleShow { transition: 588ms 720ms; }
.special-info .special-img:nth-child(4).articleShow { transition: 588ms 1020ms; }

.exhibite.article-block, .magazine.article-block { opacity: 0; top: 45px; }
.exhibite.articleShow, .magazine.articleShow { opacity: 1; top: 0; transition: 840ms 100ms; }
.magazine.articleShow { transition: 720ms 420ms; }
.speciaspan span { color: #ffffff; font-size: 32px; font-weight: bold; line-height: 80px; }
.newsd1 .dynamic-box { padding-top: 0; }
.new-list { display: none; }
.newindex .new-list:nth-child(1) { display: block; }
.sceclal-list { float: left; width: 75%; }

.cultures { background: #fff; }
.cultures h3 { color: #fff; padding-left: 70px; background: #005591; font-size: 12px; font-weight: normal; line-height: 21px; }
.culture-view { padding: 40px 70px 24px; }
.culture-view h2 { color: #323232; font-size: 26px; text-align: center; line-height: normal; margin-bottom: 22px; font-weight: normal; }
.culture-view p { color: #646464; font-size: 13px; line-height: 2; padding-bottom: 30px; border-bottom: 1px solid #d2d2d2; }
.culture-view small { padding-top: 10px; line-height: normal; color: #969696; }


.frameHtml1 .pro-bd { left: 50%; width: 754px; margin-left: -377px; cursor: default; opacity: 0; transform: scale(0.9) translateY(100%); -webkit-transform: scale(0.9) translateY(100%); -moz-transform: scale(0.9) translateY(100%); position: fixed; top: 50%; visibility: hidden; z-index: 1020; }
.frameHtml1 .closes { position: absolute; overflow: hidden; height: 21px; width: 21px; right: -55px; top: 0; z-index: 1030; cursor: pointer; background-color: #B0000D; background: url(../images/close2.png) no-repeat scroll center center; transition: 480ms; }
html.openPH .frameHtml1 .pro-bd { top: 0; position: absolute; width: 100%; left: 0; box-sizing: border-box; margin-top: 0 !important; margin-left: 0 !important; }
#pbNav { display: none !important; }
.dynamic-seled { padding-bottom: 14px; margin-bottom: 16px; border-bottom: 2px solid #a0a0a0; }
.dynamic-seled a { display: inline-block; float: left; line-height: normal; color: #323232; font-size: 18px; font-weight: bold; margin-right: 52px; padding-left: 20px; position: relative; }
.dynamic-seled a:before { content: ""; width: 11px; height: 11px; background: url(../images/dit.png) center no-repeat; position: absolute; left: 0; top: 50%; margin-top: -5px; transition: 300ms ease-in-out; opacity: 0; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); visibility: hidden; }
.dynamic-seled a:hover, .dynamic-seled a.now { color: #005591; }
.dynamic-seled a:hover:before, .dynamic-seled a.now:before { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }
.projects-fix { margin-top: 82px; }
.projected li { width: 10%; float: left; position: relative; padding-top: 95px; height: 332px; background: #1a2661; text-align: center; transition: 430ms ease-in-out; }
.projected li:hover { background: #005591; }
.projected li.on { width: 50%; }
.projected li.on h4 { opacity: 0; visibility: hidden; }
.projected li.on .project-t { opacity: 1; visibility: visible; width: 100%; left: 0; }
.projected li.on .project-t .project-wr { opacity: 1; visibility: visible; margin-top: 0; transition: 560ms 430ms; }

.projected li:before { content: ""; width: 1px; height: 100%; background: #005591; position: absolute; right: 0; bottom: 0; }
.projected li:last-child:before { display: none; }
.projected li b { display: block; width: 32px; height: 32px; position: absolute; left: 32px; top: 22px; z-index: 10; transition: 300ms; }
.projected li:nth-child(1) b { background: url(../images/pro1.png) center no-repeat; }
.projected li:nth-child(2) b { background: url(../images/pro2.png) center no-repeat; }
.projected li:nth-child(3) b { background: url(../images/pro3.png) center no-repeat; }
.projected li:nth-child(4) b { background: url(../images/pro4.png) center no-repeat; }
.projected li:nth-child(5) b { background: url(../images/pro5.png) center no-repeat; }
.projected li:nth-child(6) b { background: url(../images/pro6.png) center no-repeat; }
.projected li h4 { display: block; width: 18px; color: #ebecf4; font-family: "微軟正黑體","微软雅黑"; font-size: 18px; margin: auto; line-height: 1.1; transition: 300ms; }
.projected li h4 i { display: block; height: 15px; }
.project-t { position: absolute; left: 50%; top: 0; width: 0%; height: 100%; background: #005591; opacity: 0; visibility: hidden; transition: 520ms ease-in-out; }
.project-wr { padding: 94px 22% 0; text-align: center; opacity: 0; margin-top: 40px; visibility: hidden; transition: 360ms 0ms; }
.project-wr h3 { color: #ebecf4; font-size: 26px; font-family: "微軟正黑體","微软雅黑"; line-height: normal; margin-bottom: 30px; text-align: center; }
.project-wr p { color: #ebecf4; font-size: 14px; font-family: "微軟正黑體","微软雅黑"; line-height: 2; text-align: left; }
.project-wr i { width: 14px; height: 42px; display: block; background: url(../images/arro.png) center no-repeat; position: absolute; left: 42px; bottom: 40px; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
/*.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }*/