@charset "utf-8";
/* 
 * Project Name:国润和洁
 * Author:浅浅
 * Date：2018-6-8
 */
html, body, div, span, applet, object, iframe, 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, 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; }
table, caption, tbody, tfoot, thead, tr, th, td,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 14px/1.8 /* "微软正黑体","Microsoft JhengHei",*/"Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif,"SimHei","黑体"; margin: 0 auto; color: #666666; 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; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
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:1400px; margin: 0px auto;}
.innerx{ width:1400px; margin: 0px auto;}
.top{ background: url(../images/topbg.jpg) center top no-repeat #fff; width: 100%; height: 140px;}
.logo{ float: left; display: block;}
.top a:link, .top a:visited { color: #464646;}
.top a:active, .top a:hover { color: #014099;}
.logo{ float: left; display: block; padding-top:30px}
.logo a{ display: block; height: 70px; padding: 12px 0px; line-height: 70px;}
.logo a img{ height: 100%; display: block; float: left; display: block;}
.logo a .txt{ float: left; margin-left: 52px; font-size:30px; color: #183883;}
.top-sider{ float: right; display: block; margin-top: 60px;}
.top .top-sider a{ display: inline-block; width: 110px; height: 30px; line-height: 30px; margin-left: 3px; float: left; color: #fff; text-align: center;}
.siderA1{ background-color: #eca838;}
.siderA2{ background-color: #183883;}
.top-sider a:hover{ background-color: #686868;}
.navBox.fixed{ position: fixed; background-color: #fff; left: 0; top: 0; width: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); z-index: 999;}
.nav{ text-align: center;}
.nav a:link, .nav a:visited { color: #fff; }
.nav a:active, .nav a:hover { color: #333; }
.nav li{ display: inline-block; *display: inline; *zoom: 1; position: relative;}
.nav>li>a{ padding: 0px 25px; display: block; height: 50px; line-height:50px; font-size: 16px; font-weight:bold; color: #464646; position: relative; overflow: hidden;}
.nav>li>a:before{ content: ""; width: 100%; height: 3px; background-color: #fff; position: absolute; left: 0; bottom: 12px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); -webkit-transform: scaleX(0); visibility:hidden\9; }
.nav>li>a.active:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility:visible\9;}
.nav>li>a.hov,.nav>li>a.active{ color: #fff;}
.nav>li>a:after{content: '';width: 100%;height: 100%; box-sizing: border-box; position: absolute;top: -100%;left: 0;background-color: #F40100;border-bottom: 3px solid #fff;transition: top .5s;z-index: -1;}
.nav>li>a.hov{ color: #fff;}
.nav>li>a.hov:after{ top: 0;}
.nav .subnav{ position: absolute; left: 0; top: 70%; width: 100%; background-color: #d00;  display: none;}
.nav .subnav a{ display: block; padding: 5px; border-bottom: 1px solid #f00;}
.nav .subnav a:hover{ background-color: #e5e5e5;}
.navBox-con{ position: relative; z-index: 120;}
.logo2{ position: absolute; left: 2%; top: 8px; height: 52px; opacity: 0; transform-origin:0% 100% 0; -webkit-transform-origin:0% 100% 0; -webkit-transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .6s cubic-bezier(.4,0,.2,1); transition:transform .6s cubic-bezier(.4,0,.2,1); transition:transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);}
.logo2 .img{ display: block; margin: 0px auto; height: 100%;}
.navBox.fixed .logo2{ opacity: 1; transform:scaleX(1); -webkit-transform:scaleX(1);}
.inav .nav>li>a{ /*padding-top: 28px; padding-bottom: 32px;*/ line-height:50px}
.inav .nav>li>a:before{ bottom: 0px;}
.navBox-con,.navBox-con .navBox{ height: 50px;}
.inav,.inav .navBox{ height: 50px; background:#cc0000}
.inav .logo2{ top: 16px;}
.pnav{ border-top: 1px solid #ccc;}
.scroll-bot{ background-color: #fff; width: 42px; height: 42px; display: block; border-radius: 50%; position: absolute; left: 50%; bottom: 3%; margin-left: -21px; cursor: pointer;}
.scroll-bot i{ background: url(../images/arrow.png) no-repeat; width: 16px; height: 9px; margin: 14px auto 0; display: block; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; }
}
.pageTH{ height: 0;}
.menu-handler{ width:60px; float:right; height: 60px; display:none; cursor: pointer; margin-left: 20px;}
.menu-handler span { position: relative; display: block; margin: 28.5px auto 0; width: 28px; height: 3px; background-color: #D61D20;  -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}
.menu-handler span:after,
.menu-handler span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 3px; left: 0;
 background-color: #D61D20; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menu-handler span:before {top: -9px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menu-handler span:after {bottom: -9px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menu-handler.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menu-handler.active span:after,.menu-handler.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.menu-handler.active span:before {top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menu-handler.active span:after {bottom: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.menuBox a:link, .menuBox a:visited { color: #636363;}
.menuBox a:active,.menuBox a:hover { color: #636363;}   
.menuBox { background-color: #f4f4f4; color: #636363; position: fixed; display: none; right: 0px; top: 0px;  height: 100%; height:100vh; overflow-x:hidden;  overflow-y:auto;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%); -webkit-overflow-scrolling:touch; width: 400px; z-index: 980;  -webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94); -moz-transition:all .5s cubic-bezier(.25,.46,.45,.94);-ms-transition:all .5s cubic-bezier(.25,.46,.45,.94); -o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94); }
.menuMoblie{ padding:80px 0;}
.menuMoblie li{ border-bottom: 1px solid #cbcbcb;}
.menuMoblie .nav-link { display: block; font-size: 16px; font-weight: bold; padding: 12px 12%; position: relative;}
.menuMoblie .nav-link:before{ content: ""; width: 13px; height: 13px; position: absolute; right: 5%; top: 50%; margin-top: -7px; background: url(../images/arrow2.png) no-repeat scroll center center; opacity: 0; transition: 0.3s; -webkit-transition: 0.3s;}
.menuMoblie .cur .nav-link{ background-color: #CD2120; color: #fff;}
.menuMoblie .cur .nav-link:before { opacity: 1; transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.menuMoblie .subnav { background-color: #fff; padding: 20px 0px; display: none;}
.menuMoblie .subnav a { position: relative; display: block; padding: 8px 12%; line-height: 1.4; color: #333333; font-size: 16px;}
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.4); z-index: 900; visibility:hidden; filter:alpha(Opacity=0);opacity:0;-webkit-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -moz-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -ms-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -o-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;}
.menuOpen .pusher-black { visibility:visible;filter:alpha(enabled=false); opacity:1;}
.menuOpen .menuBox { -moz-transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0);  transform:translateX(0) }
.ermsblack { background: url(../images/black_40.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; }
.ermSBox { width: 220px; height: 264px; border: 5px solid #eeeeee; background: #fff; position: fixed; left: 50%; top: 50%; margin: -100px 0 0 -115px; z-index: 1004; }   
.ermSBox .img { padding: 20px; }
.ermSBox .img img { width: 100%; height: 100%; display: block; }
.foot{ width: 88%; margin: 0px auto; padding: 25px 2%; background-color: #183883; color: #94a5c6;}
.foot a:link, .foot a:visited { color: #94a5c6; }
.foot a:active, .foot a:hover { color: #fff; }
.foot .lbox{ float: left; display: block; width: 60%;}
.foot .rbox{ float: right; display: block;}
.foot-nav{ padding:18px 0 22px;}
.foot .foot-nav a:link, .foot .foot-nav a:visited { color: #fff; }
.foot .foot-nav a:active, .foot .foot-nav a:hover { color: #fff; }
.foot-nav .line{ padding: 0px 10px;}
.foot-nav a{ position: relative;}
.foot-nav a:before{ content:""; width:100%; height:1px; background-color:#fff; position:absolute; left:0; bottom:-2px; 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);  visibility:hidden\9; }
.foot-nav a:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.foot .itemA{ margin-right: 30px;}
.ermBox{ float: left; display: block; width: 98px; margin-left: 30px; text-align: center; font-size: 12px;}
.ermBox .img{ width: 100%; display: block; margin-bottom: 5px;}
.link-select-box a:link, .link-select-box a:visited { color: #fff;}
.link-select-box a:active,.link-select-box a:hover { color: #fff;}  
.link-select-box { float: left; display: block; background-color: #0b2768; width:256px; height: 56px; position: relative; transition: 300ms; -webkit-transition: 300ms; margin-top: 18px;}
.link-select-box .mt { padding: 0 54px 0 20px; background-color: #0b2768; color: #6785cd; position: relative; cursor: pointer; line-height: 56px;  transition: 0.3s; -webkit-transition: 0.3s;}
.link-select-box .mt .aw { position: absolute; top: 50%; margin-top: -4px; right: 22px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #6785cd;  transition: 300ms; -webkit-transition: 300ms; }
.link-select-box .mc { padding-bottom: 3px; position: absolute; left: 0px; right: 0px; bottom: 100%; z-index: 100; display: none; }
.link-select-box:hover .mt{ background-color: #f2f2f2; color: #014099;}
.link-select-box:hover .mt .aw{ border-top-color: #014099;}
.link-select-box ul { background-color: #828282; padding: 15px 0; overflow: hidden; }
.link-select-box a { display: block; padding: 8px 20px; line-height: 1.4; font-size: 12px;}
.link-select-box a:hover { background-color: #014099; }
.link-select-box.act .mt .aw { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
.dock-box a:link, .dock-box a:visited{ color: #666666;}
.dock-box a:active,.dock-box a:hover { color: #fff;}
.dock-box{ position: fixed; right: 0; top: 50%; margin-top: -63px; z-index: 1000;}
.dock-list{ width: 42px; float: right;}
.dock-list .item{ width: 42px; background-color: #014099; display: block; position: relative; text-align: center;}
.dock-list .item .ico{ width: 42px; height: 42px; margin: 0px auto; display: block; position: relative;}
.dock-list .item .ico i{ width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; display: block; position: absolute; left: 0; top: 0;}
.dock-list .item1{ background-color: #014099;} 
.dock-list .item2{ background-color: #f09a0e;} 
.dock-list .backTop{ background-color: #999999; display: none;}
.dock-list .item:hover{ background-color: #535353;}
.dock-list .backTop.showme{ display: block;}
/* 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: #f1f1f1 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; }
/* 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; padding: 0; border: none; outline: none; }
/* Dots */
.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; text-indent:-9999px }
@-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);}
}
/* pswp = photoswipe */
.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}
.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}
.pswp img{max-width:none}
.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--open{display:block}
.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}
.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/black_90.png) repeat;background:none rgba(0,0,0,.9);opacity:0;transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}
.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}
.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}
.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}
.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}
.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}
.pswp__img--placeholder{-webkit-backface-visibility:hidden}
.pswp__img--placeholder--blank{background:#222}
.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}
.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#CCC}
.pswp__error-msg a{color:#CCC;text-decoration:underline}
.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}
.pswp__button:focus,.pswp__button:hover{opacity:1}
.pswp__button:active{outline:0;opacity:.9}
.pswp__button::-moz-focus-inner{padding:0;border:0}
.pswp__ui--over-close .pswp__button--close{opacity:1}
.pswp__button{background:url(../images/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}
@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){,.pswp--svg .pswp__button{background-image:url(../images/default-skin.svg)}
.pswp--svg .pswp__button--arrow--left{background:url(../images/i_banner_l.png) no-repeat scroll center center}
.pswp--svg .pswp__button--arrow--right{background:url(../images/i_banner_r.png) no-repeat scroll center center}
.pswp--svg .pswp__button--close{color:#fff}
}
.pswp__button--close{background-position:0 -44px}
.pswp__button--share{background-position:-44px -44px}
.pswp__button--fs{display:none}
.pswp--supports-fs .pswp__button--fs{display:block}
.pswp--fs .pswp__button--fs{background-position:-44px 0}
.pswp__button--zoom{display:none;background-position:-88px 0}
.pswp--zoom-allowed .pswp__button--zoom{display:block}
.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}
.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}
.pswp__button--arrow--left,.pswp__button--arrow--right{top:50%;background:url(../images/i_banner_l.png) no-repeat scroll center center #a4a4a4;margin-top:-23px;width:44px;height:44px;position:absolute;border-radius:5px}
.pswp__button--arrow--left{left:2%}
.pswp__button--arrow--right{right:2%;background-image:url(../images/i_banner_r.png)}
.pswp__button--arrow--left:hover,.pswp__button--arrow--right:hover{background-color:#ECA838;}
.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__share-modal--hidden{display:none}
.pswp__share-tooltip{z-index:1620;position:absolute;background:#FFF;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}
.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}
.pswp__share-tooltip a:hover{text-decoration:none;color:#000}
.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}
.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}
.pswp__share-modal--fade-in{opacity:1}
.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.pswp--touch .pswp__share-tooltip a{padding:16px 12px}
a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}
a.pswp__share--facebook:hover{background:#3E5C9A;color:#FFF}
a.pswp__share--facebook:hover:before{border-bottom-color:#3E5C9A}
a.pswp__share--twitter:hover{background:#55ACEE;color:#FFF}
a.pswp__share--pinterest:hover{background:#CCC;color:#CE272D}
a.pswp__share--download:hover{background:#DDD}
.pswp__counter{float:left;height:44px;font-size:13px;line-height:44px;color:#FFF;opacity:.75;padding:0 10px}
.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}
.pswp__caption__center{text-align:center;max-width:600px;font-size:15px;margin:0 auto;padding:20px 10px;color:#fff}
.pswp__caption__center .xzy-zan{float:right;display:block}
.pswp__caption--empty{display:none}
.pswp__caption--fake{visibility:hidden}
.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}
.pswp__preloader__icn{width:20px;height:20px;margin:12px}
.pswp__preloader--active{opacity:1}
.pswp__preloader--active .pswp__preloader__icn{background:url(preloader.gif) 0 0 no-repeat}
.pswp--css_animation .pswp__preloader--active{opacity:1}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}
.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}
.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}
.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}
@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}
}
@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}
.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}
.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}
.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}
.pswp__ui--idle .pswp__top-bar{opacity:1}
.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}
.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}
.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}
.pswp__element--disabled{display:none!important}
.pswp--minimal--dark .pswp__top-bar{background:0 0}
#gallery2 .pswp__caption__center{text-align:center;font-size:18px}
/*base style end*/
/*index style*/
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.transXT50 { 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; }
.transYT50 { 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; }
.action.transYT50{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT50 { 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; }
.dly_9 { transition-delay: 900ms; -webkit-transition-delay: 900ms; }
.dly_10 { transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }
.dly_11 { transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }
.banner a:link, .banner a:visited { color: #fff; }
.banner a:active, .banner a:hover { color: #fff; }
.banner { position: relative; overflow: hidden; width: 100%; margin: 0px auto; height: calc(100vh - 162px); background-color: #f7f7f7; }
.banner .img{ position: absolute; left: 0px; top: 0px; bottom: 0; right: 0; height: 100%; overflow: hidden;}
.banner .pimg { width: 100%; display: block; position: absolute; overflow: hidden;}
.banner .bimg{ display: none; width: 100%; position: relative;}
.banner .item { position: relative; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.banner .yy{ position: absolute; left: 0; bottom: 0; width: 100%; height: 40%; background: url(../images/yy.png) repeat-x scroll left bottom;
background: -moz-linear-gradient(bottom, rgba(0,0,0,0.9), rgba(0,0,0,0)); 
background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9)); 
background: -webkit-gradient(linear, 0% 40%, 0% 100%, rgba(0,0,0,0), rgba(0,0,0,0.9));  }
.banner .binbox { position: absolute; width: 1000px; overflow: hidden; left: 50%; margin-left: -500px; top: 0; height: 100%; display: table; text-align: center; color: #fff;}
.binbox .by{ font-size: 36px; line-height: 1.2;}
.binbox .t{ font-size: 60px; line-height: 1.1; margin-top: 10px;}
.binbox .bot { width: 100%; height: 1px; overflow: hidden; margin: 25px auto 0; background-color: #ffffff; position: relative; line-height: 1px;}
.binbox .bot span { position: absolute; left: 0px; top: 0px; background-color: #f08336; height: 1px; }
.binbox .c{ font-size: 16px; margin-top: 22px;}
.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.banner .slick-active .bimg { visibility: visible !important; -webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.banner .slick-active .bot span { -moz-animation: decreaseHeight 6s linear; -webkit-animation: decreaseHeight 6s linear; -o-animation: decreaseHeight 6s linear; animation: decreaseHeight 6s linear; }
.banner .slick-dots{ bottom: 16%; z-index: 104;}
.banner .slick-dots li{ position: relative; display: inline-block; margin: 0px 6px; width: 38px; height: 3px; padding:8px 0px; cursor: pointer;}
.banner .slick-dots li a{ height: 3px; width: 100%; line-height: 3px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; border-radius: 0%; background-color: #fff; opacity: 0.34; filter:alpha(Opacity=34);}
.banner .slick-dots li a:focus{ outline: none; }
.banner .slick-dots li.slick-active a { opacity: 1; filter:alpha(Opacity=100);}
@-webkit-keyframes decreaseHeight {
	from { width:0%;} 
	to {width:100%;}
}
@keyframes decreaseHeight {
	from { width:0%;} 
	to {width:100%;}
}
@-ms-keyframes decreaseHeight {
	from { width:0%;} 
	to {width:100%;}
}
@-o-keyframes decreaseHeight {
	from { width:0%;} 
	to {width:100%;}
}

.grimg{ overflow: hidden;}
.grimg .img{ width: 100%; display: block; transition: transform .6s; -webkit-transition: transform .6s;}
.grimg:hover .img{ transform: scale(1.06); -webkit-transform: scale(1.06);}
.ibox1{ padding-bottom: 35px;}
.ibox-hot a:link, .ibox-hot a:visited { color: #fff; }
.ibox-hot a:active, .ibox-hot a:hover { color: #fff; }
.ibox-hot{ float: left; display: block; width: 60%; height: 478px; overflow: hidden; background:url(../images/10.jpg) repeat-x scroll right bottom #e60000; background-size: cover;}
.ibox-hot .item{ position: relative; overflow: hidden; height: 478px;}
.ibox-hot .grimg{ width: 55%; height: 100%; position: absolute; left: 1px; top: 0;}
.ibox-hot .grimg .imgbg{ background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%;}
.ibox-hot .grimg .imgc{ display: none;}
.ibox-hot .grimg .yy{ position: absolute; left: 0; bottom: 0; width: 100%; height: 197px; background: url(../images/yy2.png) repeat-x scroll left bottom;
background: -moz-linear-gradient(bottom, rgba(0,0,0,0.9), rgba(0,0,0,0)); 
background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7)); 
background: -webkit-gradient(linear, 0% 40%, 0% 100%, rgba(0,0,0,0), rgba(0,0,0,0.7));}
.btnMore{ width: 114px; height: 36px; line-height: 36px; text-align: center; color: #014099; border: 1px solid #014099; display: block; position: relative; overflow: hidden; z-index: 1;}
.btnMore:before{ content:""; width:100%; height:100%; background-color:#014099; z-index: -1; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:transform .42s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.btnMore .txt{ color: #014099;}
.btnMore:hover{ border-color: #014099;}
.btnMore:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9; }
.btnMore:hover .txt{ color: #fff;}
.ibox-hot .con{ width: 39%; float: right; display: block; padding:8% 3% 0 3%; color: #fff;}
.ibox-hot h3{ margin: 30px 0px; font-size: 18px; line-height: 1.5; color: #fff; height: 52px; overflow: hidden;}
.ibox-hot .c{ border-top: 1px solid #ccc; padding-top: 25px; height: 75px; overflow: hidden; margin-bottom: 3%;}
.ibox-hot .btnMore{ border-color: #f09a0e; background-color: #f09a0e;}
.ibox-hot .btnMore .txt{ color: #fff;}
.ibox-hot .btnMore:hover{ border-color: #fcfcfc;}
.ibox-hot .slick-dots { bottom: 3%; z-index: 104; text-align: center; width: 60%;}
.ibox-hot .slick-dots li { position: relative; width: auto; padding: 0px; height: 10px; margin:0px 6px; cursor: pointer; }
.ibox-hot .slick-dots li a { height: 10px; width: 10px; line-height: 10px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; background:none #fff; opacity: 0.9;  filter: alpha(opacity=90); }
.ibox-hot .slick-dots li a:focus { outline: none; }
.ibox-hot .slick-dots li.slick-active a { background: none #3589de; opacity: 1; filter: alpha(opacity=100); }
.linkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/w0.png) no-repeat;}
.ibox-new{ float: right; width: 38%; height: 478px; overflow: hidden;}
.itab-t a{ color: #fff; }
.itab-t a:link { color: #fff; }
.itab-t a:visited { color: #fff; }
.itab-t a:active, .itab-t a:hover { color: #fff; }
.itab-t{ height: 50px; line-height: 50px; margin-bottom: 35px; background-color: #ccc;}
.itab-t a{ float: left; display: block; padding: 0px 40px 0px 54px; font-weight: bold; font-size: 16px; position: relative;}
.itab-t a:before{ content: ""; position: absolute; left: 30px; top: 50%; margin-top: -6px; width: 12px; height: 12px; /*border-radius: 50%; border: 3px solid #fff; width: 6px; height: 6px;*/ display: block; background: url(../images/y_ico.png) no-repeat center center;}
.itab-t a.active{ background-color: #FF0101;}
.ibox-new-tabC{ height: 393px;}
.ibox-new-tabC .ibox-new-txt{ height: 393px; display: none; -webkit-animation-name: tab; animation-name: tab; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
 @-webkit-keyframes tab {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes tab {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
.black-20{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/black_20.png) repeat; background: none rgba(0,0,0,0.2);}
.black-50{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5);}
.ibox-new-tabC .ibox-new-txt.active{ display: block;}
.ibox-new-tabC a:link, .ibox-new-tabC a:visited { color: #666; }
.ibox-new-tabC a:active, .ibox-new-tabC a:hover { color: #014099; }
.ibox-new-tabC{ position: relative;}
.ibox-add-more{ width: 50px; height: 50px; position: relative;}
.ibox-add-more i{ background-color: #fff; position: absolute; left: 50%; top: 50%; }
.ibox-add-more .l1{ width:16px; height: 2px; margin: -1px 0px 0px -8px;}
.ibox-add-more .l2{ height:16px; width: 2px; margin: -8px 0px 0px -1px;}
.ibox-new-tabC .ibox-add-more{ position: absolute; right: 2%; top: -85px;}
.ibox-add-more:hover{ transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.new-Item1{ border-bottom: 1px solid #cccccc; padding:0px 2% 30px; margin-bottom: 25px; position: relative; overflow: hidden;}
.new-Item1 .img{ float: left; display: block; width: 40%; overflow: hidden; position: relative;}
.new-Item1 .black-20{ opacity: 0; visibility: hidden\9; transition: 0.3s; -webkit-transition: 0.3s;}
.new-Item1 .img .imgbg{ height: 142px; background-position: center center; background-repeat: no-repeat; transition: transform .6s; -webkit-transition: transform .6s;}
.new-Item1 .img img{ width: 100%; display: none;}
.new-Item1 .con{ float: right; width: 56%;}
.new-Item1 h4{ font-size: 18px; line-height: 1.5; margin-bottom: 15px;}
.ellipsisT{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.new-Item1 .c{ color: #999999; height: 50px; overflow: hidden; margin-bottom: 25px;}
.new-Item1 .time{ font-size: 12px;}
.new-Item1:hover .imgbg{ transform: scale(1.06); -webkit-transform: scale(1.06);}
.new-Item1:hover h4{ color: #f09a0e;}
.new-Item1:hover .black-20{ opacity: 1; visibility: visible\9;}
.new-list1 .r{ font-size: 12px; margin-left: 10px;}
.new-list1 a{ display: block; height: 36px; line-height: 36px; overflow: hidden; padding-left: 32px; background: url(../images/dian1.png) no-repeat scroll 15px center;}
.new-list1 a:hover{ background-image: url(../images/dian2.png);}
.blue-70{ background: url(../images/blue_70.png) repeat; background: none rgba(205,33,32,1);}
.fixedImg { background-position: center top; background-repeat: no-repeat; background-size: cover;}
.ibox-business a:link, .ibox-business a:visited { color: #fff; }
.ibox-business a:active, .ibox-business a:hover { color: #fff; }
.ibox-business{ padding: 90px 0px; color: #fff; text-align: center;}
.iboxT{ font-size: 30px; font-weight: bold; line-height: 1.5; margin-bottom: 35px;}
.ibox-business-demo{ margin-bottom: 55px;}
.ibox-business-one{ padding-bottom: 10px;}
.ibox-business-one li{ display: inline-block;  *display: inline; *zoom: 1; margin: 0px 10px 28px; width: 138px; text-align: center; position: relative;}
.ibox-business-one .ico{ width: 98px; height: 98px; display: block; border-radius: 50%; border: 2px solid #9ab0d1; border:2px solid rgba(255,255,255,0.48); position: relative; margin: 0px auto 15px;}
.ibox-business-one .ico .txt { color: #fff; -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; display: block;}
.ibox-business-one .ico .txt:before { position: relative; content: ''; display: block; margin-top: 100%;}
.ibox-business-one .ico .txt:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%;}
.ibox-business-one .ico i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center;}
.ibox-business-one .ico i.i2{ display: none;}
.ibox-business-one .c{ font-weight: bold; font-size: 16px; line-height: 1.5; height: 96px; overflow: hidden;}
.ibox-business-one li:hover .ico i.i1{ display: none;}
.ibox-business-one li:hover .ico i.i2{ display: block;}
.ibox-business-one li:hover .ico{ background-color: #fff; -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; }
@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); }
}
@-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); }
}
.ibox-business-one li:hover .ico .txt {-moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s;animation: anim-out 0.75s;}
.ibox-business-one li:hover .ico .txt:after {-moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.75s; animation: anim-out-pseudo 0.75s;}
@-webkit-keyframes anim-out-pseudo {
  0% {background: rgba(0, 0, 0, 0.45);}100% {background: transparent;}
}
@-moz-keyframes anim-out-pseudo {
  0% { background: rgba(0, 0, 0, 0.45); }100% { background: transparent; }
}
@-ms-keyframes anim-out-pseudo {
  0% {background: rgba(0, 0, 0, 0.45);}100% { background: transparent;}
}
@keyframes anim-out-pseudo {
  0% { background: rgba(0, 0, 0, 0.45);}100% {background: transparent;}
}
@-webkit-keyframes anim-out {
  0% { width: 0%;}100% {width: 100%; }
}
@-moz-keyframes anim-out {
  0% { width: 0%; } 100% {width: 100%;}
}
@-ms-keyframes anim-out {
  0% {width: 0%;}100% {width: 100%;}
}
@keyframes anim-out {
  0% {width: 0%; } 100% {width: 100%;}
}
.ibox-business-two li{ display: inline-block;  *display: inline; *zoom: 1; margin: 0px 4px 8px; text-align: center; position: relative;}
.ibox-business-two a{ width: 272px;  height:82px; line-height: 82px; display: block; background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.8); font-weight: bold; font-size: 16px;}
.ibox-business .ibox-business-two a{ color: #333333;}
.ibox-business .ibox-business-two a:hover{ background-color: #f09a0e; color: #fff;}
.ibox-add-more2 i{ background-color: #99a1b4;}
.ibox2{ margin-bottom: 55px;}
.ibox-two a:link, .ibox-two a:visited { color: #666; }
.ibox-two a:active, .ibox-two a:hover { color: #014099; }
.ibox-two-t{ line-height: 50px;}
.ibox-two-t .ibox-add-more{ float: right; display: block;}
.ibox-two-t .name{ font-size: 20px; font-weight: bold; position: relative; padding-left: 28px; background: url(../images/y_ico2.png) no-repeat scroll left center;}
.ibox-two{ float: left; display: block; width: 34%; margin-right: 2%;}
.ibox-two1{ float: left; display: block; width: 31%; margin-right: 2%;}
.ibox-two2{ float: left; display: block; width: 31%; margin-right: 0%;}
.ibox-two3{ float: left; display: block; width: 29%; margin-right: 2%;}
.ibox-two .imgbg{ background-repeat: no-repeat; background-position: center center; background-size: cover; height: 176px;}
.ibox-two .imgbg .img{ display: none;1}
.ibox-two .con{ background-color: #f7f7f7; padding: 24px 20px; height: 200px;}
.ibox-two .new-list1 a{ padding-left: 14px; background-position-x: left;}
.ibox-case{ width: 38%; float: right; display: block;}
.ibox-case-demo{ height:420px; overflow: hidden;}
.ibox-case-demo .item{ position: relative; overflow: hidden;}
.ibox-case-demo .grimg{ height:380px; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.ibox-case-demo .grimg .img{ display: none;}
.ibox-case-demo .txt{ bottom: 0; padding: 10px 5%; width: 90%; text-align: center; color: #fff; font-size: 18px; line-height: 1.5;}
.ibox-case-demo .slick-arrow{ background: ; background: none rgba(0,0,0,0.5); width: 36px; height: 46px; z-index: 105; top: 50%; margin-top: -23px;}
.ibox-case-demo .slick-arrow i{ width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}
.ibox-case-demo .slick-prev{ left: 0; }
.ibox-case-demo .slick-next{ right: 0;}
.ibox-case-demo .slick-prev i{ background: url(../images/i_banner_l.png) no-repeat scroll center center;}
.ibox-case-demo .slick-next i{ background: url(../images/i_banner_r.png) no-repeat scroll center center;}
.ibox-case-demo .slick-arrow:hover{ background: none #f09a0e;} 
/*index style end*/
/*about style*/
.pbanner{ height: 325px; position: relative; overflow: hidden;}
.pbanner .img{ background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%;}
.page-inner{ width:100%; margin: 0px auto;}
.page-nav-btn a:link, .page-nav-btn a:visited { color: #363636;}
.page-nav-btn a:active,.page-nav-btn a:hover { color: #FFFFFF;}  
.page-nav-btn{ background-color: #fff; text-align: center;}
.page-nav-btn li{  display: inline-block; *display: inline; *zoom: 1;}
.page-nav-btn a{ padding: 0px 28px; height: 50px; line-height: 50px; font-size: 16px; display: block; position: relative; margin-right: -1px; z-index: 1;}
.page-nav-btn a:after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #E3001E; z-index: -1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .5s cubic-bezier(.4,0,.2,1); transition:transform .5s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.page-nav-btn a.active:after,.page-nav-btn a:hover:after{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9; }
.page-nav-btn a.active{ color: #fff; font-weight:bold}
.bgf0f2f5{ background-color: #F8F8F5;}
.pagePadding{ padding: 80px 0px;}
.aboutBox{  font-size: 16px; margin: 0px auto;}
.pageC a:link, .pageC a:visited { color: #183883; }
.pageC a:active, .pageC a:hover { color: #f09a0e;}
.pageC img{ max-width: 100% !important; height: auto !important; }
.pageC{ overflow: hidden; color: #666; text-align: justify;}
.pageT{ padding-bottom: 40px; color: #333; text-align: center;}
.pageT .zh{ font-size: 30px; font-weight: bold; line-height: 1.5;}
.pageT .en{ font-weight: bold; line-height: 1.5;}
.pageT .by{ font-weight: bold; line-height: 1.5; font-size: 18px;}
.pageT .bot{ width: 48px; height: 4px; background-color: #c00; display: block; margin: 20px auto 0;}
.inner1200{ width: 1200px; margin: 0px auto;}
.equityPage table{ width: 100%; font-size: 16px;}
.equityPage td{ padding: 40px; border: 1px solid #c3c3c3; width: 33.33%; vertical-align: top;}
.equityPage td.fc{ color: #fff;}
.equityPage td h3{ font-size: 22px; line-height: 1.5;}
.equityPage td h4{ font-size: 18px;}
.history-box{ margin: 0% auto; position: relative;}
.history-box .bot{ width: 100%; position: absolute; left: 0; top: 50px; height: 2px; background-color: #aeb7cd;}
.history-demo a:link, .history-demo a:visited { color: #183883; }
.history-demo a:active, .history-demo a:hover { color: #f09a0e;}
.history-demo{ width: 1400px; margin: 0px auto;}
.history-demo .item{ margin: 0px 30px;}
.history-demo h4{ color: #183883; font-size: 24px; height: 50px; overflow: hidden; font-family: arial, helvetica, sans-serif;}
.history-demo .con{ border-left: 2px solid #aeb7cd; padding:0 20px; position: relative;}
.history-demo .yd{ width: 12px; height: 12px; background-color: #183883; border-radius: 50%; position: absolute; left: -6px; top: -6px;}
.history-demo .yue{ padding-top: 30px; font-size: 16px; font-family: arial, helvetica, sans-serif; color: #183883; font-weight: bold;}
.history-demo .c{ font-size: 16px; color: #666;}
.history-demo .slick-arrow{ background-color: #aeb7cd; border-radius: 50%; overflow: hidden; width:54px; height: 54px; z-index: 105; top: 24px;}
.history-demo .slick-arrow:before{ content: ''; position: absolute; border-radius: 50%; top: 0; left: 0; width: 100%; height: 100%; background-color: #eca838; transform: scale(0); -webkit-transform: scale(0); transition: all .5s; -webkit-transition: all .5s; opacity: 0; visibility: hidden\9; z-index: -1;}
.history-demo .slick-arrow:hover:before { transform: none; -webkit-transform: none; opacity: 1; visibility: visible\9;}
.history-demo .slick-arrow i{ width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}
.history-demo .slick-prev{ left: -55px; }
.history-demo .slick-next{ right: -55px;}
.history-demo .slick-prev i{ background: url(../images/i_banner_l.png) no-repeat scroll center center;}
.history-demo .slick-next i{ background: url(../images/i_banner_r.png) no-repeat scroll center center;}
.strategyPage{ background-color: #fff; width: 914px; padding: 80px; margin: 0px auto;}

.paging { padding: 26px 0px 10px; text-align: center; }
.paging a:link, .paging a:visited { color: #ffffff; }
.paging a:active, .paging a:hover { color: #ffffff; background-color: #E3001E; }
.paging a{ display: inline-block; margin: 0px 3px!important; background-color: #7f889d; padding: 5px 14px;}
.paging .prev, .paging .next { display: inline-block; color: #fff; background-repeat: no-repeat; background-position: center center;}
.paging a.act{ background-color: #E3001E; }

.qualificationList a:link, .qualificationList a:visited { color: #666;}
.qualificationList a:active,.qualificationList a:hover { color: #183883;}
.qualificationList{ margin-left: -1%; padding-bottom: 25px;}  
.qualificationList dd{ float: left; display: block; width: 24%; margin-left: 1%; position: relative; transition:0.43s; -webkit-transition:0.43s; background-color: #fff; margin-bottom: 18px; cursor: zoom-in;}
.qualificationList .img{ position: relative; overflow: hidden;}
.qualificationList .img img{ width: 100%; display: block; transition:0.6s; -webkit-transition:0.6s;}
.qualificationList .bor{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 5px solid #eca838; box-sizing: border-box; opacity: 0; transform: scale(1.5); -webkit-transform: scale(1.5); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
.qualificationList dd:hover .img img{ transform:scale(1.02); -webkit-transform:scale(1.02); }
.qualificationList dd:hover{ box-shadow:0 0 29px rgba(0,0,0,0.33);}
.qualificationList dd:hover .bor{ opacity: 1;  transform:scale(1); -webkit-transform:scale(1);}
.member-list a:link, .member-list a:visited { color: #666666; }
.member-list a:active, .member-list a:hover { color: #666666; }
.member-list dd{ position: relative; color: #666666;}
.member-list a.item{ display: block;position: relative; overflow: hidden;}
.member-list li{ background-color: #fff; margin: 0px 0px 20px;}
.member-list li .img{ width: 50%; display: block; position: relative; overflow: hidden;}
.member-list li .img img{ transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;  width: 100%; display: block; transform: scale(1.06); -webkit-transform: scale(1.06);}
.member-list .img .blue-70{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden;transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; }
.member-list .con{ width: 40%; height: 100%; position: absolute;  top: 18%;}
.member-list .con .title{ font-size: 24px; font-weight: bold; line-height: 1.5; overflow: hidden; margin-bottom: 20px;}
.member-list .con .c{ font-size: 16px; line-height: 1.5; height: 72px; overflow: hidden; margin-bottom: 50px;}
.member-list .btnMore{ border: 1px solid #7f889d;}
.member-list .btnMore .txt{ color: #666666;}
.member-list .btnMore:before{ background-color: #ECA838;}
.member-list .oneItem .con{ left: 55%;}
.member-list .twoItem .img{ margin-left: 50%;}
.member-list .twoItem .con{ left: 5%;}
.member-list li:hover .btnMore:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.member-list li:hover .btnMore{ border-color: #ECA838;}
.member-list li:hover .btnMore .txt{ color: #fff;}
.member-list li:hover .title{ color: #183883;}
.member-list li:hover img{ transform: inherit; -webkit-transform: inherit;}
.member-list li:hover .blue-70{ opacity: 1; visibility: visible;}
.memberPage{ width: 1100px; margin: 0px auto;}
.memberPage .pageC{ background-color: #fff; padding: 70px 110px; font-size: 16px;}
.member-t{ background-color: #9fabbc; padding: 50px 110px; color: #fff; font-weight: bold; font-size: 32px;}
.balck-member{ background-color: #014099; border-radius: 50%; width: 76px; text-align: center; display: block; padding: 22px 0px; font-size: 14px; line-height: 1.2; height: 32px; overflow: hidden; display: block; margin:35px auto 0;}
.balck-member .txt{ color: #fff;}
/*about style end*/
/*news style*/
.first-box{ position: relative; overflow: hidden; margin-bottom: 44px; background-color: #fff; transition:0.3s; -webkit-transition:0.3s; }
.first-box .grimg{ float: left; display: block; width: 50%; overflow: hidden;}
.first-box .con{ float: left; display: block; width: 40%; margin-left: 5%; padding-top: 5%;}
.first-box h3{ font-size: 24px; color: #183883; line-height: 1.2; margin-bottom: 25px; max-height: 56px; overflow: hidden;}
.first-box .c{ margin-bottom: 35px; font-size: 16px; height: 56px; overflow: hidden; transition:0.3s; -webkit-transition:0.3s; }
.first-box .time{ font-size: 12px;}
.first-box:hover{-webkit-box-shadow: 0 8px 12px rgba(0,0,0,0.1); box-shadow: 0 8px 12px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}
.first-box:hover h3{ color: #ECA838;}
.first-box:hover .grimg .img{ transform: scale(1.06); -webkit-transform: scale(1.06);}
.new-list2{ padding-bottom: 40px;}
.new-list2 dd{ margin-bottom: 18px; padding: 18px 35px 18px 18px; background-color: #fff; position: relative; transition:0.3s; -webkit-transition:0.3s;}
.timeBox{ background-color: #7F889D; text-align: center; width: 84px; padding: 18px 0px; color: #fff; font-family: arial, helvetica, sans-serif; font-weight: bold; line-height: 1.2; transition:0.3s; -webkit-transition:0.3s;}
.timeBox .day{ display: block; font-size: 30px;}
.timeBox .time{ font-size: 12px;}
.timeBox .tico{ margin: 12px auto 0; background: url(../images/num.png) no-repeat; width: 25px; height: 25px; display: block;}
.new-list2 .timeBox{ float: left; display: inline-block; margin-right: 30px;}
.new-list2 h4{ line-height: 1.5; font-size: 20px; padding: 16px 0px; transition:0.3s; -webkit-transition:0.3s;}
.new-list2 .c{ font-size: 16px; height: 56px; overflow: hidden;}
.new-list2 dd:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.new-list2 dd:hover .timeBox{ background-color: #E3001E;}
.new-list2 dd:hover h4{ color: #183883;}
.infoPage-box{ position: relative; z-index: 1; width:100%; margin: 0px auto 0; padding-bottom: 60px;}
.infoPage{ padding: 40px 50px 60px; background-color: #fff;}
.infoPage .pageC{ font-size: 16px;}
.info-T{ padding:48px 50px 24px; border-bottom:2px solid #ccc; border-top: 5px solid #CC0000; position:relative; background-color: #fff;}
.info-T h3{ color:#183883; font-size:26px; line-height:1.5; margin-bottom:10px; font-weight:normal;}
.info-T time{ font-family: arial, helvetica, sans-serif; font-size:12px;}
.shared{ margin-top:18px;}
.shared span{ color:#666666; font-size:14px; line-height:28px; margin-left:0; float:left;}
.more-fen-btn{ float: right; display: block; color: #fff; background-color: #977751; padding:4px 16px;}
.more-fen-btn:hover{ background-color: #999;}
.sharelist1{ margin-left:4px; float:left;}
.sharelist1 li{ float:left;}
.sharelist1 li a{ height:28px; display:block; position:relative;}
.sharelist1 li{ width:28px; height:28px; position:relative; margin-right:5px;}
.sharelist1 li:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#f2f2f2; border-radius:50%; position:absolute; left:0; top:0; transform:scale(0); -webkit-transform:scale(0); -moz-transform:scale(0); visibility:hidden; transition:0.32s;}
.sharelist1 li:hover:before{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); visibility:visible;}
.sharelist1 li:last-child{ margin-right:0;}
.sharelist1 li a.icon-share1{ background:url(../images/weixin.png) center no-repeat;}
.sharelist1 li a.icon-share2{ background:url(../images/qq.png) center no-repeat;}
.sharelist1 li a.icon-share3{ background:url(../images/weib.png) center no-repeat;}
.sharelist1 li a.icon-share4{ background:url(../images/weibx.png) center no-repeat;}
.sharelist1 li:hover a{ opacity:0.7;}
.shared .bdshare-button-style0-16 a, .shared .bds_more{ margin: 0; padding: 0; float: none;}
.previous{ margin-top: 60px; padding-top:22px; border-top:1px solid #aaaaaa; position:relative;}
.previous .previ{ display:block; width:143px; height:36px; text-align:center; line-height:36px; color:#666666; font-size:14px; border:1px solid #b5b5b5;}
.previous .previ i{ display:inline-block; position:relative; top:1px; width:10px; height:11px; transition:0.28s;}
.previous .prev{ float:left;}
.previous .prev i{ background:url(../images/arrow5.png) center no-repeat; margin-right:16px;}
.previous .next{ float:right;}
.previous .next i{ background:url(../images/arrow6.png) center no-repeat; margin-left:16px;}
.backlist{ display:block; width:145px; height:38px; text-align:center; line-height:38px; color:#fff; background-color:#7F889D; position:absolute; left:50%; margin-left:-72px; top:22px;}
.backlist:hover{ background-color:#CC0000}
.previous .previ:hover{ background-color:#CC0000; border-color:#f09a0e; color:#fff;}
.previous .prev:hover i{ background:url(../images/arrow3.png) center no-repeat; margin-right:18px;}
.previous .next:hover i{ background:url(../images/arrow4.png) center no-repeat; margin-left:18px;}
/*news style end*/
/*performance style*/
.performance-nav a:link, .performance-nav a:visited { color: #fff; }
.performance-nav a:active, .performance-nav a:hover { color: #fff; }
.performance-nav{ text-align: center; margin-bottom: 34px;}
.performance-nav a{ display: inline-block; width: 146px; height: 40px; line-height: 40px; text-align: center; background-color: #a0afd4; font-weight: bold; font-size: 16px; color: #fff; margin: 0px 8px; *display: inline; *zoom: 1;}
.performance-nav a:hover,.performance-nav a.active{ background-color: #183883;}
/*performance style end*/
/*business style */
.business-list a:link, .business-list a:visited { color: #666; }
.business-list a:active, .business-list a:hover { color: #666; }
.business-list li{ position: relative; margin-bottom: 35px; background-color: #fff; transition:0.32s; -webkit-transition:0.32s;}
.business-list li .img{ width: 50%; display: block; position: relative; overflow: hidden;}
.business-list li .img img{ transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;  width: 100%; display: block;}
.business-list .ico{ position: absolute; left: 50%; top: 50%; margin: -50px 0px 0px -50px; background-color: #fff; width: 100px; height: 100px; border-radius: 50%; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.business-list .ico .txt { color: #fff; -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; display: block;}
.business-list .ico .txt:before { position: relative; content: ''; display: block; margin-top: 100%;}
.business-list .ico .txt:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%;}
.business-list .ico i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center;}
.business-list .ico i.i1{ display: none;}
.business-list .con{ width: 36%; height: 100%; position: absolute;  top: 0%; left: 57%;}
.business-list .con h3{ font-size: 24px; color: #183883; line-height: 1.5; margin-bottom: 12px; transition:0.32s; -webkit-transition:0.32s;}
.business-list .con .c{ font-size: 16px;}
.business-list li:hover .img img{ transform: scale(1.06); -webkit-transform: scale(1.06);}
.business-list li:hover .con,.business-list li:hover h3{ color: #fff;}
.business-list li:hover .ico i.i1{ display: block;}
.business-list li:hover .ico i.i2{ display: none;}
.business-list li:hover .ico{ background-color: #eca838; -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; }
.business-list li:hover{ background-color: #183883;}
.model-page table{ background-color: #fff; width: 100%;}
.model-page table td{ vertical-align: top; border-right: 1px solid #ccc;}
.model-page table td:last-child{ border-right: 0px none;}
.model-page .con{ padding: 35px; font-size: 16px;}
.model-page .con h4{ font-size: 20px; color: #333; margin-bottom: 20px; line-height: 1.5;}
.project-list{ margin-left: -2%;}
.project-list li{ float: left; display: block; width: 31.33%; margin:0px 0px 35px 2%; position: relative;}
.project-list .txt{ background-color: #fff; text-align: center; height: 54px; line-height: 54px; font-size: 16px; overflow: hidden; transition:0.3s; -webkit-transition:0.3s;}
.project-list li:hover .grimg img{ transform: scale(1.06); -webkit-transform: scale(1.06);}
.project-list li:hover .txt{ background-color: #CC0000; color: #fff;}
/*business style  end*/
/*work style*/
.pagePadding2{ padding: 54px 0px;}
.workfirst{ margin-bottom: 14px; background-color: #fff; padding: 40px 55px; transition:0.3s; -webkit-transition:0.3s; }
.workfirst .grimg{ float: left; display: block; width: 36%; overflow: hidden;}
.workfirst .grimg .img{ width: 100%; display: block;transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.workfirst .con{ float: left; margin-left: 4%; display: block; width: 60%;}
.workfirst h3{ font-size: 24px; color: #c70a0a; margin-bottom: 15px;}
.workfirst .c{ margin-bottom: 30px; font-size: 16px; height: 84px; overflow: hidden;}
.workfirst .time{ font-size: 12px;}
.workfirst:hover{-webkit-box-shadow: 0 8px 12px rgba(0,0,0,0.1); box-shadow: 0 8px 12px rgba(0,0,0,0.1); /*-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);*/}
.workfirst:hover h3{ color: #ECA838;}
.workfirst:hover .grimg .img{ transform: scale(1.06); -webkit-transform: scale(1.06);}
.work-list a:link, .work-list a:visited { color: #666; }
.work-list a:active, .work-list a:hover { color: #c7000a; }
.work-list{ padding-bottom: 20px; font-family: "微软雅黑";}
.work-list a{ display: block; position: relative; margin-bottom: 3px; background-color: #fff; font-size: 16px; padding: 0px 64px 0 44px; height: 54px; line-height: 54px; border:2px solid #fff; overflow: hidden;}
.work-list a .time{ font-size: 14px; font-family: arial, helvetica, sans-serif; margin-right: 30px;}
.work-list .ico{ background: url(../images/more_ico.png) no-repeat; width: 12px; height: 20px; position: absolute; right: 2%; top: 50%; margin-top: -10px; opacity: 0; visibility: hidden\9; transform: translateX(-8px); -webkit-transform: translateX(-8px); transition:0.3s; -webkit-transition:0.3s;}
.work-list a:hover{ border-color: #ec9c9c;}
.work-list a:hover .ico{ transform: inherit; -webkit-transform: inherit; opacity: 1; visibility: visible\9;}
.learningList a:link, .learningList a:visited { color: #fff; }
.learningList a:active, .learningList a:hover { color: #fff; }
.learningList ul { margin-left: -3%; }
.learningList li { width: 22%; float: left; display: block; margin: 0px 0px 25px 3%; position: relative; }
.learningList .img { overflow: hidden; position: relative;}
.learningList .img img { width: 100%; display: block; }
.learningList .img img.img2{ display: none; position: absolute; left: 0px; top: 0; width: 100%; height: 100%;}
.learningList .con { position: absolute; top: 30%; width: 80%; left: 10%; text-align: center; font: bold 16px/1.5 "microsoft yahei"; }
.learningList .num { margin-bottom: 10px; }
.learningList .c { padding: 10px 0px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; }
.learningList .btn { width: 110px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; font-weight: bold; color: #c6271d; background-color: #fff; border-radius: 5px; position: absolute; bottom: 10%; left: 50%; margin-left: -55px; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.learningList li:hover .btn { background-color: #c6271d; color: #fff; }
.learningList li:hover img.img2{ display: block;}
/*work style end*/
/*culture style*/
.culture-list dd{ margin-bottom: 30px; background-color: #fff; padding: 75px 65px;}
.culture-list .pageT{ float: left; display: block; text-align: left;}
.culture-list .pageT .bot{ margin-left: 0; margin-right: 0;}
.culture-list .numlist{ float: right; display: block;}
.numlist li{ float: left; display: block; width: 98px; height: 98px; line-height: 98px; border:2px solid #a0afd4; text-align: center; border-radius: 50%; font-size: 24px; font-weight: bold; color: #183883; margin-left: 60px; cursor: pointer;}
.numlist li:hover{ -webkit-animation: icoI 1s linear infinite; animation: icoI 1s linear infinite;}
@-webkit-keyframes icoI {
    0% { -webkit-transform: translate(0px, 0px); }
    25% { -webkit-transform: translate(0px, -10px); }
    50% { -webkit-transform: translate(0px, 0px); }
    75% { -webkit-transform: translate(0px, 10px); }
    100% { -webkit-transform: translate(0px, 0px);}
}
@-moz-keyframes icoI {
    0% { -moz-transform: translate(0px, 0px); }
    25% { -moz-transform: translate(0px, -10px); }
    50% { -moz-transform: translate(0px, 0px); }
    75% { -moz-transform: translate(0px, 10px); }
    100% { -moz-transform: translate(0px, 0px);}
}

@keyframes icoI {
    0% { transform: translate(0px, 0px); }
    25% { transform: translate(0px, -10px); }
    50% { transform: translate(0px, 0px); }
    75% { transform: translate(0px, 10px); }
    100% { transform: translate(0px, 0px);}
}
/*culture style end*/
/*tendering style*/
.tendering-list{ margin-bottom: 30px;}
.tendering-list dt{ background-color: #c4cfd5; color: #183883; font-weight: bold; font-size: 20px; line-height: 1.5; padding: 15px 5%; transition:0.3s; -webkit-transition:0.3s;}
.tendering-list dd{ padding: 35px 5%; background-color: #fff; font-size: 16px;}
.tendering-list:hover dt{ background-color: #ECA838; color: #fff;}
.labourUnion-list{ margin-left: -1%;}
.labourUnion-list li{ float: left; display: block; width: 32.33%; margin:0px 0px 32px 1%; position: relative;}
.labourUnion-list .img { overflow: hidden; position: relative;}
.labourUnion-list .img img { width: 100%; display: block; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.labourUnion-list .con{ background-color: #fff; padding: 18px 25px 20px; position: relative; z-index: 1; transition:0.3s; -webkit-transition:0.3s;}
.labourUnion-list .con:before{ content:""; z-index: -1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #f09a0e; -webkit-transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); transform-origin:50% 100% 0; -webkit-transform-origin:50% 100% 0; visibility:hidden\9;}
.labourUnion-list .time{ font-family:arial, helvetica, sans-serif; text-align: right;}
.labourUnion-list .t{ height: 45px; overflow: hidden; margin-bottom: 8px; font-size: 15px; line-height: 1.5;}
.labourUnion-list li:hover .img img{ transform: scale(1.06); -webkit-transform: scale(1.06);}
.labourUnion-list li:hover .con{ color: #fff;}
.labourUnion-list li:hover .con:before{transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transform-origin:50% 0 0; -webkit-transform-origin: 50% 0 0;visibility:visible\9;}
/*tendering style end*/
/*cooperation style*/
.partnerList a:link, .partnerList a:visited { color: #666; }
.partnerList a:active, .partnerList a:hover { color: #F09A0E; }
.partnerList{ margin-left: -3%;}
.partnerList li{ float: left; display: block; width: 22%; margin:0px 0px 40px 3%;}
.partnerList .desc{ font-size: 16px; height: 48px; overflow: hidden; text-align: center; line-height: 1.5; margin-top: 8px;}
/*cooperation style end*/
/*contact style*/
.mapBox{ height: 450px; border-bottom: 5px solid #587cd0;}
.anchorBL,.BMap_cpyCtrl{ display: none !important;}
.w912{ width: 912px; margin: 0px auto; background-color: #fff;}
.w912 .pageC{ padding: 62px 80px; font-size: 16px;}
.w912 .pageT{ text-align: left;}
.add-box{ padding: 32px 8% 0; margin-top: 32px; border-top: 1px dashed #CCCCCC;}
/*contact style end*/
/*personnel style*/
.talentPage{ width: 740px; margin: 0px auto; text-align: center; font-size: 16px;}
.talentPage .by{ background-color: #F09A0E; color: #fff; font-weight: bold; font-size: 36px; padding: 5px 26px;}
#hrPage{ background-color: #d3d7dd;}
.c183883{ color: #183883;}
.hrList{ width: 1076px; margin: 0px auto; font-size: 15px;}
.hrList .hspan{ text-align:center;cursor:pointer; width: 14%; display: block; float: left; height: 50px; line-height: 50px;}
.hrList .hspan1{ text-align: left; padding-left: 5%; width: 25%;}
.hrList .hrdt{ background-color: #acacac; color: #fff;}
.hrList dd{ margin-bottom: 3px; position: relative;}
.hrList .hrdt{ height: 50px; overflow: hidden;}
.hrList .hrT{ background-color: #f2f2f2; color:#666666;}
.hrList .hrT .hspan{ line-height: 50px; height: 50px;}
.hrList .ib{ width:16px; height:16px; margin: 17px auto 0px; display: block; position:relative; transition:400ms;-webkit-transition:400ms;}
.hrList .ib i{ display:block; background-color:#999999;}
.hrList .ib .ic1{ width:2px; height:16px; margin-left:7px;}
.hrList .ib .ic2{ width:16px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px;}
.hrList .hrB{ border: 1px solid #eca838; display: none; background-color: #fff;}
.hrList .hrCon{ width: 91%; margin: 0px auto; padding:30px 0px 50px; overflow: hidden;}
.hrList dd.active .hrT,.hrList dd:hover .hrT{ background-color:#eca838; color: #fff;}
.hrList .active .ib i{ background-color: #fff;}
.hrList .active .ib{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);}
.hrList .active .ib .ic2{ display: none;}
.activities-demo{ padding-bottom: 50px; width: 92%; margin: 0px auto;}
.activities-demo .item{ position: relative; overflow: hidden; float: left; margin: 0px 15px;}
.activities-demo .txt{ background-color: #fff; text-align: center; height: 54px; line-height: 54px; font-size: 16px; overflow: hidden; transition:0.3s; -webkit-transition:0.3s;}
.activities-demo .item:hover .grimg img{ transform: scale(1.06); -webkit-transform: scale(1.06);}
.activities-demo .item:hover .txt{ background-color: #ECA838; color: #fff;}
.activities-demo .slick-dots { bottom: 0; z-index: 104; text-align: center; width: 100%;}
.activities-demo .slick-dots li { position: relative; width: auto; padding: 0px; height: 10px; margin:0px 6px; cursor: pointer; }
.activities-demo .slick-dots li a { height: 10px; width: 10px; line-height: 10px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; background:none #7d7267; opacity: 0.9;  filter: alpha(opacity=90); }
.activities-demo .slick-dots li a:focus { outline: none; }
.activities-demo .slick-dots li.slick-active a { background: none #eca838; opacity: 1; filter: alpha(opacity=100); }
.activities-demo .slick-arrow{ background-color: #aeb7cd; border-radius: 50%; overflow: hidden; width:40px; height: 40px; z-index: 105; top: 50%; margin-top: -20px;}
.activities-demo .slick-arrow:before{ content: ''; position: absolute; border-radius: 50%; top: 0; left: 0; width: 100%; height: 100%; background-color: #eca838; transform: scale(0); -webkit-transform: scale(0); transition: all .5s; -webkit-transition: all .5s; opacity: 0; visibility: hidden\9; z-index: -1;}
.activities-demo .slick-arrow:hover:before { transform: none; -webkit-transform: none; opacity: 1; visibility: visible\9;}
.activities-demo .slick-arrow i{ width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}
.activities-demo .slick-prev{ left: -50px; }
.activities-demo .slick-next{ right: -50px;}
.activities-demo .slick-prev i{ background: url(../images/i_banner_l.png) no-repeat scroll center center;}
.activities-demo .slick-next i{ background: url(../images/i_banner_r.png) no-repeat scroll center center;}
.activities-list{ padding-bottom: 10px; width: 95%; margin: 0px auto;}
.activities-list li{ float: left; display: block; margin: 0px 0px 35px 3%; width: 29.33%; position: relative;}
.activities-list .txt{ background-color: #fff; padding: 0px 3%; text-align: center; height: 54px; line-height: 54px; font-size: 16px; overflow: hidden; transition:0.3s; -webkit-transition:0.3s;}
.activities-list li:hover .grimg img{ transform: scale(1.06); -webkit-transform: scale(1.06);}
.activities-list li:hover .txt{ background-color: #ECA838; color: #fff;}
.btnMore{ margin: 0px auto;}
/*personnel style end*/
/*404 style*/
.noPage{ position: absolute; left: 0%; top: 50%; width: 100%; margin-top: -50%; margin-top: -185px;}
.no-t{ font-size: 18px; font-weight: bold; color: #0652b1; padding: 20px 0px;}
.no-btn{ width: 124px; height: 35px; line-height: 35px; display: block; margin: 0px auto; background-color: #0652b1; text-align: center; color: #fff;}
.no-btn .txt{ color: #fff;}
.no-btn:hover{ background-color: #ECA838;}
/*404 style end*/
/*enquiry style*/
.equityC{ font-size: 16px; margin-bottom: 70px;}
.equityForm .title{ background-color: #183883; color: #fff; padding: 10px 30px; font-size: 16px; margin-bottom: 10px;}
.equityForm .desc{ background-color: #fff; padding: 65px 5%;}
.equityTab{ width: 752px; margin: 0px auto;}
.equityTab td{ padding-bottom: 18px; vertical-align: top; color: #333333; font-size: 14px;}
.equityTab .w325{ padding-right: 60px;}
.equityTab .ctxt{ width: 96%; padding: 5px 2%; border: 1px solid #dddddd; border-radius: 5px;-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.0.5) inset; box-shadow:2px 2px 2px rgba(0,0,0,0.05) inset; height: 20px; line-height: 20px;}
.equityTab .ctxt2{ resize: none; width: 96%; padding: 8px 2%; height: 90px; line-height: 1.8;}
.equityTab .msele{ width: 100%; border: 1px solid #dddddd; border-radius: 5px;-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.0.5) inset; box-shadow:2px 2px 2px rgba(0,0,0,0.05) inset; padding: 8px 2%;}
.beizhuList{ padding: 15px 0px 0px;}
.beizhuList li{ margin-bottom: 10px; line-height: 30px;}
.beizhuList label{ float: left; display: inline-block; margin-left: 15px; cursor: pointer; padding-left: 25px; position: relative;}
.beizhuList label input[type="radio"]{ position: absolute; left: 0px; top: 0px; z-index: 10; filter: alpha(opacity=0); opacity: 0;}
.beizhuList label .chico{ position: absolute; left: 0px; top: 50%; margin-top: -9px; width: 17px; height: 17px; background-color: #fff; background: url(../images/ci1.png) no-repeat scroll center center;}
.beizhuList .active .chico{ background-image: url(../images/ci2.png); }
.pt25{ padding-top: 25px;}
.equityTab .mbtn{ width: 130px; height: 32px; line-height: 32px; border-radius: 5px; border: 1px solid #e1e1e1; background-color: #f7f7f7; display: block; text-align: center; cursor: pointer; transition: 0.3s; -webkit-transition: 0.3s;}
.equityTab .mbtn:hover{ background-color: #183883; color: #fff; border-color: #183883;}
.filebox{ width: 110px; position: relative; height: 30px; float: left; display: inline-block; margin-left: 22px; cursor: pointer; display: none;}
.filebox .scbtnfile{ position: absolute; left: 0; top: 0; z-index: 10; filter: alpha(opacity=0); opacity: 0; height: 30px; line-height: 30px; width: 100%; cursor: pointer;}
.mbtn2{ background-color: #183883; border-radius: 5px; color: #fff; width: 100%; height: 30px; line-height: 30px; text-align: center; display: block; cursor: pointer;}


/*enquiry style end*/


.bgf8{ background-color: #f8f8f8;}
.ibox{ padding: 18px 0px 50px;}
.iboxItem{ float: left; display: block; width: 34%; height: 402px; overflow: hidden;background-color: #fff;}
.linkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block;}
.newPicIbox a:link, .newPicIbox a:visited { color: #fff; }
.newPicIbox a:active, .newPicIbox a:hover { color: #fff; }
.newPicIbox .item{ position: relative; overflow: hidden;}
.newPicIbox .img{ height: 402px; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative;}
.newPicIbox .img img{ width: 100%; display: none;}
.newPicIbox .timeBox{ position: absolute; left: 5%; top: 0; background-color: #ee2d31; color: #f3f3f3; text-align: center; padding: 6px 15px 0; font-family: arial, helvetica, sans-serif; line-height: 1.2;}
.newPicIbox .timeBox .day{ display: block; font-size: 18px;}
.newPicIbox .timeBox .time{ display: block; padding-bottom: 5px; border-bottom: 3px solid #f8c400;}
.newPicIbox .txt{ position: absolute; left: 0; bottom: 0; width: 90%; padding: 0px 5%; height: 52px; line-height: 52px; overflow: hidden; background-color: #ee2d31; color: #fff;}
.newPicIbox .slick-arrow { background-color: #ee2d31; width: 52px; height: 52px; z-index: 10; bottom: 0%;}
.newPicIbox .slick-arrow:before{  content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #c91216; transform: scale(0); -webkit-transform: scale(0); transition: all .5s; -webkit-transition: all .5s; opacity: 0; visibility: hidden\9; z-index: -1;}
.newPicIbox .slick-arrow:hover:before { transform: none; -webkit-transform: none; opacity: 1; visibility: visible\9;}
.newPicIbox .slick-arrow i { position: absolute; top: 50%; left: 50%; margin-top: -6px; margin-left: -3px; border-top: 6px solid transparent; border-bottom: 6px solid transparent;}
.newPicIbox .slick-prev { right: 52px; }
.newPicIbox .slick-next { right: 0px; }
.newPicIbox .slick-prev i { border-right: 6px solid #fff; }
.newPicIbox .slick-next i { border-left: 6px solid #fff; }
.newPicIbox .slick-dots { z-index: 104; width: 100%; text-align: center; position: inherit; left: auto; bottom: auto; display: none !important; padding: 8px 0px;}
.newPicIbox .slick-dots li { position: relative; display: inline-block; padding: 0px; height: 10px; width: auto; margin:0px 4px; cursor: pointer; }
.newPicIbox .slick-dots li a { height: 6px; width: 6px; border:2px solid #cfcfcf; line-height: 6px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; }
.newPicIbox .slick-dots li a:focus { outline: none; }
.newPicIbox .slick-dots li.slick-active a { background: none #cfcfcf;}
.newPicIbox .slick-active .bot span { -moz-animation: a_slidercurrent 6s linear; -webkit-animation: a_slidercurrent 6s linear; -o-animation: a_slidercurrent 6s linear; animation: a_slidercurrent 6s linear; }
.newlistIbox{ background-color: #fff;}
.newlistIbox a:link, .newlistIbox a:visited { color: #666; }
.newlistIbox a:active, .newlistIbox a:hover { color: #333; }
.newlistIbox .bot{ height: 6px; background-color: #ee2d31; width: 100%; display: block;}
.newlistIbox .title a:link, .newlistIbox .title a:visited { color: #323232; }
.newlistIbox .title a:active, .newlistIbox .title a:hover { color: #ee2d31; }
.newlistIbox .title{ margin: 28px 38px 18px; line-height: 30px;}
.newlistIbox .title .t{ background: url(../images/i_nico1.png) no-repeat scroll left center; padding-left: 38px; display: inline-block; float: left; height: 30px; color: #323232; font-size: 20px; font-weight:bold}
.newlistIbox .title .more{ float: right; display: block; background: url(../images/more.png) no-repeat right center; padding-right: 24px;}
.newsIbox{ margin: 0px 12px;}
.newsIbox a{ display: block; padding: 0px 26px; height: 38px; line-height: 38px; overflow: hidden; position: relative; z-index: 1;}
.newsIbox a:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #e6d09d; opacity: 0; visibility: hidden\9; transform: scale(1, 0); transition: all .5s; z-index: -1;}
.newsIbox .date{ font-size: 12px; font-family: arial, helvetica, sans-serif; margin-left: 10px;}
.newsIbox a:hover:before { transform: none; opacity: 1; visibility: visible\9;}

.navIbox a:link, .navIbox a:visited { color: #323232; }
.navIbox a:active, .navIbox a:hover { color: #ee2d31; }
.navIbox{ margin-left: 2%; width: 30%;}
.navIbox-list li{ float: left; display: block; width: 50%; position: relative; overflow: hidden;}
.navIbox-list .img{ background: no-repeat center center; background-size: cover; height: 201px;}
.navIbox-list .img img{ width: 100%; display: none;}
.navIbox-list .desc{ position: absolute; left: 5%; width: 90%; top: 25%; text-align: center;}
.navIbox-list .desc .ico{ width: 46px; display: block; margin: 0px auto 6px;}
.navIbox-list .desc .en{ font-family: arial, helvetica, sans-serif;}
.navIbox-list .more{ background-color: #fff; color: #666666; position: absolute;  position: absolute; top: 25px; left: 30px; right: 30px; bottom: 25px; transform: scale(1, 0); transition: all .5s; opacity: 0;  visibility: hidden\9; text-align: center;}
.navIbox-list .more .icon { position: relative; display: block; width: 39px; height: 39px; margin: 20% auto 25px; background: url(../images/else-more.png) no-repeat center center; background-size: cover; vertical-align: top;}
.navIbox-list .more .icon:before { content: ''; position: absolute;  bottom: -20px;  left: 50%; width: 1px; height: 15px; background:  #ee2d31;}
.navIbox-list li:hover .more { transform: none; opacity: 1; visibility: visible\9;}


.icaseBox{ padding: 4% 0px 6%; width: 100%;  margin: 0px auto; background: url(../images/albg.jpg) bottom center no-repeat}

.iboxT .bot{ height: 2px; width: 44px; display: block; margin: 15px auto 0px; background-color: #d00b;}
.iboxT .en{ font-size: 16px; line-height: 1.2; color: #333333; text-transform: uppercase;}
.iboxT .zh{ font-size: 28px; color: #333333;}
.icaseBox dt{ margin-bottom: 35px;}
.icaseList a:link, .icaseList a:visited { color: #fff; }
.icaseList a:active, .icaseList a:hover { color: #fff; }
.icaseList{ margin-left: -0.5%;}
.icaseList li{ float: left; display: block; width: 24.5%; margin:0px 0px 0.5% 0.5%; position: relative; overflow: hidden; background-color: #2b70bb;}
.icaseList a{ display: block;}
.icaseList img.vt{ width: 100%; display: block; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;}
.icaseList .con{ position: absolute; left: 0px; bottom: -100%; transition: bottom 0.5s 0s; -webkit-transition: bottom 0.5s 0s; background: url(../images/black_60.png) repeat; width: 100%; height: 100%;}
.icaseList .con .txt{ position: absolute; left: 5%; width: 90%; top: 30%; text-align: center; font-size: 14px; line-height: 1.5;}
.icaseList .con .more-ico{ background: url(../images/more_ico21.png) no-repeat; width: 18px; height: 18px; display: block; margin: 8px auto 0px;}
.icaseList li.firstBox{ margin-bottom: 0px;}
.icaseList .firstBox .con{ background: url(../images/bai.png) repeat; height: auto; width: 90%; padding: 10px 5%; text-align: center; color: #333333; font-size: 18px;  transition: bottom 0.4s 0s; -webkit-transition: bottom 0.4s 0s;}
.icaseList .firstBox .con .more-ico{ background-image: url(../images/y_more3.png); width: 22px; height: 22px;}
.icaseList li:hover img { transform: scale(1.08); -webkit-transform: scale(1.08); }
.icaseList li:hover .con{ bottom: 0px; }
.icaseList li img { height:200px; }
.icaseList li:nth-child(1) img { height:404px; }


.icaseList .moreCon{ position: absolute; left: 0; top: 30%; text-align: center; width: 100%; font-size: 18px;}
.icaseList .moreCon .more-ico{ background: url(../images/more_ico1.png) no-repeat scroll center center; width: 19px; height: 19px; margin: 12px auto 0px; display: block;}
.icaseList li:hover .moreCon .more-ico{ -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: 600ms; -webkit-transition: 600ms; -ms-transition: 600ms;}



/*footer*/
.pageFooter{width:100%;background:url(../images/footer_bj.jpg) no-repeat center;padding:70px 0px 25px;color:#dde4ef;position:relative; min-height:220px}
.pageFooter .footer_title{font-size:18px;color:#ffffff;}
.pageFooter .footer_title a{color:#ffffff;}
.pageFooter .footer_l{width:90%;}
.pageFooter .footer_l dl{float:left;width:10%;margin-right:2%;border-right:1px solid #2c3237;height:170px;}
.pageFooter .footer_l dl.last_dl{border:none;margin-right:0;}
.pageFooter .footer_l dt{margin-bottom:8px;}
.pageFooter .footer_l dd{line-height:28px;}
.pageFooter .footer_l dd a{line-height:28px;color:#fff;}
.pageFooter .footer_l dd a:hover{color:#f00;}


.pageFooter .footer_c{width:20%;}
.pageFooter .footer_c .footer_c_box{border-right:1px solid #4786c1;padding-right:30px;}
.pageFooter .footer_c .footer_title{margin-bottom:8px;}
.pageFooter .footer_c .footer_number{font-size:30px;font-weight:bold;letter-spacing:0px;}
.pageFooter .footer_c .footer_number a{color:#f2feff;cursor:default;}
.pageFooter .footer_c .email{text-transform:uppercase;color:#fff;margin-bottom:6px;}
.pageFooter .footer_c .email a{color:#fff;}
.pageFooter .footer_c .addres{color:#fff;padding-bottom:14px;border-bottom:1px solid #307cbd;margin-bottom:6px;}
.pageFooter .footer_c .foot_share a{width:53px;height:50px;background:url(../img/foot_share.png) no-repeat;    margin: 6px 18px 6px 0;opacity:1;}
.pageFooter .footer_c .foot_share a.bds_weixin{background-position:-53px 0px;}
.pageFooter .footer_c .foot_share a.bds_sqq{background-position:-106px 0px;}

.pageFooter .footer_r{width:10%;}
.pageFooter .footer_r .footer_title{margin-bottom:10px;}
.pageFooter .footer_r .other_company{position:relative;margin-bottom:34px;}
.pageFooter .footer_r .other_company ._title ._title_l{width:83%;height:36px;border:1px solid #7d9cb8;border-right:none;line-height:36px;text-indent:16px;font-size:12px;color:#fff;}
.pageFooter .footer_r .other_company ._title ._title_r{width:39px;height:38px;background:url(../img/footer_r_ico.png) no-repeat center;}
.pageFooter .footer_r .other_company .other_company_list{position:absolute;left:0;top:38px;width:100%;padding-bottom:10px;height:140px;overflow:hidden;display:none;overflow-y :auto;background:#f0f0f0;z-index:2;}
.pageFooter .footer_r .other_company .other_company_list a{display:block;width:100%;line-height:38px;text-indent:16px;color:#555;}
.pageFooter .footer_r .other_company .other_company_list a:hover{background:#005bac;color:#ffffff;opacity:.8;}
.pageFooter .footer_r .foot_ewm .ewm_img{width:100%;}
.pageFooter .footer_r .foot_ewm .ewm_img .img_box img{width:100%;}
.pageFooter .footer_r .foot_ewm .ewm_titl{width:100%;}
.pageFooter .footer_r .foot_ewm .ewm_titl ._title_box{padding:10px 0px 0px 0px;font-size:14px;color:#fff; text-align:center}
.footer_bar{background-color:#d4ebf3;padding:20px 0px 10px;color:#333;}
.footer_bar a{color:#333;}
.pageFooter .go_top{width:57px;height:56px;background:url(../img/go_top_ico_new.jpg) no-repeat;position:absolute;bottom:0;right:0;cursor:pointer;position:fixed;right:0;bottom:50px; background-position:0 0; transition: all 0.3s ease; -webkit-transition:all 0.3s ease;}
.pageFooter .go_top:hover{background-position:0 -56px;}


.home-party-mass { padding: 20px 2%; }
.home-party-mass .home-mass-slick { float: left; width: 25%; }
.home-party-mass .home-mass-slick img { display: block; width: 100%; -webkit-transition: .56s; -moz-transition: .56s; -o-transition: .56s; -ms-transition: .56s; transition: .56s; position: relative; height: 357px; }
.home-party-mass .hparty-box { float: left; width: 25%; height: 373px;}
.home-party-mass .hdisciplinary-box { width: 25%; float: left; }
.home-party-mass .hparty { border: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; }
.home-party-mass .hdisciplinary { border: 1px solid #d1d1d1; border-left: 0; }
.home-party-mass .tit { padding: 15px 20px 15px 40px; font-size:20px; line-height: 1; border-bottom: 0px solid #d1d1d1; background:url(../images/titbg.jpg) left center no-repeat}
.home-party-mass .tit a { display: block; width: 16px; height: 16px; float: right; background: url(../images/more_ico_1.png) no-repeat scroll center; }
.home-party-mass .tit a:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.home-party-mass ul { padding: 25px 20px; height: 238px;}
.home-party-mass ul .htime { display: block; position: absolute; right: 0; top: 2px; font-size: 12px; }
.home-party-mass ul li { padding: 10px 0; }
.home-party-mass ul li a { display: block; color: #231815; position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; padding-right: 70px; line-height: 1;  }
.home-party-mass ul li a:hover { color: #00a495 !important; }
.home-party-mass ul li a:visited { color: #231815; }
.home-party-mass .slick-dots { padding: 0; bottom: 15px; z-index: 15; text-align: right; padding-right: 2%; width: 98%; }
.home-party-mass .slick-dots li { width: 13px; height: 13px; border: 1px solid #fff; border-radius: 50%; padding: 0; }
.home-party-mass .slick-dots li.slick-active { background-color: #fff; }

.high-speed-box { position: relative; padding-bottom: 20px; }
.high-speed-box .high-spd img { display: block; width: 100%; -webkit-transition: .56s; -moz-transition: .56s; -o-transition: .56s; -ms-transition: .56s; transition: .56s; position: relative; }
.high-speed-box .high-spd .item { overflow: hidden; }
.high-speed-box .high-spd .slick-arrow { width: 50px; height: 50px; z-index: 15; top: 50%; margin-top: -25px; }
.high-speed-box .high-spd .slick-arrow.slick-prev { background: rgba(0, 0, 0, 0.5) url(../images/arrow_3.png) no-repeat scroll center center; left: 0; }
.high-speed-box .high-spd .slick-arrow.slick-prev:hover { background-color: #00a495; }
.high-speed-box .high-spd .slick-arrow.slick-next { background: rgba(0, 0, 0, 0.5) url(../images/arrow_4.png) no-repeat scroll center center; right: 0; }
.high-speed-box .high-spd .slick-arrow.slick-next:hover { background-color: #00a495; }
.high-speed-box .botw { position: absolute; bottom: 40px; left: 2%; width: 96%; line-height: 1; padding: 20px 0; background-color: rgba(0, 0, 0, 0.6); font-size: 20px; color: #fff; text-align: center; }



.ibox-social{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-46%); z-index: 10; color: #fff;}
.ibox-social .ibox-T{ color: #333;}
.ibox-social-list{ margin-left: -4%;}
.ibox-social-list li{ float: left; display: inline-block; width: 29.33%; margin-left: 4%; margin-bottom: 40px;}
.ibox-social-list figure{ margin-bottom: 15px;}
.ibox-social-list time{ font-size: 12px; font-weight: lighter;}
.ibox-social-list h4{ font-size: 20px; line-height: 1.5; margin-bottom: 20px;}
.ibox-social-list .c{ height: 50px; overflow: hidden;}
.ibox-social .btn-more2{ border:1px solid #fff; color: #fff; margin: 0 auto;}
.ibox-social .btn-more2 i:before,.ibox-social-list .btn-more2 i:after{ background-color: #fff;}
.ibox-social .btn-more2:hover{ border-color: #B82024;}
.ibox-btn{ position: absolute; left: 50%; margin-left: -39px; top: -39px; width: 70px; height: 70px; line-height: 70px; border: 4px solid #E1E1E1; border-radius: 50%; background-color: #fff; box-shadow:5px 5px 12px rgba(0,0,0,0.11);}
.ibox-btn .aroww{ position: absolute; top: 50%; left: 50%; margin-left: -8px; margin-top: -6px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 12px solid #D0D0D0; transition: 0.3s; -webkit-transition: 0.3s;}
.ibox-btn:hover{ background-color:#B82024;}
.ibox-btn:hover .aroww{ border-bottom-color: #fff;}
.type{ font-size:22px; font-weight:bold}



.textlist li {
	float: left;
	width: 100%;
	height: 75px;
	margin-right: 10px;
	transition: all 0.2s linear 0s;
	margin-bottom: 0px;
	background: #fff;
}
.textlist li a {
	display: block;
	padding:5px 20px; padding-right:0px;
}
.textlist li .img {
	width: 95px;
	height:70px;
	overflow: hidden;
	cursor: pointer;
	position: relative;float:left;
}
.textlist li .img img {
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-out 0s;
}
.textlist li a:hover img {
	transform: scale(1.2, 1.2);
}
.textlist li .txt {
	width:62%; float:right; margin-left:10px; text-align:left
}
.textlist li h3 {
	font-size: 16px;
	color: #000;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;word-wrap: break-word;
word-break: break-all;
overflow: hidden;
}
.textlist li h3 a{ padding:5px 10px;
}

.textlist li a:hover h3 {
	color: #fe0101;
}
.textlist .desc {
	line-height: 24px;
	height: 52px;
	overflow: hidden;
	margin-bottom: 5px;
	color: #999;
	cursor: pointer;
	font-size: 12px;
	padding-top: 10px;display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; text-align:left
}
.textlist span {
	display: block;
	color: #333;
	font-size: 16px;
	font-family: arial;
	font-weight: bold;
}
.ctt{ line-height:30px; margin-left:10px; font-size: 15px}
.ctt ul{ overflow:hidden}
.ctt li{ line-height: 30px; margin-right: 15px; white-space: nowrap; float: left; overflow: visible}
.ctt a{color:#1b2b45;}

.tit { padding: 15px 20px 15px 40px; font-size:20px; line-height: 1; border-bottom: 0px solid #d1d1d1; background:url(../images/lktitbg.jpg) left center no-repeat}
.tit a { display: block; width: 16px; height: 16px; float: right; background: url(../images/more_ico_1.png) no-repeat scroll center; }
.tit a:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); }



/* Banner */
.hm-banner { position: relative; overflow: hidden; z-index:1;}
.hm-wrapper {position:relative;z-index:5;}
.hm-banner .carousel-item.current .carousel-pic { transform: none; }
.hm-banner .carousel-item.current .carousel-pic img { transform: scale(1.1); }
.hm-banner .carousel-item.current .zh { opacity: 1; visibility: visible; transform: none; transform-origin: 50% 0; transition: all 1s .2s; }
.hm-banner .carousel-item.current .en { opacity: 1; visibility: visible; transform: none; transform-origin: 50% 0; transition: all 1s .5s; }
.hm-banner .carousel-pic { position: relative; overflow: hidden; transition: all 1s; }
.hm-banner .carousel-pic:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  z-index: 1; }
.hm-banner .carousel-pic img { transition: all 10s; }
.hm-banner .carousel-info { position: absolute; top: 0; left: 0; right: 0; bottom: 15%; color: #fff; z-index: 2; }
.hm-banner .zh { font-size: 24px; line-height: 30px; opacity: 0; visibility: hidden; transform: rotateX(-45deg); }
.hm-banner .en { margin-top: 10px; font-size: 12px; line-height: 20px; opacity: 0; visibility: hidden; transform: rotateX(-45deg); }
.hm-banner .slick-dots { bottom: 20px; }
.hm-banner .slick-dots li { margin: 0 3px; border: 1px solid #FFF; border-radius: 0; width:30px; height:5px; }
.hm-banner .slick-dots li.slick-active { background: #fff; }
.hm-banner .scroll-down { position: absolute; left: 50%; bottom: 50px; width: 30px; height: 30px; margin-left: -15px; color: #fff; font-size: 30px; line-height: 30px; text-align: center; overflow: hidden; cursor: pointer; animation: gj_down 2s infinite linear; z-index: 5; }
.hm-banner .scroll-down:before { content: '↓'; }
.new-page-silder a:link, .new-page-silder a:visited { color: #666666;}
.new-page-silder a:active,.new-page-silder a:hover { color: #e3001e;}  
.new-page-silder{ width: 29%; float: right; display: block; border-top: 2px solid #a6a6a6; padding-top: 12px;}
.nsilder-box{ color: #818181; margin-bottom: 22px; position: relative;}
.nsilder-box .img{ overflow: hidden; position: relative; margin-bottom: 18px;}
.nsilder-box .img img{ width: 100%; display: block; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
.nsilder-box .txt{ background: url(../images/balck_60.png) repeat; background: none rgba(0,0,0,0.65); position: absolute; left: 0; bottom: 0; color: #fff; padding: 12px 5%; width: 90%; overflow: hidden; font-size: 16px; text-overflow: ellipsis; white-space: nowrap;}
.nsilder-box .c{ margin-bottom: 18px; height: 50px; overflow: hidden; text-align: justify;}
.nsbot{ font-family: arial, helvetica, sans-serif; position: relative;}
.nsbot .more{ background: url(../images/more1.png) no-repeat scroll left center; width: 29px; height: 6px; position: absolute; right: 0; top: 50%; margin-top: -3px;}
.nsbot .more i { background: url(../images/more2.png) no-repeat scroll left center; position: absolute; left: 0px; top: 0px; width: 0px; height: 100%; transition: 0.3s; -webkit-transition: 0.3s;}
.nsilder-box:hover .img img{ transform:scale(1.04); -webkit-transform:scale(1.04); }
.nsilder-box:hover .more i{ width: 100%;}
.nsilder-list { border-top: 1px solid #dedede; font-size: 15px;}
.nsilder-list li{ border-bottom: 1px solid #dedede;}
.nsilder-list a{ height: 44px; display: block; line-height: 44px; padding-left: 36px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; color:#333}
.nsilder-list a:before{ content: ""; position: absolute; left: 14px; height: 7px; width: 7px; border-radius: 50%; background-color: #959595; top: 50%; margin-top: -3px;}
.nsilder-list a:hover:before{ background-color: #E3001E;}
.nsilder-list a:hover{color: #E3001E;}
.new-page-c{ float: left; display: block; width: 65%; padding-right: 3%; border-right: 1px solid #dedede;}
.new-list{ padding-bottom: 20px;}
.new-list dd{ margin-bottom: 26px; background-color: #fff; position: relative; transition:0.3s; -webkit-transition:0.3s;}
.new-list .img{ float: left; display: block; width:30%; overflow: hidden;}   
.new-list .img img{ display: block; width: 100%; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out;}
.new-list .con{ float: left; margin-left: 5%; width:60%; padding-top: 30px;}
.new-list .t{ margin-bottom: 15px; font-size: 18px; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative;}
.new-list .c{ height: 50px; overflow: hidden; margin-bottom: 10px; text-align: justify;}
.new-list .nsbot{ border-top: 1px solid #dedede; padding: 12px 0px;}
.new-list dd:hover .t{ color: #e3001e;}
.new-list dd:hover .more i{ width: 100%;}
.new-list dd:hover{ box-shadow:0 0 24px rgba(0,0,0,0.2);}
.tq-page-selce{ line-height: 40px; margin-bottom: 38px;}
.tq-page-selce .txt{ float: left; display: block; font-weight: bold; font-size: 16px; color: #666;}
select.tq-selce { padding: 9px 40px 9px 16px; line-height: 20px; height: 40px; vertical-align: middle; border: 1px solid #b5b5b5; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #666666; font-size: 14px; font-family: "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial; cursor: pointer; float: left; display: block; margin:0px 0 0px 20px; width: 194px; border-radius: 0;}
select.tq-selce option { padding: 2px 2%; }
select.tq-selce:hover { color: #101010; }

.bgf5{ background-color: #f5f5f5;}
.pagePadding3{ padding: 80px 0px;}
.no-csstransitions select.tq-selce{ padding-right: 10px;}
.csstransitions select.tq-selce { background: url(../images/link_select_ico2.png) no-repeat scroll 95% center; }
.tq-serach-box{ float: right; display: block; width: 244px; padding:0 92px 0 0; position: relative;}
.tq-serach-box .ptxt{ width: 80%; padding: 9px 10%; border: 1px solid #b5b5b5; border-right: 0px none; height: 20px; line-height: 20px; font-family: "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial; cursor: pointer; float: left; display: block; }
.tq-serach-box .pbtn{ position: absolute; right: 0; top: 0; width: 92px; text-align: center; height: 100%; line-height: 40px; color: #fff; background-color: #e3001e;}
.tq-serach-box .pbtn:hover{ background-color: #333;}
.tq-serach-box .ptxt:focus{ border-color: #e3001e;}
.recruitment-select-t{ padding-top: 40px; color: #333333; font-size: 18px;}



#m{ display: none;}
#pc{ display: block}

.search_box {
	float: right;
	width: 400px;
	padding-left: 3px;
	display: inline;
	margin-top: 1rem;
}
.search {
	width: 100%;
	margin: 0px;
	line-height: 40px;
	height: 40px;
	background: #FFFFFF;
	border: 0px #E5E5E5 solid;
	box-sizing: border-box;
}
.search a {
	text-decoration: none;
	cursor: pointer;
}
.search input {
	float: left;
}
.enter {
	border: 0;
	width: 80%;
	float: left;
	height: 34px;
	color: #999;
	line-height: 34px;
	padding-left: 5px;
	margin-top: 3px;
	font-size: 14px;
	outline: none;
	box-sizing: border-box;
}
/*.enters {border:0;width:255px;float:left;height:34px;color:#333;line-height:34px;padding-left:5px;margin-top:3px;font-size:14px;outline:none;}*/
.sb {
	background: url(../images/sspic.png) no-repeat center center #e90003;
	border: 0;
	width: 20%;
	height: 40px;
	cursor: pointer;
}

.danbox{float: left;position: relative;left: 50%; padding:30px 0 0 0} 
.danbox ul {float: left;position: relative;left: -50%;}
.danbox ul li{ float:left; margin:13px; overflow:hidden; line-height:50px;  text-align:center; font-size:18px; color:#333}
.danbox ul li a{ background:#f2f2f2; display:block;padding:0 15px 0 15px; color:#333}
.danbox ul li a:hover{ color:#fff; display:block; background:#E3001E;}
.danbox ul li.on{color:#fff; display:block; background:#E3001E;}
.danbox ul li.on a{ color:#fff;background:#E3001E;}