@charset "utf-8";
/* 
 * Project Name: 新筑第二版
 * Author:浅浅
 * Date：2016-11-28
 */
@font-face { font-family: 'pf_din_text_comp_proXTh'; src: url('pfdintextcomppro-xthin-webfont.woff2') format('woff2'), url('pfdintextcomppro-xthin-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'novecento_normalregular'; src: url('novecento-webfont.woff2') format('woff2'), url('novecento-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
html, body, div, span, applet, object, iframe, 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","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; margin: 0 auto; color: #666; background-color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
img { border: 0; }
input { outline: none; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none; }
::-moz-selection { background: #59b9ff; color: #fff; text-shadow: none; }
::selection { background: #59b9ff; color: #fff; text-shadow: none; }
select { outline: none; }
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 1200px; margin: 0px auto; }
.trans3 { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.trans4 { -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.trans6 { -webkit-transition: 0.6s; -moz-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; }
.head a:link, .head a:visited { color: #6f6f6f; }
.head a:active, .head a:hover { color: #c62723; }
.head { background-color: #fff; }
.top { padding: 22px 0px; }
.top .inner { position: relative; }
.logo { width: 204px; display: block; float: left; display: block; }
.logo img { width: 100%; display: block; }
.siderBox { position: absolute; right: 0px; top: 16px; line-height: 22px; }
.siderBox .languageBox { float: left; display: block; margin-left: 15px; }
.languageBox { position: relative; cursor: pointer; }
.languageBox .t { padding: 0px 34px 0px 6px; height: 20px; line-height: 20px; position: relative; z-index: 2; border: 1px solid #dfdfdf; font-family: arial, helvetica, sans-serif; }
.languageBox .t i { background: url(../images/select_bg.png) no-repeat center center #787878; top: -1px; right: -1px; width: 22px; height: 22px; position: absolute; }
.languageBox .languageList { position: absolute; left: 0px; top: 0px; width: 100%; background-color: #efefef; padding: 30px 0px 6px; display: none; }
.languageList li { padding: 0px 10px; }
.languageList a { display: block; }
.navbox { border-bottom: 1px solid #bcbcbc; border-top: 1px solid #bcbcbc; }
.nav { float: left; display: block; }
.nav li { float: left; display: block; margin-right: 14px; line-height: 48px; }
.nav a { padding: 0px 18px; display: block; font-size: 14px; font-weight: bold; position: relative; }
.nav a.active, .nav a:hover { background-color: #fbf9fa; color: #c62723; }
.serachbox { float: right; display: block; width: 120px; margin-top: 5px; padding: 5px 38px 5px 0px; height: 25px; line-height: 25px; border-bottom: 1px solid #c7c7c7; position: relative; }
.serachbox .serach-txt { border: 0px none; padding: 0; margin: 0; width: 100%; }
.serachbox .btn { background: url(../images/serach_btn.png) no-repeat scroll center center; width: 38px; height: 37px; position: absolute; right: 0px; top: 0px; }
.serachbox .btn:hover { background-color: #fbf9fa; }
.menuBox { position: fixed; left: 100%; top: 56px; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 1005; background-color: #fff; }
.menuBoxShow { left: 0px; }
.navMobile a:link, .navMobile a:visited { color: #6d6d6d; }
.navMobile a:active, .navMobile a:hover { color: #00458e; }
.navMobile { padding: 20px 0px; border-top: 1px solid #9f9f9f; border-bottom: 1px solid #9f9f9f; }
.navMobile dd { display: block; width: 100%; }
.navMobile dd .t a { font-size: 15px; position: relative; background: url(../images/menu_ico1.png) no-repeat scroll 96% center; }
.navMobile dd .t a { display: block; padding: 12px 0px 12px 50px; line-height: 1.4; color: #6d6d6d; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.navMobile dd .t a:hover, .navMobile dd .t a.cur { background: url(../images/menu_ico2.png) no-repeat scroll 96% center #eceaeb; color: #00458e; }
.navMobile dd .msubnav { background-color: #FBF9FA; display: none; padding: 10px 0px; }
.navMobile dd .msubnav a { display: block; padding: 5px 5% 5px 50px; margin-bottom: 5px; }
.navMobile dd .msubnav a:last-child { margin-bottom: 0px; }
.menu-ermBox { padding: 45px; }
.menu-ermBox .item { display: inline-block; float: left; text-align: center; color: #9f9f9f; }
.menu-ermBox .item img.vm { display: block; margin-bottom: 15px; }
.trans, .trans:hover { -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.menu-handler { display: none; overflow: hidden; width: 56px; height: 56px; cursor: pointer; position: absolute; right: 0px; top: 0px; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.menu-handler .burger { width: 24px; height: 2px; background-color: #00458e; display: block; position: absolute; z-index: 5; top: 18px; left: 50%; margin: 0px 0px 0px -12px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 26px; }
.menu-handler .burger-3 { top: 34px; }
.menu-handler.active .burger { background-color: #9f9f9f; }
.menu-handler.active .burger-1 { top: 26px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: -100%; }
.menu-handler.active .burger-3 { top: 26px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.foot a:link, .foot a:visited { color: #787878; }
.foot a:active, .foot a:hover { color: #c62721; }
.foot { border-bottom: 5px solid #01458e; background-color: #e5e5e5; }
.footBox { padding: 38px 0px; position: relative; }
.fline { position: absolute; right: 0px; bottom: -5px; height: 5px; background-color: #c62721; width: 306px; }
.faddress { line-height: 28px; }
.faddress a { margin-right: 24px; }
.faddress .ftel { background: url(../images/f_c1.png) no-repeat scroll left center; padding-left: 20px; }
.faddress .femail { background: url(../images/f_c2.png) no-repeat scroll left center; padding-left: 20px; }
.faddress .ffax { background: url(../images/f_c3.png) no-repeat scroll left center; padding-left: 20px; }
.flinkA { margin-left: 30px; }
.sharpbox { float: right; display: block; line-height: 28px; }
.sharpbox a { float: left; display: block; width: 28px; height: 28px; margin-left: 14px; }
.sharpbox a.a5 { margin-right: 0px; }
.sharpbox a .i { width: 28px; height: 28px; display: block; }
.sharpbox a.a1 .i { background: url(../images/fs_1.png) no-repeat scroll center center; }
.sharpbox a.a2 .i { background: url(../images/fs_2.png) no-repeat scroll center center; }
.sharpbox a:hover { transform: translateY(-5px); -webkit-transform: translateY(-5px); }
.pbanner { width: 100%; position: relative; margin-top: -1px; overflow: hidden; background-color: #F8F8F8; }
.pbanner .pimg { width: 100%; display: block; position: relative; background-position: center center; background: no-repeat; background-size: cover; height: 272px; }
.picw .pimg { transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0; }
.trans-1 .pimg { transition: all 1.2s cubic-bezier(0.165, 0.74, 0.44, 1) 0s; -webkit-transition: all 1.2s cubic-bezier(0.165, 0.74, 0.44, 1) 0s; }
.pagenavBox { height: 40px; line-height: 40px; padding-bottom: 4px; background: url(../images/page_nav.gif) repeat-x scroll left bottom; }
.pagenav { float: left; }
.pageCur { float: right; display: block; }
.pageCur a:link, .pageCur a:visited { color: #6f6f6f; }
.pageCur a:active, .pageCur a:hover { color: #c52720; }
.pageCur a, .pageCur span { background: url(../images/pnav_act.png) no-repeat scroll left center; padding-left: 20px; margin-left: 12px; }
.pageCur a.home { background-image: url(../images/home_ico.png); }
.pageCur span.act { background: url(../images/pnav_act.png) no-repeat scroll left center; padding-left: 20px; olor: #00458e; }
.cpnavbox { height: 40px; }
.cpnavbox a { color: #6f6f6f; font-size: 12px; height: 40px; padding: 0px 5px; line-height: 38px; display: inline-block; float: left; margin: 0px 30px 0px 0px; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; position: relative; }
.cpnavbox a .bot { position: absolute; left: 0px; bottom: 0px; width: 0%; height: 2px; background-color: #c52720; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.csstransforms .cpnavbox a:before { content: ""; width: 100%; height: 2px; background-color: #C52720; position: absolute; left: 0; bottom: 0px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1); transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); }
.csstransforms .cpnavbox a:hover:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; }
.no-csstransforms .cpnavbox a:hover .bot { width: 100%; }
.cpnavbox a.active .bot { width: 100%; }
.cpnav { display: none; width: 100%; color: #fff; line-height: 42px; height: 42px; overflow: hidden; text-align: center; font-size: 14px; background-color: #00458e; cursor: pointer; }
.caret { display: inline-block; width: 0px; height: 0px; margin-left: 10px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.pagePaging { padding: 90px 0px; }
.pageC { font-size: 14px; color: #787878; }
.pageC img { max-width: 100% !important; width: auto!important; height: auto!important; }
.pageC p { line-height: 180%; }
.pageC p, .pageC span { font-family: 'Microsoft YaHei'!important; }
.pageC a:link, .pageC a:visited { color: #00458e; }
.pageC a:active, .pageC a:hover { color: #c52720; }
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #00865e url(../images/loader.gif) center center no-repeat; }
.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: 1px; 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; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
.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; }

@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { display: none; position: relative; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.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); }
/* mouse grab icon */
.grabbing { cursor: url(grabbing.png) 8 8, move; }
/* fix */
.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); }

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls { margin-top: 10px; text-align: center; }

/* Styling Next and Prev buttons */

.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; }
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }

/* Styling Pagination*/

.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.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span { }

/* If PaginationNumbers is true */

.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; }

/* preloading images */
.owl-item.loading { min-height: 150px; background: url(../images/AjaxLoader.gif) no-repeat center center; }

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.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; }
/* fade */
.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; }
/* backSlide */
.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; }
/* goDown */
.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; }
/* scaleUp */
.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; }
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
    0% { opacity: 1; }
}

@-moz-keyframes empty {
    0% { opacity: 1; }
}

@keyframes empty {
    0% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-moz-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes backSlideOut {
    25% { opacity: .5; -webkit-transform: translateZ(-500px); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}

@-moz-keyframes backSlideOut {
    25% { opacity: .5; -moz-transform: translateZ(-500px); }
    75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}

@keyframes backSlideOut {
    25% { opacity: .5; transform: translateZ(-500px); }
    75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
    100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}

@-webkit-keyframes backSlideIn {
    0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -webkit-transform: translateZ(-500px); }
    100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}

@-moz-keyframes backSlideIn {
    0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; -moz-transform: translateZ(-500px); }
    100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}

@keyframes backSlideIn {
    0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
    75% { opacity: .5; transform: translateZ(-500px); }
    100% { opacity: 1; transform: translateZ(0) translateX(0); }
}

@-webkit-keyframes scaleToFade {
    to { opacity: 0; -webkit-transform: scale(.8); }
}

@-moz-keyframes scaleToFade {
    to { opacity: 0; -moz-transform: scale(.8); }
}

@keyframes scaleToFade {
    to { opacity: 0; transform: scale(.8); }
}

@-webkit-keyframes goDown {
    from { -webkit-transform: translateY(-100%); }
}

@-moz-keyframes goDown {
    from { -moz-transform: translateY(-100%); }
}

@keyframes goDown {
    from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
    from { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpFrom {
    from { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpFrom {
    from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
    to { opacity: 0; -webkit-transform: scale(1.5); }
}

@-moz-keyframes scaleUpTo {
    to { opacity: 0; -moz-transform: scale(1.5); }
}

@keyframes scaleUpTo {
    to { opacity: 0; transform: scale(1.5); }
}
/*index style*/
.transYT { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT2 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT2 { transform: translateX(-50px); -webkit-transform: translateX(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transYT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }

.newIbox a:link, .newIbox a:visited { color: #787878; }
.newIbox a:active, .newIbox a:hover { color: #c52720; }
.newIbox { font-size: 14px; }
.newIbox-t { background: url(../images/white_bg.png) repeat; background: rgba(255,255,255,0.8); position: absolute; left: 0px; bottom: 0px; height: 40px; line-height: 40px; width: 100%; }
.newIbox .title { padding: 0px 20px 0px 25px; width: 61px; background-color: #00458e; float: left; display: block; }
.newIbox .title .zh { color: #fff; font-weight: bold; font-size: 15px; display: block; }
.newIbox .title .en { color: #4a81bb; font: 12px/1.5 arial, helvetica, sans-serif; display: block; }
.newIbox-t .title { line-height: 40px; }
.newIbox-t .c { float: left; margin-left: 26px; width: 538px; }
.newIbox-t .c .time { float: right; display: block; font-size: 12px; font-family: arial, helvetica, sans-serif; }
.newIbox-c { position: absolute; left: 0px; bottom: -188px; width: 100%; background: url(../images/white_90.png) repeat; background: none rgba(255,255,255,0.9); }
.newIbox-c .title { padding: 20px 20px 28px 25px; height: 140px; }
.newIbox-c .title .zh { margin-bottom: 8px; }
.firstIBox, .listIBox { padding: 20px 0px 0px; height: 140px; overflow: hidden; }
.firstIBox { float: left; width: 440px; margin: 0px 44px 0px 26px; }
.listIBox { float: left; width: 370px; }
.firstIBox .t { font-size: 16px; font-weight: bold; line-height: 1.2; height: 38px; overflow: hidden; margin-bottom: 26px; }
.firstIBox .c { height: 76px; overflow: hidden; }
.listIBox .t { height: 38px; border-bottom: 2px solid #ffffff; position: relative; line-height: 1.4; margin-bottom: 27px; }
.listIBox .t a { margin-right: 20px; font-weight: bold; display: inline-block; height: 100%; position: relative; }
.listIBox .t a .bot { height: 2px; width: 0px; background-color: #c52720; position: absolute; left: 0px; bottom: -2px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.listIBox .t a.active { color: #c52720; }
.listIBox .t a.active .bot { width: 100%; }
.new-tabC { height: 75px; overflow: hidden; position: relative; }
.new-tab-list { position: absolute; left: 100%; top: 0px; z-index: 6; width: 100%; height: 75px; }
.new-tab-list li { height: 25px; line-height: 25px; overflow: hidden; }
.new-tab-list .time { font-size: 12px; font-family: arial, helvetica, sans-serif; margin-right: 10px; }
.newIbox-t .inner, .newIbox-c .inner { position: relative; }
.openNewBtn, .closeNewBtn { color: #c52720; height: 40px; line-height: 40px; padding-right: 28px; position: absolute; right: 0px; bottom: 0px; z-index: 10; cursor: pointer; }
.openNewBtn { background: url(../images/jt.png) no-repeat scroll right center; }
.closeNewBtn { background: url(../images/inew_ico.png) no-repeat scroll right center; }
.ibox-page { width: 100%; padding: 0px; background: url(../images/bg.gif) repeat; position: relative; overflow: hidden; margin-top: -1px; }
.banner { height: 620px; width: 100%; max-width: 1920px; margin: 0px auto; overflow: hidden; position: relative; color: #fff; position: relative; top: -1px; }
.banner .item { height: 620px; }
.banner .item .pimg { height: 620px; background-repeat: no-repeat; background-position: center center; width: 100%; }
.banner .item .bimg { display: none; width: 100%; }
.banner a:link, .banner a:visited { color: #fff; }
.banner a:active, .banner a:hover { color: #fff; }
.binbox { width: 1200px; position: absolute; left: 50%; margin-left: -600px; top: 20%; color: #fff; }
.binbox .t { font-weight: bold; font-size: 43px; line-height: 1.2; margin-bottom: 15px; }
.binbox .c { font-weight: bold; font-size: 19px; line-height: 1.2; margin-bottom: 25px; }
.binbox .more { width: 104px; height: 26px; line-height: 26px; text-align: center; border: 2px solid #fff; display: block; }
.binbox .more .txt { background: url(../images/more_i1.png) no-repeat scroll right center; padding: 0px 28px 0px 20px; color: #fff; }
.binbox .more:hover { background-color: #fff; border-color: #fff; }
.binbox .more:hover .txt { color: #818181; background-image: url(../images/more_i2.png); }
.binbox2 .t { color: #c52720; }
.binbox2 .c { color: #100b07; }
.binbox2 .more { border-color: #8e8e8e; }
.binbox2 .more .txt { color: #818181; background-image: url(../images/more_i2.png); }
.binbox2 .more:hover { background-color: #818181; border-color: #818181; }
.binbox2 .more:hover .txt { color: #fff; background-image: url(../images/more_i1.png); }
.binbox .t, .binbox .c, .binbox .more { opacity: 0; transform: translate(0px,100%); -webkit-transform: translate(0px,100%); visibility: hidden; }
.slick-active .binbox .t { -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.2s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; }
.slick-active .binbox .c { -moz-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; -o-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; -ms-transition: all .5s cubic-bezier(0.445, 1.045, 0.355, 1) 0.4s; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.4s; }
.slick-active .binbox .more { -moz-transition: opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s,transform .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s,visibility .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s; -o-transition: opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s,transform .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s,visibility .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s; -ms-transition: opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s,transform .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s,visibility .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s; transition: opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s,transform .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s,visibility .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.5s; }
.slick-active .binbox .t, .slick-active .binbox .c, .slick-active .binbox .more { opacity: 1; transform: translate(0px,0px); -webkit-transform: translate(0px,0px); visibility: visible; }
.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.banner .slick-dots { right: 3%; top: 40%; z-index: 1000; width: 14px; }
.banner .slick-dots li { margin: 10px 0px; position: relative; width: 10px; height: 10px; display: block; transition: 300ms; -webkit-transition: 300ms; }
.banner .slick-dots a { width: 10px; height: 10px; overflow: hidden; display: block; background: url(../images/banner_n1.png) no-repeat; text-indent: -2em; }
.banner .slick-dots li.slick-active a { background: url(../images/banner_n2.png) no-repeat; }
.iboxT { padding: 54px 0px 38px; text-align: center; }
.iboxT .en { font: 40px/1.2 "pf_din_text_comp_proXTh"; color: #a7a7a7; }
.iboxT .zh { font: 22px/1.2 "microsoft yahei"; color: #000000; }
.iboxT .bot { height: 1px; width: 38px; display: block; margin: 8px auto 10px; background-color: #b2b2b2; }
.proibox { padding: 0px 0px 90px; }
.pitem { overflow: hidden; }
.proIlist { position: relative; overflow: hidden; width: 1200px; margin: 0px auto; }
.proIlist dd { float: left; display: block; }
.proIlist .itemdd2, .proIlist .itemdd3 { margin-left: 5px; width: 296px; }
.proIlist .pitem { margin-bottom: 5px; position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.proIlist .pitem1 { width: 598px; }
.proIlist .pitem2, .proIlist .pitem3 { float: left; width: 296px; }
.proIlist .pitem3 { margin-left: 5px; }
.proIlist .pitemC { background-color: #e8e8e8; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.proIlist .pitemC .t { color: #000; }
.proIlist .pitemC .c { color: #a8a8a8; }
.pitem .img { width: 100%; display: block; -webkit-transition: all .8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; transition: all .8s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.pitem .con { position: absolute; left: 0px; top: 10%; width: 100%; text-align: center; color: #fff; -webkit-transition: padding 0.4s; -moz-transition: padding 0.4s; -o-transition: padding 0.4s; transition: padding 0.4s; }
.pitem .con .t { font-size: 18px; line-height: 1.5; }
.pitem .con .c { font-size: 14px; }
.pitem .itemlink { display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.pitem .pico { width: 50px; height: 50px; margin: 0px auto; display: block; z-index: 3; background: url(../images/pico1.png) no-repeat; opacity: 0; visibility: hidden; transform: scale(0); -webkit-transform: scale(0); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.pitem .pico1 { background-image: url(../images/pico1.png); }
.pitem .pico2 { background-image: url(../images/pico2.png); }
.pitem .pico3 { background-image: url(../images/pico3.png); }
.pitem .pico4 { background-image: url(../images/pico4.png); }
.pitem .pico5 { background-image: url(../images/pico5.png); }
.pitem .pico6 { background-image: url(../images/pico6.png); }
.pitem .pico7 { background-image: url(../images/pico7.png); }
.proIlist .pitem3:hover { background-color: #59c9e5; }
.proIlist .pitem4:hover { background-color: #f17a57; }
.proIlist .pitem7:hover { background-color: #5b8ccb; }
.proIlist .pitemC:hover .t, .proIlist .pitemC:hover .c { color: #fff; }
.black-20 { background: url(../images/black_20.png) repeat; background: none rgba(0,0,0,0.2); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.proIlist .pitem:hover .black-20 { opacity: 1; visibility: visible; }
.proIlist .pitem:hover .img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.proIlist .pitem:hover .con { padding-top: 5%; }
.proIlist .pitem:hover .pico { opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); margin: 0px auto 20px; }
/*index style end*/
/*about style*/
.at-1 { font: 29px/1.2 "microsoft yahei"; color: #00458e; }
.at-2 { font: 16px/1.2 arial, helvetica, sans-serif; color: #d0cece; text-transform: uppercase; }
.about-cl { float: left; width: 48%; margin-right: 2%; }
.about-cr { float: left; width: 50%; }
.sppechtab { width: 100%; border: 1px solid #e5e5e5; line-height: 2; }
.sppechtab td { padding: 40px; width: 50%; vertical-align: top; }
.spT1 { font: bold 30px/1.2 "microsoft yahei"; margin-bottom: 15px; }
.spT2 { font: 20px/1.2 "microsoft yahei"; }
.spp { padding: 0px 24px; }
.sppline { border-bottom: 1px solid #fff; height: 1px; margin: 76px 0px 33px; }
.sppQM .xs { margin: 5px 0px 0px 10px; }
.pageC h3 { font-size: 24px; color: #000000; }
.plogo { float: left; border: 1px solid #e5e5e5; padding: 40px 48px; }
.plogo img { display: block; }
.eventBox { margin-bottom: 60px; }
.eventBox .time { font-size: 40px; font-family: arial, helvetica, sans-serif; color: #00458e; line-height: 1.4; }
.eventBox .c { color: #414141; font-size: 14px; line-height: 1.5; }
.history { height: 402px; overflow: hidden; width: 100%; position: relative; }
.history-bot { position: absolute; width: 1042px; left: 50%; margin-left: -521px; bottom: 0px; height: 2px; background-color: #787878; }
.history .viewport { height: 100%; margin: 0px auto; overflow: visible; position: relative; width: 1056px; font-size: 14px; }
.history .viewport .wrap { position: relative; left: 0px; top: 0px; height: 100%; width: 100%; z-index: 1; }
.history .viewport .btn { display: block; position: absolute; top: 50%; z-index: 2; margin-top: -20px; width: 40px; height: 40px; background-image: url(../images/img_ico.png); background-repeat: no-repeat; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.history .viewport .prev { left: -72px; background-position: left top; }
.history .viewport .next { right: -72px; background-position: right top; }
.history .viewport .prev:hover { background-position: left bottom; }
.history .viewport .next:hover { background-position: right bottom; }
.history .wrap { position: relative; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }
.history .wrap .item { position: absolute; bottom: -100%; width: 264px; background: url(../images/history_i.png) repeat-y 7px 0; -webkit-transition: bottom 500ms; transition: bottom 300ms; }
.history .wrap .on { bottom: 0; }
.history .wrap .itemC { padding: 3px 16px 10px 29px; background: url(../images/history_y.png) no-repeat 0 0; }
.history .wrap .itemC .c { margin-bottom: 20px; color: #323232; }
.history .wrap .itemC .year { display: block; margin: 50px 0 0px 0; font-size: 36px; line-height: 1.2; font-family: arial, helvetica, sans-serif; color: #8e8e8e; }
.eventList { display: none; }
.eventList .item { margin-bottom: 20px; border-radius: 5px; background-color: #F8F8F8; padding: 20px; }
.eventList .item .year { color: #00458E; font-size: 18px; }
/*about style end*/
/*news style*/
.firstNewBox a:link, .firstNewBox a:visited { color: #2E2E2E; }
.firstNewBox a:active, .firstNewBox a:hover { color: #c52720; }
.firstNewBox { position: relative; overflow: hidden; color: #2e2e2e; margin-bottom: 80px; }
.firstNewBox .img { float: left; display: block; width: 45%; margin-right: 5%; overflow: hidden; }
.firstNewBox .img img { width: 100%; display: block; transition: 500ms; -webkit-transition: 500ms; }
.firstNewBox .con { float: right; display: block; width: 50%; font-size: 14px; }
.firstNewBox .con .t { font-size: 22px; line-height: 1.1; overflow: hidden; height: 24px; }
.firstNewBox .infoI { padding: 10px 0px; color: #646464; margin-bottom: 30px; }
.infoI span { color: #000; margin-right: 10px; }
.firstNewBox .con .c { height: 82px; overflow: hidden; line-height: 2; }
.firstNewBox .boxLink { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; }
.firstNewBox .more { background-color: #d2d2d2; height: 40px; line-height: 40px; display: block; position: absolute; left: 50%; bottom: 0px; width: 50%; text-align: center; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.firstNewBox:hover .more { background-color: #c52720; color: #fff; }
.firstNewBox:hover .t { color: #c52720; }
.firstNewBox:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.newList a:link, .newList a:visited { color: #2E2E2E; }
.newList a:active, .newList a:hover { color: #c52720; }
.newList .firstDD { display: block; }
.newList .firstDD .inner { padding: 0px; }
.newList dd { position: relative; display: block; overflow: hidden; }
.newList .bgf7 { background-color: #f7f7f7; position: absolute; left: 0px; bottom: 0px; height: 0%; width: 100%; -webkit-transform: 0.6s height cubic-bezier(.165,.84,.44,1); transition: 0.6s height cubic-bezier(.165,.84,.44,1); }
.newList .inner { padding: 48px 0px; border-bottom: 2px solid #f7f7f7; position: relative; }
.newList .inner .con { margin: 0px 280px 0px 0px; font-size: 14px; }
.newList .con .t { font: 22px/1.4 "microsoft yahei"; color: #333; margin-bottom: 12px; }
.newList .con .c { line-height: 2; min-height: 56px; }
.newList .timeBox { position: absolute; right: 0px; top: 48px; background-color: #d2d2d2; padding: 14px 18px; width: 76px; font-family: "novecento_normalregular"; }
.newList .timeBox .num { color: #c52720; display: block; text-align: center; font-size: 40px; line-height: 1.2; }
.newList .timeBox .year { text-align: center; display: block; font-size: 16px; line-height: 1.5; color: #181818; border-top: 1px solid #787878; margin-top: 5px; }
.newList .ibox-link { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: block; z-index: 2; }
.newList dd:hover .inner { background-repeat: no-repeat; }
.newList dd:hover .bgf7 { height: 100%; }
.paging { padding: 70px 0px 0px; text-align: center; }
.paging a:link, .paging a:visited { color: #ffffff; }
.paging a:active, .paging a:hover { color: #fff; background-color: #c52720; }
.paging a, .paging span { display: inline-block; margin: 0px 3px!important; background-color: #c7c7c7; font-size: 14px; width: 32px; height: 32px; line-height: 32px; }
.paging .prev, .paging .next { display: inline-block; font-family: "宋体"; color: #fff; margin: 0px 30px!important; }
.paging span { background-color: #c52720; color: #fff!important; }
.ninfoT a:link, .ninfoT a:visited { color: #656565; }
.ninfoT a:active, .ninfoT a:hover { color: #00458E; }
.ninfoT { background-color: #e8e8e8; color: #656565; }
.ninfoT .inner { position: relative; padding: 38px 0px 50px; }
.ninfoT .time { font: 14px/1.5 "microsoft yahei"; }
.ninfoT .t { font: 20px/1.5 "microsoft yahei"; }
.ninfoT .bot { position: absolute; left: 0px; height: 5px; background-color: #c62723; width: 84px; bottom: 0px; }
.ninfoT .balck-btn { float: right; display: block; background: url(../images/black.png) no-repeat scroll left center; padding-left: 26px; font-size: 14px; margin: 24px 0px 0px 20px; }
.infoM { margin: 5% auto; }
.infoPager { background-color: #f6f6f6; }
.infoPager dd { float: left; display: block; width: 50%; }
.infoPager .item { padding: 35px 10px; text-align: center; font-size: 14px; color: #a9a9a9; display: block; }
.infoPager .item .t, .infoPager .item .c { width: 527px; display: block; }
.infoPager .prev .t, .infoPager .prev .c { float: right; }
.infoPager .item .t { color: #a9a9a9; margin-bottom: 5px; }
.infoPager .item .c { font-size: 16px; }
.infoPager a:link, .infoPager a:visited { color: #2e2e2e; }
.infoPager a:active, .infoPager a:hover { color: #00458E; }
/*news style end*/
/*cases tyle*/
.iboxT .bot2 { height: 2px; overflow: hidden; display: block; background-color: #c52720; width: 44px; margin: 15px auto 0px; }
.iboxT .by { margin-top: 25px; color: #787878; font-size: 14px; }
.pagePaging2 { padding-bottom: 90px; }
.caseList a:link, .caseList a:visited { color: #7a7a7a; }
.caseList a:active, .caseList a:hover { color: #7a7a7a; }
.caseList { margin-left: -2%; }
.caseList dd { float: left; display: block; width: 48%; margin: 0px 0px 30px 2%; overflow: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.caseList dd.firstDD { width: 98%; }
.caseList .img { position: relative; overflow: hidden; }
.caseList .img img { width: 100%; display: block; transition: 700ms ease 0ms; -webkit-transition: 700ms ease 0ms; }
.caseList .black-20 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url(../images/black_20.png) repeat; background: none rgba(0,0,0,0.2); opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.caseList .img i { background: url(../images/more_i5.png) no-repeat; width: 57px; height: 57px; position: absolute; left: 50%; top: 50%; margin: -27px 0px 0px -27px; transition: 500ms; -webkit-transition: 500ms; opacity: 0; visibility: hidden; transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
.caseList .bg78 { background-color: #787878; position: absolute; left: 0px; top: 0px; width: 100%; height: 0px; transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; }
.caseList .conBox { position: relative; }
.caseList .con { border: 2px solid #e5e5e5; border-top: 0px none; padding: 12px 30px 22px; position: relative; }
.caseList .con .t { font: 22px/1.2 "microsoft yahei"; margin-bottom: 12px; color: #000; position: relative; z-index: 2; }
.caseList .con .c { font-size: 14px; height: 50px; overflow: hidden; margin-bottom: 32px; position: relative; z-index: 2; }
.caseList dd.firstDD .con .c { margin-bottom: 20px; }
.caseList .more { background: url(../images/more_i3.png) no-repeat scroll right center; padding-right: 13px; color: #00458e; position: relative; z-index: 2; }

.filler2 { position: absolute; display: block; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
.caseList .filler2 { background-color: #00458e; z-index: 5; }
.caseList .filler2-left { width: 2px; height: 0%; left: 0%; top: 0%; }
.caseList .filler2-right { width: 2px; height: 0%; right: 0%; bottom: 0%; }
.caseList .filler2-bottom { width: 0%; height: 2px; left: 0%; bottom: 0%; }
.caseList dd:hover .filler2-left { height: 100%; }
.caseList dd:hover .filler2-bottom { width: 100%; transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.caseList dd:hover .filler2-right { height: 100%; transition-delay: 0.6s; -webkit-transition-delay: 0.6s; }

/*.caseList dd:hover .con{ border-color: #787878;}
.caseList dd:hover .bg78{ height: 100%;}
.caseList dd:hover .con .t,.caseList dd:hover .con .more{ color: #fff;}
.caseList dd:hover .con .more{ background-image: url(../images/more_i4.png);}*/
.caseList dd:hover .black-20 { opacity: 1; visibility: visible; }
.caseList dd:hover .img img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.caseList dd:hover .img i { display: block; opacity: 1; visibility: visible; transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.caseIT { font: 20px/1.8 "microsoft yahei"; color: #828282; margin-bottom: 40px; }
.caseIT .t2 { color: #c52720; font-weight: bold; }
.caseIdemo { margin: 40px auto 0px; position: relative; }
.caseIdemo .img { margin: 0px 5px; position: relative; }
.caseIdemo .img img { width: 100%; display: block; }
.caseIdemo .black-20 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url(../images/black_20.png) repeat; background: none rgba(0,0,0,0.2); opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.caseIdemo .item:hover .black-20 { opacity: 1; visibility: visible; }
.caseIdemo .slick-arrow { width: 40px; height: 40px; display: block; top: 50%; margin-top: -20px; z-index: 100; }
.caseIdemo .slick-arrow i { background: url(../images/img_ico.png) no-repeat scroll left bottom; width: 100%; height: 100%; margin: 0px auto; display: block; transition: transform 300ms 0ms; -webkit-transition: transform 300ms 0ms; }
.caseIdemo .slick-prev { left: -48px; }
.caseIdemo .slick-next { right: -48px; }
.caseIdemo .slick-prev i { background-position: left top; }
.caseIdemo .slick-next i { background-position: right top; }
.caseIdemo .slick-prev:hover i { background-position: left bottom; transform: translateX(-8px); -webkit-transform: translateX(-8px); }
.caseIdemo .slick-next:hover i { background-position: right bottom; transform: translateX(8px); -webkit-transform: translateX(8px); }
html.openImg { overflow: hidden; }
.overlayClose { width: 42px; height: 42px; display: block; position: fixed; right: 3%; top: 2%; border-radius: 50%; transition: 300ms; -webkit-transition: 300ms; z-index: 100; }
.overlayClose i { background: url(../images/close_ico2.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 400ms; -webkit-transition: 400ms; }
.overlayClose:hover { background-color: #ca3a33; }
.overlayClose:hover i { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.imgShowBox { background: url(../images/black.png) repeat; background: none rgba(0,0,0,0.7); bottom: 0; left: 0; position: fixed; right: 0; top: 0; transform: translateY(100%); -webkit-transform: translateY(100%); transition: all 800ms ease 0s; -webkit-transition: all 800ms ease 0s; z-index: 1010; width: 100%; overflow: hidden; -webkit-overflow-scrolling: touch; }
.no-csstransitions .imgShowBox { display: none; }
.imgShowDemo { width: 100%; height: 100%; position: relative; overflow: hidden; }
.imgShowDemo .item { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; position: relative; }
.imgShowDemo .img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.imgShowDemo .con { position: absolute; left: 0px; right: 0px; bottom: 0px; background-color: #fff; width: 90%; padding: 10px 5%; }
.imgShowDemo .con .t { font-size: 16px; color: #333; }
.imgShowDemo .txt { background: #272727; font-size: 14px; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; padding: 15px 0px; text-align: center; }
.imgShowDemo .txt .i { padding-left: 3%; }
.hi-num { width: 85px; height: 65px; background: #272727; color: #fff; border-left: 1px solid #3a3a3a; position: absolute; bottom: 0; right: 0; text-align: center; line-height: 65px; font-size: 16px; }
.img-show { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; }
.no-csstransitions .img-show { display: block; }
.imgShowDemo .owl-controls .owl-buttons div { position: absolute; padding: 0px; margin: 0px; width: 50px; height: 50px; border-radius: 50%; background-color: transparent; overflow: hidden; top: 50%; margin-top: -25px; background-position: center center; background-repeat: no-repeat; text-indent: -10em; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev { left: 3%; background-image: url(../images/img_l2.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-next { right: 3%; background-image: url(../images/img_r2.png); }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev:hover, .imgShowDemo .owl-controls .owl-buttons div.owl-next:hover { background-color: #ca3a33; }
.imgShowDemo .owl-controls .owl-buttons div.owl-prev.disabled, .imgShowDemo .owl-controls .owl-buttons div.owl-next.disabled { background-color: #e5e5e5; }
/*cases tyle end*/
/*responsibility style*/
.respon-page { margin-bottom: 65px; }
.respon-page .t { font: 24px/1.5 "microsoft yahei"; color: #0e0e0e; }
.respon-page .bot { width: 60px; height: 2px; background-color: #0e0e0e; margin: 18px 0px 32px; display: block; }
.respon-list .item { margin-bottom: 14px; padding-left: 165px; position: relative; }
.respon-list .year { position: absolute; left: 0px; top: 0px; border: 1px solid #e5e5e5; background-color: #D2D2D2; text-align: center; width: 163px; padding: 40px 0px; font: 39px/1.2 "novecento_normalregular"; color: #fff; transition: 300ms; -webkit-transition: 300ms; }
.respon-list .year span { font-family: "microsoft yahei","微软雅黑"; }
.respon-list .con { padding: 28px 42px; border: 1px solid #e5e5e5; transition: 300ms; -webkit-transition: 300ms; }
.respon-list .item:hover .year { color: #c52720; }
.respon-list .item:hover .con { background-color: #fafafa; }
/*responsibility style end*/
/*join style*/
@keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

@-webkit-keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }

    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }

    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }

    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

.job-strategy-list ul { margin-left: -1%; }
.job-strategy-list li { float: left; display: block; width: 26.33%; margin: 0px 0px 60px 1%; background-color: #e5e5e5; padding: 28px 3% 0px; height: 204px; color: #8b8b8b; font-size: 14px; text-align: center; }
.job-strategy-list .jico { background-size: cover; background-position: center center; background-repeat: no-repeat; display: block; width: 86px; height: 86px; margin: 0px auto 10px; }
.job-strategy-list .jico1 { background-image: url(../images/j_i1.png); }
.job-strategy-list .jico2 { background-image: url(../images/j_i2.png); }
.job-strategy-list .jico3 { background-image: url(../images/j_i3.png); }
.job-strategy-list li:hover { background-color: #00458e; color: #fff; }
.job-strategy-list li:hover .jico1 { background-image: url(../images/j_i12.png); }
.job-strategy-list li:hover .jico2 { background-image: url(../images/j_i22.png); }
.job-strategy-list li:hover .jico3 { background-image: url(../images/j_i32.png); }
.job-strategy-list li:hover .jico { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.pageT { text-align: center; margin-bottom: 60px; }
.pageT .t { color: #0E0E0E; font: 26px/1.2 "microsoft yahei"; }
.pageT .c2 { font: 18px/1.5 "microsoft yahei"; color: #898989; width: 80%; margin: 20px auto 0px; }
.pageT .bot { width: 60px; height: 1px; background-color: #0e0e0e; display: block; margin: 30px auto; overflow: hidden; }
.hrList { font-size: 14px; padding: 10px 0px 40px; color: #969696; }
.hrList .hspan { text-align: center; cursor: pointer; width: 14%; display: block; float: left; height: 60px; line-height: 60px; }
.hrList .hspan1 { text-align: left; padding-left: 6%; }
.hrList .hrdt { border-top: 5px solid #838383; }
.hrList dd { margin-bottom: 3px; position: relative; }
.hrList .hrdt { height: 60px; overflow: hidden; }
.hrList .hrT { background-color: #838383; }
.hrList .hrT .hspan { line-height: 46px; height: 46px; transition: 400ms; -ms-transition: 400ms; -webkit-transition: 400ms; -moz-transition: 400ms; color: #fff; }
.hrList .ib { width: 21px; height: 21px; margin: 15px auto 0px; display: block; position: relative; transition: 400ms; -webkit-transition: 400ms; -moz-transition: 400ms; -ms-transition: 400ms; }
.hrList .ib i { display: block; background-color: #fff; }
.hrList .ib .ic1 { width: 2px; height: 21px; margin-left: 10px; }
.hrList .ib .ic2 { width: 21px; height: 2px; position: absolute; left: 0; top: 50%; margin-top: -1px; }
.hrList .hrB { border: 1px solid #00458e; display: none; }
.hrList .hrCon { width: 91%; margin: 0px auto; padding: 30px 0px 22px; overflow: hidden; }
.hrList .hrCon .pageC { color: #969696; }
.hline { border-top: 1px solid #eeeeee; padding: 32px 0px; margin-top: 35px; }
.hline a:link, .hline a:visited { color: #c52720; text-decoration: underline; }
.hline a:active, .hline a:hover { color: #00458E; }
.hrList .active .ib { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.hrList .active .ib .ic2 { display: none; }
.hrList dd.active .hrT, .hrList dd:hover .hrT { background-color: #00458e; }
.showJoin-btn { background: url(../images/showJoin-btn.png) no-repeat scroll left center; padding-left: 30px; color: #00458e; text-decoration: underline; display: block; float: right; display: block; cursor: pointer; }
.jledmore { font-size: 16px; border: 3px solid #00458e; color: #00458e; width: 140px; height: 45px; display: block; overflow: hidden; position: relative; margin: 0px auto; line-height: 45px; text-align: center; }
.jledmore .m1 { -webkit-transition: border-color 0.3s, color 0.3s; transition: border-color 0.3s, color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); position: absolute; top: 0; left: 0; width: 150%; height: 100%; -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0); -webkit-transform-origin: 0% 100%; z-index: -1; transform-origin: 0% 100%; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s; transition: transform 0.3s, opacity 0.3s, background-color 0.3s; }
.jledmore .m2 { position: relative; z-index: 2; }
.jledmore:hover { color: #fff; }
.jledmore:hover .m1 { opacity: 1; z-index: 1; background-color: #00458e; -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
/*join style end*/
/*contact style*/
.addrebox { float: left; display: block; width: 420px; }
.addrebox .t { font-size: 24px; font-weight: bold; line-height: 1.2; color: #1c1714; padding-bottom: 14px; border-bottom: 1px solid #787878; position: relative; }
.addrebox .en { font-family: arial; padding-left: 14px; color: #787878; font-size: 14px; text-transform: uppercase; }
.addrebox .con { color: #787878; margin: 30px 0px; }
.addrebox .bot { width: 82px; background-color: #c52720; height: 1px; display: block; position: absolute; left: 0px; bottom: -1px; }
.ewmbox { float: right; display: block; width: 356px; padding: 12px 0px 0px; border: 2px solid #bbbbbb; background-color: #f4f4f4; height: 132px; text-align: center; font-size: 12px; }
.ewmbox li { float: left; display: block; width: 50%; text-align: center; }
.ewmbox img { display: block; margin: 0px auto 8px; width: 98px; }
/*contact style end*/

.flinkA { color: #e5e5e5!important; }
.popUpblack { background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1030; display: none; }
.popUp { width: 220px; height: 264px; border: 5px solid #eeeeee; background: #fff; position: fixed; left: 50%; top: 50%; margin: -100px 0 0 -115px; z-index: 1004; }
.popUp .img { padding: 20px; }
.popUp .img img { width: 100%; height: 100%; display: block; }
.popUp .t { padding: 10px 0px; color: #666; font-weight: bold; background: #eeeeee; text-align: center; }