@charset "utf-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; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
html::-webkit-scrollbar{width:7px;height:7px;background-color:#b1a194;}
html::-webkit-scrollbar-track{border-radius:0;background-color:#b1a194;}
html::-webkit-scrollbar-thumb{border-radius:0;width:17px;height:17px;background-color:#202a7b;}
body { font: 14px/1.8 "Microsoft Yahei","微软雅黑","微软正黑体","Microsoft JhengHei","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",Helvetica,Arial; margin: 0 auto; color: #4e4e4e; 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: #324ea4; color: #fff; text-shadow: none; }
::selection { background: #324ea4; 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;}
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: 1430px; margin: 0px auto;}
.css{/*设置内嵌的元素在 3D 空间如何呈现：保留 3D*/-webkit-transform-style: preserve-3d;/*（设置进行转换的元素的背面在面对用户时是否可见：隐藏）*/-webkit-backface-visibility: hidden; }
.top a:link, .top a:visited { color: #989898;}
.top a:active, .top a:hover { color: #fff;}
.top{ position: fixed; left: 0; top: 0; width: 100%; z-index: 1000; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); background-color: #fff; height: 66px; color: #989898;}
.lang-box{ float: right; margin-right: 3%; height: 66px; line-height: 66px;}
.lang-box a:link, .lang-box a:visited { color: #989898;}
.lang-box a:active, .lang-box a:hover { color: #183883;}
.lang-boxM{ background-color: #FFFFFF; padding: 15px 24px; margin-left: 54px;}
.logo{ position: absolute; left: 3%; top: 16px; width: 282px;}
.logo img{ width: 100%; display: block;}
.nav{ float: right; margin-right: 2%;}
.nav li{ float: left; display: inline-block; font-size: 15px; height: 66px; line-height: 66px; margin-left: 5px; position: relative;}
.nav>ul>li>a{ display: block; font-weight: bold; padding: 0px 16px; }
.nav a.hov, .nav a.active, .nav>ul>li>a:hover{ color: #fff; background-color: #202a7b;}
.nav .subnav{ position: absolute; z-index: 10; left:0; font-size: 13px; top: 60px; width: 140px; border: 1px solid #ccc; border-bottom: 0px none; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); display: none;}
.nav .subnav a{ display: block; padding: 8px 20px; line-height: 1.4; color: #444; position: relative; z-index: 1; perspective: 300px; transform-style: preserve-3d;}
.nav .subnav a:before{ content: ""; display: block;position: absolute; left: 0px; bottom: 0px; z-index: -1; width: 100%; display: block; height: 100%; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transform: rotateX(-70deg); transform: rotateX(-70deg); z-index:-1; transform-origin: center top 0; -webkit-transform-origin: center top 0; left:0; opacity:0; bottom: 0; visibility:hidden; background-color: #dadada;}
.nav .subnav a:hover{ color: #444;}
.nav .subnav a:hover:before{  transform: none; opacity: 1; visibility:visible;}
.menu-handler{ width:54px; float:right; height: 54px; background-color: #202a7b; display:none; cursor: pointer;}
.menu-handler span { position: relative; display: block; margin: 25.5px auto 0; width: 28px; height: 3px; background-color: #fff;  -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: #fff; -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: #676767;}
.menuBox a:active,.menuBox a:hover { color: #676767;}   
.menuBox { color: #333333; position: fixed; display: none; right: 0px; top: 0px; height: 100%; height:100vh; overflow-x:hidden;  overflow-y:auto; -webkit-overflow-scrolling:touch;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%); width: 400px; z-index: 1010;  -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); }
.menuBox .menu-handler{ position: absolute; left: 0px; top: 0;}
.menuMoblie{ padding:0px 0px 80px; margin-left: 54px; background-color: #f4f4f4; min-height: 100%; min-height:100vh; }
.menuMoblie .nav-link { display: block; font-size: 18px; padding: 0px 64px 0px 24px; height: 54px; line-height: 54px; 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; transition: 0.3s; -webkit-transition: 0.3s;}
.menuMoblie .cur{ background-color: #fff;}
.menuMoblie .cur .nav-link{ color: #fff; background-color: #f7323d;}
.menuMoblie .cur .nav-link:before { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.menuMoblie li{ border-bottom: 1px solid #dbdbdb;}
.menuMoblie .subnav { padding:10px 0px 20px; display: none;}
.menuMoblie .subnav a { display: block; padding: 6px 35px; line-height: 1.4; color: #707070; font-size: 16px;}
.menuMoblie .subnav a:hover{ color: #f7323d;}
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.4); z-index: 1002; 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) }
.pageH{ height: 66px;}
.foot{ padding: 35px 0px 35px; color: #989898; border-top: 1px solid #ccc;}
.foot a:link, .foot a:visited { color: #989898; }
.foot a:active, .foot a:hover { color: #324EA4; }
.foot .ico{ font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.foot .ico:before{ font-size:18px; line-height: 1.5; padding-right: 8px;}
.foot-info{ padding-bottom: 15px;}
.foot p{ text-align:center;}
.link-sider{ float: right; display: block;}
.fsharpT{ text-align: right; font-size: 12px;}
.fsharp{ padding: 12px 0px 0;}
.fsharp a { display: block; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; margin-left: 16px; background: none #3765a3; border-radius: 50%; float: left; position: relative; text-align: center;}
.fsharp a.a1{ background-color: #329258;}
.fsharp a.a2{ background-color: #58b3ec;}
.fsharp a.a3{ background-color: #e1a455;}
.fsharp a em{ font-size: 20px; color: #fff;}
.fsharp a:hover{ background-color: #373737;}
.ermsblack { background: url(/images/black_70.png) repeat; background: none rgba(0,0,0,0.7); 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; }
.ermSBox .t { padding: 10px 0px; color: #666; font-weight: bold; background: #eeeeee; text-align: center; }
.ml{ margin-left: 35px;}
.smlink{ margin-left: 55px;}
/*public style end*/
/* Slider */
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 32px; height: 32px; cursor: pointer; position: absolute; top: 0px; right: -42px;  background-color: #183883;}
.vwrap .close i { display: block; width: 32px; height: 32px; font-family: "iconfont" !important; font-size: 20px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 32px;text-align: center;color: #fff;-webkit-transition: 400ms; transition: 400ms;}
.vwrap .close i:before { content: "\e603"; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}
.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;}
/* 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; }
@-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_70.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__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%; width: 42px; height: 42px; line-height: 42px; margin-top: -21px; position: absolute; border-radius: 50%; background-color: #fff; color: #183883; display: block; font-family:"iconfont" !important;font-size:16px; text-align: center; font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.pswp__button--arrow--left{left:2%}
.pswp__button--arrow--right{right:2%;}
.pswp__button--arrow--left:before{content: "\e716";}
.pswp__button--arrow--right:before{content: "\e636";}
.pswp__button--arrow--left:hover,.pswp__button--arrow--right:hover{color:#fff; background:none #202A7B;}
.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; }
.transXT502 { 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; }
.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; }
.transYT20 { transform: translateY(20px); -webkit-transform: translateY(20px); 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; }
.transYT502 { 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,.action.transYT502,.action.transYT20{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT50 ,.action.transXT502 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.tlbg:after,.trbg:after,.ttbg:after,.tbbg:after{background-color: #fff; content: ""; width: 100%; height: 100%; position: absolute;top: 0px; left:0px: transition: transform .8s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s; -webkit-transition: transform .8s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;   z-index: 1;}
.tlbg:after{ transform-origin:left top 0; -webkit-transform-origin:left top 0;}
.trbg:after{ transform-origin:right top 0; -webkit-transform-origin:right top 0;}
.ttbg:after{ transform-origin:left top 0; -webkit-transform-origin:left top 0;}
.tbbg:after{ transform-origin:left bottom 0; -webkit-transform-origin:left bottom 0;}
.action.tlbg:after,.action.trbg:after{transform: scaleX(0); -webkit-transform: scaleX(0);}
.action.ttbg:after,.action.tbbg:after{transform: scaleY(0); -webkit-transform: scaleY(0);}
.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; }
.linkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/images/w0.png) no-repeat;}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:skewX(-35deg) translateX(200px);transform:skewX(-35deg) translateX(200px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:skewX(-35deg) translateX(200px);transform:skewX(-35deg) translateX(200px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
.fixedImg { background-position: center bottom; background-repeat: no-repeat; background-size: cover;}
.banner a:link, .banner a:visited { color: #fff; }
.banner a:active, .banner a:hover { color: #fff; }
.banner { position: relative; overflow: hidden; color: #fff; width: 100%; background-color: #f7f7f7;overflow: hidden;  opacity: 0;visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease;}
.banner.slick-initialized {visibility: visible;opacity: 1;}
.banner .item{ position: relative; overflow: hidden;}
.banner .bimg{ width: 100%; display: block; overflow: hidden;}
.banner .bimg img{ width: 100%; position: relative; display: block;}
.banner .binbox{ position: absolute; right: 10%; width: 486px; top: 25%; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.35); /*visibility: hidden;*/}
.binbox .bot{ width: 38px; height: 2px; background-color: #fff; display: block; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);}
.binbox .by{ font-size: 22px; line-height: 1.2; margin-top: 22px;}
.binbox .desc{ font-size: 40px; font-weight: bold; line-height: 1.1; margin-top: 24px;}
.binbox .bot,.binbox .by,.binbox .desc{ opacity: 0; visibility: visible; transform: translateY(30px); -webkit-transform: translateY(30px);}
.banner .slick-active .bimg img { visibility: visible !important; -webkit-animation: scaleUpDown 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
/*.banner .slick-active .binbox{  visibility: visible; -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: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1;}*/
.banner .slick-active .bot { -webkit-transition: all .3s 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: all .3s 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.banner .slick-active .by { -webkit-transition: all .4s 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: all .4s 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.banner .slick-active .desc { -webkit-transition: all .4s 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: all .4s 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.banner .slick-active .bot, .banner .slick-active .by , .banner .slick-active .desc { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.banner .slick-dots { bottom: 5%; z-index: 504; width: 100%; left: 0px; text-align: center; font-size:0;}
.banner .slick-dots li { position: relative; display: inline-block; padding: 0px; border-radius: 6px; background-color: #fff; height: 12px; width: 12px; margin:0px 6px; cursor: pointer; transition: 0.3s; -webkit-transition: 0.3s;}
.banner .slick-dots li a{ display:block; width:100%; height:100%; overflow: hidden; text-indent: -10rem;}
.banner .slick-dots li.slick-active{ width: 60px;}
.black-70{ background: url(/images/black_70.png) repeat; background: none rgba(0,0,0,0.7); position: absolute; left: 0; top
0; width: 100%; height: 100%;} 
.ibox-performance{ position: relative; overflow: hidden; margin: 15px 15px 0;}
.ibox-performance .item{ float: left; margin: 0px 7px; width: 459px; position: relative;}
/*.ibox-performance figure{ position: relative; width: 100%; overflow: hidden; padding-bottom: 52%; background-color: #ecf0f5;}*/
.ibox-performance figure{ position: relative; width: 100%; overflow: hidden; padding-bottom: 52%; background-color: #ecf0f5;}
.ibox-performance figure img{ width: 100%; display: block; position: absolute; left: 0; top: 0; opacity: 0.5; filter:alpha(Opacity=50); transition:0.6s;-webkit-transition:0.6s; }
.ibox-performance .black-70{ opacity: 0; visibility: hidden\9; -webkit-transition: .3s; transition: .3s;}
.ibox-performance .desc{ position: absolute; left: 10%; top: 32%; width: 80%; text-align: center; color: #323232; -webkit-transition: .3s; transition: .3s; line-height: 1.5;}
.ibox-performance .zh{ font-size: 24px; margin-bottom: 5px;}
.ibox-performance .en{ margin-bottom: 18px;}
.ibox-performance .btn-more2{ opacity: 0; visibility:hidden; transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);transition: 0.36s ease-in-out;-webkit-transition: 0.36s ease-in-out;}
.btn-more2{ width: 38px; height: 38px; display: block; border-radius: 50%; background-color: #ff1c3a; font-size: 12px; line-height: 38px; color: #fff; margin: 0px auto; text-align: center;}
.ibox-performance .slick-arrow{ width: 52px; height: 52px; line-height: 52px; border-radius: 0%; text-align: center; display: block; position: absolute; top: 50%; margin-top: -26px; z-index: 100; color: #a4a8ab;}
.ibox-performance .slick-prev{ left: 16px;}
.ibox-performance .slick-next{ right: 16px;}
.ibox-performance .slick-arrow i { display: block; font-family:"iconfont" !important;font-size:18px;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.ibox-performance .slick-prev i:before{ content: "\e716";}
.ibox-performance .slick-next i:before{ content: "\e636";}
.ibox-performance .slick-arrow:hover{ background-color: #fff; background-color: rgba(255,255,255,0.65); color: #6d7179;}
.ibox-one{ padding: 60px 0px 55px;}
.ibox-one a:link, .ibox-one a:visited { color: #8f8f8f;}
.ibox-one a:active, .ibox-one a:hover { color: #202a7b;}
.iboxT{ margin-bottom: 40px; color: #3c3c3c; line-height: 30px;}
.iboxT .zh{ font-size: 24px; color: #3C3C3C;}
.iboxT .en{ color: #b2b2b2; border-left: 1px solid #7f7f7f; padding:1px 0  1px 15px; margin-left: 15px; position: relative; top: -1px;}
.iboxT .more{ float: right; display: inline-block; font-size: 12px; margin-right: 6px; line-height: 30px;}
.iboxT .more:hover{ color: #202a7b;}
.btn-more{ display: block; width: 122px; height: 38px; line-height: 38px; text-align: center; display: block; background-color: #183883; position: relative; overflow: hidden;}
.btn-more .txt{ color: #fff;}
.btn-more .bg { 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;}
.btn-more .bg:before { position: relative; content: ''; display: block; margin-top: 100%;}
.btn-more .bg:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%;}
.btn-more:hover{ background-color: #ff1c3a;}
.btn-more:hover .bg {-moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s;animation: anim-out 0.75s;}
.btn-more:hover .bg:after {-moz-animation: anim-out-pseudo2 0.75s; -webkit-animation: anim-out-pseudo2 0.75s; animation: anim-out-pseudo2 0.75s;}
@-webkit-keyframes anim-out-pseudo2 {
  0% {background: rgba(0, 0, 0, 0.45);}100% {background: transparent;}
}
@-moz-keyframes anim-out-pseudo2 {
  0% { background: rgba(0, 0, 0, 0.45);}100% { background: transparent; }
}
@-ms-keyframes anim-out-pseudo2 {
  0% {background: rgba(0, 0, 0, 0.45);}100% { background: transparent;}
}
@keyframes anim-out-pseudo2 {
  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%;}
}
.ellipsisT{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.ibox-about{ float: left; display: block; width: 45%;}
.ibox-about-c{ background-color: #f4f4f4; border-bottom: 4px solid #aaaaaa;}
.ibox-about-c figure{ float: left; display: block; width: 50%; cursor: pointer; background-color: #000; position: relative; overflow: hidden;}
.ibox-about-c figure img{ width: 100%; display: block; opacity: 0.8; filter:alpha(Opacity=80); transition:0.6s;-webkit-transition:0.6s; }
.ibox-about-c .icon-bofang{ position: absolute; left: 50%; top: 50%; width: 42px; height: 42px; border: 3px solid #fff; border-radius: 50%; margin: -24px 0 0 -24px; color: #fff; line-height: 42px; font-size: 22px; text-align: center; -webkit-transition:0.4s; transition: 0.4s;}
.ibox-about-c figure:hover img{ -webkit-transform:scale(1.06);transform:scale(1.06);}
.ibox-about-c figure:hover .icon-bofang{-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.ibox-about-c .desc{ float: left; display: block; width: 40%; margin-left: 5%; padding-top: 25px;}
.ibox-about-c h4{ font-weight: normal; color: #5f5f5f; font-size: 18px; line-height: 1.8; margin-bottom: 15px;}
.ibox-about-c .c{ height: 100px; overflow: hidden; margin-bottom: 45px;}
.ibox-new{ float: right; display: block; width: 50%;}
.ibox-new-box{ overflow: hidden;}
.ibox-new-c{ position: relative; margin-top: -42px;}
.ibox-new-c .item{ margin-top: 42px; position: relative; padding-left: 126px;}
.ibox-new-c .timeBox{ position: absolute; left: 0; width: 88px; text-align: center;}
.timeBox{ display: block; background-color: #f4f4f4; padding: 2px 0px 0;}
.timeBox span{ display: block;}
.timeBox .day{ font-size: 30px; line-height: 1.5; color: #787878;}
.timeBox .year{ font-size: 12px; color: #989898;}
.timeBox i{ margin-top: 2px; height: 6px; width: 100%; display: block; background-color: #aaaaaa; overflow: hidden; position: relative;}
.timeBox i:after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #ed2e3c; 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; }
.ibox-new-c h4{ font-weight: normal; color: #404040; font-size: 16px; line-height: 1.2; margin-bottom: 10px;}
.ibox-new-c .c{ height: 50px; overflow: hidden;}
.inew-btn{ float: right; display: block;}
.inew-arrow{ width: 28px; height: 28px; border: 1px solid #989898; color: #989898; line-height: 28px; font-size: 18px; display: inline-block; float: left; margin-left: 6px; text-align: center; cursor: pointer; transition:0.3s;-webkit-transition:0.3s;}
.ibox-two{ background-color: #f4f4f4; padding: 50px 0px 65px;}
.ibox-two a:link, .ibox-two a:visited { color: #8f8f8f;}
.ibox-two a:active, .ibox-two a:hover { color: #202a7b;}
.ibox-project{ margin-left: -2%;}
.ibox-project dd{ float: left; display: block; width: 23%; margin-left: 2%; color: #fff; position: relative; overflow: hidden;}
.ibox-project figure{ position: relative; width: 100%; overflow: hidden; padding-bottom: 70%; background-color: #ecf0f5;}
.ibox-project figure img{ width: 100%; display: block; position: absolute; left: 0; top: 0; transition:0.6s;-webkit-transition:0.6s; }
.ibox-project .desc{ position: absolute; left: 5%; top: 50%; margin-top: -82px; width: 90%; text-align: center; transform:translateY(100%); -webkit-transform:translateY(100%); opacity: 0; visibility:hidden\9;  -webkit-transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .58s cubic-bezier(.4,0,.2,1);}
.ibox-project h4{ font-weight: normal; font-size: 18px; line-height: 1.5;}
.ibox-project .bot{ width: 56px; height: 4px; background-color: #fff; display: block; margin: 10px auto 18px;}
.ibox-project .c{ font-size: 12px; height: 42px; overflow: hidden; margin-bottom: 24px;}
.ibox-project .black{ background: url(/images/blue_70.png) repeat; background: none rgba(32,42,123,0.7); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -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;}
/*index style end*/
/*about style*/
.black-20{ background: url(/images/black_20.png) repeat; background: none rgba(0,0,0,0.2); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}
.pbanner { position: relative; overflow: hidden; background: url(/images/loader.gif) no-repeat scroll center center #fff; color: #fff; }
.pbanner a:link, .pbanner a:visited { color: #fff; }
.pbanner a:active, .pbanner a:hover { color: #fff; }
.pbanner .load-img { display: block; width: 100%; }
.pbanner-C a:link, .pbanner-C a:visited{ color: #fff;}
.pbanner-C a:active,.pbanner-C a:hover { color: #fff;}
.pbanner-C{ position: absolute; left: 10%; top: 0%; height: 100%; width: 80%; text-align: center; color: #fff;}
.pbanner-C .zh{ font-size: 48px; line-height: 1.5; font-weight: bold;}
.pbanner-C .bot{ width: 60px; height: 2px; display: block; margin: 15px auto 0; background-color: #fff; }
.page-nav-box{ border-bottom: 1px solid #ccc;}
.page-nav-btn a:link, .page-nav-btn a:visited { color: #616161;}
.page-nav-btn a:active,.page-nav-btn a:hover { color: #202a7b;}  
.page-nav-btn{ text-align: center;}
.page-nav-btn li{  display: inline-block; *display: inline; *zoom: 1; margin: 0px 10px;}
.page-nav-btn a{ padding: 0px 12px; height: 56px; line-height: 56px; font-size: 16px; display: block; position: relative; z-index: 1;}
.page-nav-btn a:after{ content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 6px; background-color: #202a7b; 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: #202a7b;}
.bgf4{ background-color: #f4f4f4;}
.pagePadding{ padding: 60px 0px;}
.pinner{ width: 1200px; margin: 0px auto;}
.w970{ width: 970px; margin: 0px auto;}
.about-info .pageC{ text-align: center; font-size: 16px;}
.pageC a:link, .pageC a:visited { color: #f73944;}
.pageC a:active, .pageC a:hover { color: #202a7b;}
.pageC img{ max-width: 100% !important; height: auto !important; }
.pageC{ overflow: hidden; color: #4e4e4e;}
.pboxT{ margin-bottom: 40px;}
.pboxT .zh{ font-weight: bold; font-size: 40px; color: #000; line-height: 1.5;}
.pboxT .en{ font-family: arial, helvetica, sans-serif; color: #b5b5b5; text-transform: uppercase;}
.patentPage{ padding: 186px 0;}
.patent-box a:link, .patent-box a:visited { color: #202a7b; text-decoration: underline;}
.patent-box a:active, .patent-box a:hover { color: #000000;}
.patent-box{ width: 670px; padding: 35px 55px 50px; margin: 0px auto; background-color: #fff; font-size: 16px; text-align: center;}
.patent-box .c{ padding: 12px 0;}
.patent-box img{ max-width: 100% !important; height: auto !important; }
.about-list dd{ margin-bottom: 36px; font-size: 16px;}
.about-list figure,.about-list article{ float: left; display: block; width: 47.5%;}
.about-list article{ float: right; padding-top: 4%;}
.about-list .oneItem figure{ float: right;}
.about-list .oneItem article{ float: left;}
.about-list dd:last-child{ margin-bottom: 0;}
.about-by a:link, .about-by a:visited { color: #fff;}
.about-by a:active, .about-by a:hover { color: #fff;}
.about-by{ padding: 224px 0px; color: #fff;}
.about-by-c{ width: 800px; margin: 0px auto; position: relative; font-weight: bold; font-size: 20px; text-align: center;}
.by-fh{ position: absolute; font-weight: bold; font-family: arial, helvetica, sans-serif; font-size: 50px; line-height: 1;}
.by-fhl{ left: -10px; top: -30px;}
.by-fhr{ right: 0; bottom: -50px;}
.bgfff{ background-color: #fff;}
.teamPage{ padding: 45px;}
.teamPage .img{ float: right; display: block; width: 47%;}
.team-list{ float: left; display: block; width: 50%;}
.team-list li{ padding: 14px 0;}
.team-list .name{ font-weight: bold; color: #202a7b; width: 40%; margin-right: 5%; float: left; display: inline-block;}
.team-list .c{ float: left; display: block; width: 55%;}
.ranking-tab{ width: 100%;}
.ranking-tab th,.ranking-tab td{ border: 1px solid #efefef; padding: 15px; text-align: center; background-color: #fff; }
.ranking-tab th{ background-color: #202a7b; color: #fff; border: 1px solid #3d4586; font-weight: normal;}
.ranking-tab th.pmw5{ width: 115px;}
.ranking-tab td.cl{ text-align: left;}
.md-content{background-color:#fff; margin:50px auto; position:relative; transform:translateX(100px); -webkit-transform:translateX(100px); opacity:0; visibility: hidden; -webkit-transition:all .3s linear; transition:all .3s linear;}
.md-show, .md-show body { overflow-y: hidden;}
.md-show .md-content{ transform:inherit; -webkit-transform:inherit; opacity:1; visibility: visible;}
.md-hide .md-content{ transform:translateX(-100px); -webkit-transform:translateX(-100px);}
.md-show .md-modal{ opacity:1;visibility:visible; }
.md-modal{ position:fixed; left:0; top:0; overflow-y:auto; right:0px; bottom:0; z-index:1000; opacity:0; background: url(/images/black_50.png) repeat; background: none rgba(0,0,0,0.5); -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; -webkit-overflow-scrolling:touch;}
.form-box-close { width: 46px;height: 46px; line-height: 46px; position: absolute; right: 0px;top: 0px; cursor: pointer;  transition: 300ms; -webkit-transition: 300ms;}
.form-box-close i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 46px; text-align: center; color: #f73944; font-weight: bold; transition: 0.3s; -webkit-transition: 0.3s;}
.form-box-close:hover { background-color: #adadad;}
.form-box-close:hover i{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.rankingBox { width:496px; padding: 50px 25px; border: 2px solid #f73944;}
.rankingBox .pageC{ color: #000000;}
.pboxT2 .zh{ font-weight: bold; font-size: 38px; color: #000; line-height: 1.5;}
.pboxT2 .en{  font-weight: bold; font-family: arial, helvetica, sans-serif; font-size: 15px; color: #949494; text-transform: uppercase;}
.pboxT2 .bot{ width: 46px; height: 5px; background-color: #f83f49; display: block; margin: 20px auto 34px;}
.pboxT2 .add{ font-size: 26px; color: #494949;}
.contact-list{ margin-left: -4%;}
.contact-list li{ margin-top: 65px; float: left; display: inline-block; width: 46%; margin-left: 4%;}
.contact-list .item{ border: 1px solid #b1b1b1; padding: 40px 5%; background-color: #fff; font-size: 15px; min-height: 189px; transition: 0.3s; -webkit-transition: 0.3s;}
.contact-list .t{ font-size: 18px; line-height: 1.5; margin-bottom: 25px; transition: 0.3s; -webkit-transition: 0.3s;}
.contact-list li:hover .item{ border-color: #f83f49;}
.contact-list li:hover .t{ color: #f83f49;}
.mapBox{ height: 600px;}
@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); }
}
.BMap_Marker div >img{ animation-delay: 0ms; animation-duration: 2000ms; animation-iteration-count: infinite; animation-name: scales; animation-play-state: running; animation-timing-function: linear;}
@keyframes scales {
    0% { opacity: 0.2; transform: scale(0.6);}
    33% { opacity: 0.5; transform:scale(0.8);}
    66% { opacity: 1; transform:scale(1);}
    100% { opacity: 0.6; transform:scale(0.6); }
}
.BMap_bubble_title{ color:#f83f49; font-size:14px; font-weight:bold;}
.BMap_cpyCtrl{ display: none !important;}
.mapBox .BMap_mask{ background-color: rgba(0,0,0,0.2);}
/*about style end*/
/*news style*/
.first-box a:link, .first-box a:visited { color: #646464; }
.first-box a:active, .first-box a:hover { color: #646464; }
.first-box{ background-color: #fff; position: relative; transition:0.3s; -webkit-transition:0.3s;}
.first-box .img{ float: left; display: block; width: 50%; overflow: hidden;}
.first-box .img img{ width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms;}
.first-box .con{ float: left; display: block; width: 42%; margin-left: 4%; padding-top: 3%;}
.first-box h3{ font-size: 20px; color: #323232; line-height: 1.5; margin-bottom: 5px; font-weight: normal; overflow: hidden;}
.first-box .time{ color: #6f6f6f; font-family: arial, helvetica, sans-serif; height: 25px; line-height: 25px;}
.first-box .time .icon-shijian{ margin-right: 6px; font-size: 18px; color: #a5a5a5;}
.first-box .c{ margin: 38px 0px 15%; height: 50px; overflow: hidden;}
.first-box .btn-more{ border:1px solid #909090; background-color: #fff; width: 166px; height: 38px; line-height: 38px;}
.first-box .btn-more .txt{ color: #909090;}
.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); }
.first-box:hover .btn-more{ border-color: #202a7b; background-color: #202a7b;}
.first-box:hover .btn-more .txt{ color: #fff;}
.first-box:hover .img img{-webkit-transform:scale(1.05);transform:scale(1.05);}
.paging { padding: 70px 0px 0px; text-align: center; }
.paging a:link, .paging a:visited { color: #666666; }
.paging a:active, .paging a:hover { color: #fff; background-color: #202a7b; }
.paging a{ display: inline-block; margin: 0px 2px!important; background-color: #fff; padding: 8px 16px; border: 1px solid #787878;}
.paging a.act{ background-color: #202a7b; color: #fff; border-color: #202a7b;}
.newsList{ margin-top: 80px;}
.newItem{ position: relative; padding: 0 0 40px; margin-bottom: 40px; border-bottom: 1px solid #c3c3c3;}
.newItem .tiemBox2{ position: absolute; right: 0; top: 0px;}
.tiemBox2{ text-align: center; width: 74px; font-size: 12px; border: 1px solid #909090; padding: 10px 5px 20px; color: #646464; font-family: arial, helvetica, sans-serif;  transition:0.43s; -webkit-transition:0.43s;}
.tiemBox2 .icon-shijian{ font-size: 20px; line-height: 1; text-align: center; margin-bottom: 12px; display: block;}
.newItem .img{ position: relative; overflow: hidden; float: left; display: block; width: 224px; margin-right: 25px;}
.newItem .img img{ width: 100%; display: block; transition: transform 0.6s 0s; -webkit-transition: transform 0.6s  0s;}
.newItem .con{ float: left; width: 684px;}
.newItem .con h4{ font-size: 20px; color: #323232; font-weight: normal; line-height: 1.4; margin-bottom: 22px;}
.newItem .con .c{ color: #6f6f6f; height: 50px; overflow: hidden;}
.newItem .more{ width: 120px; height: 42px; line-height: 42px; text-align: center; display: block; border: 1px solid #b6b6b6; transition:0.43s; -webkit-transition:0.43s;}
/*news style end*/
/*news2 style*/
.newsList2 dd{ border: 1px solid #dbdbdb; background-color: #fff; padding: 32px; margin-bottom: 40px; position: relative; z-index: 1;}
.newsList2 dd:before { content: ""; width: 100%; height: 5px; background-color: #df2128; position: absolute; left: 0; bottom: -5px; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .6s cubic-bezier(.4,0,.2,1); transition: transform .6s cubic-bezier(.4,0,.2,1); -webkit-transform: scaleX(0); visibility:hidden\9; z-index: -1;}
.utimeBox { padding: 10px; background-color: #bfbfbf; color: #fff; font-size: 12px; font-family: arial, helvetica, sans-serif; line-height: 1.5; transition:0.3s; -webkit-transition:0.3s;}
.utimeBox .bot{ width: 15px; height: 2px; background-color: #fff; display: block; margin: 8px 0;}
.utimeBox .day{ font-size: 26px; line-height: 1.2; display: block;}
.utimeBox .time{ font-size: 12px;}
.newsList2 .utimeBox{ position: absolute; left: 32px; top: 32px;}
.newsList2 .con{ margin: 0px 232px 0px 150px;}
.newsList2 h4{ font-size: 20px; color: #1e1e1e; font-weight: normal; margin-bottom: 15px; line-height: 1.2;}
.newsList2 .c{ line-height: 1.5; height: 63px; overflow: hidden;}
.newsList2 .more{ background: url(/images/img_r1.png) no-repeat scroll center center; width: 37px; height: 37px; line-height: 37px; display: block; position: absolute; right: 3%; top: 50%; margin-top: -19px; transform: scale(0); -webkit-transform: scale(0); opacity: 0; visibility: hidden\9; transition:0.3s; -webkit-transition:0.3s;}
.newsList2 .more i{ font-family:"iconfont" !important; font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 100%; height: 100%; text-align: center; display: block; color: #fff;}
.newsList2 .more i:before { content: "\e636"; }
.newsList2 dd:hover .utimeBox{ background-color: #df2128;}
.newsList2 dd:hover .more{ transform: inherit; -webkit-transform: inherit; opacity: 1; visibility: visible\9; }
.newsList2 dd:hover:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility:visible\9;}
.info-page{ padding: 14px 0px 100px;}
.info-page .pinner{ background-color: #fff; padding: 60px 0px;}
.info-c{ width: 930px; margin: 0px auto;}
.info-c table{ min-width: 640px; width: 100% !important; background-color: #fff !important;}
.info-c table td{ padding: 8px 10px; border: 1px solid #4b4b4b !important; text-align: center;}
.info-c table tr:first-child td{ background-color: #183883; color: #fff; border: 1px solid #3d4586 !important;}
.info-c p img {display: block;margin-right: auto!important;margin-left: auto!important}
.info-c p{text-indent:2em;}
.info-c table {border-collapse:collapse;empty-cells:show;border-spacing:0;width:100%;}
.info-c table th{font-weight:bold;background-color:#f8f8f8;text-align:left}
.info-c table tr.firstRow{font-weight:bold;background-color:#f8f8f8;text-align:left}
.info-c table th,.info-c table td{padding:.3em .5em;margin:0;vertical-align:middle;border:1px solid #ddd}
.info-c table tr:nth-child(2n){background-color:#f8f8f8}
.info-c table td p{margin-bottom:0px}
.infoPage-box{ background-size: cover; background-repeat: no-repeat; background-position: center center; padding: 54px 0px; text-align: center; color: #fff;}
.w920{ width: 920px; margin: 0px auto;}
.info-T a:link, .info-T a:visited { color: #fff; }
.info-T a:active, .info-T a:hover { color: #fff;}
.info-T h3{ font-size: 30px; line-height: 1.2;}
.info-T .info{ padding-top: 20px;}
.info-T .time{ margin-right: 25px;}
.rel { position: relative; }
.arrow-btn{ display:block; position:relative;}
.arrow-btn .iconfont{ width:100%; height:100%; position:relative; z-index:9; display: block; text-align: center; color: #fff;}
.arrow-btn .now{ text-align:center; color:#fff; position:relative; z-index:9; }
.arrow-btn.gray{ background-color: #ccc; }
.arrow-btn.yell{ background:#202a7b; }
.nd-back{ padding-top:30px; border-top: 6px solid #e5e5e5; margin: 60px 0 0;}
.nd-back a{ width:180px; float:left; color:#999; position:relative; }
.nd-back .arrow-btn{ width:48px; height:48px; line-height: 48px; border-radius: 24px; position:absolute; top:0; }
.nd-back .name{ line-height:48px; display: block;}
.nd-back .prev .name{ padding-left:63px; }
.nd-back .next .name{ padding-right:63px; text-align:right; }
.nd-back .next { float: right;}
.nd-back .prev .arrow-btn{ left:0; }
.nd-back .next .arrow-btn{ right:0; }
.nd-back .backList{ width:104px; position:absolute; top:0; left:50%; margin-left:-52px; height:48px; }
.nd-back .backList .now{ line-height:48px; display: block; text-align: center;}
.arrow-hover:hover .arrow-btn.gray{ background:#202a7b; }
.backList:hover.yell{ background: #cccccc; }
.nd-back a:hover { color: #202a7b; }
.info-page .nd-back{ margin-left: 45px; margin-right: 45px;}
/*news2 style end*/
/*service style*/
.service-box .img{ float: left; display: block; width: 48%;}
.service-box .con{ float: right; display: block; width: 48%; font-size: 16px;}
.service-t{ margin-bottom: 25px;}
.service-t h4{ font-size: 24px; color: #202a7b; line-height: 1.2;}
.service-t .en{ color: #a5a5a5; font-size: 24px; font-family: arial, helvetica, sans-serif; line-height: 1.5;}
.ser-title{ background-color: #585858; color: #fff; font-size: 24px; padding: 12px 5%; line-height: 1.5; text-align: center; position: relative;}
.ser-title:before{ content: ""; position: absolute; left: 50%; top: 100%; margin-left: -4px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top:10px solid #585858; transition: 0.3s; -webkit-transition: 0.3s;}
.service-list{ text-align: center;}
.service-list dd{ display: inline-block; *display: inline; *zoom: 1; width: 285px; margin: 80px 34px 0; text-align: center; position: relative;}
.service-list figure{ background-color: #202a7b; position: relative; border-radius: 50%; border: 4px solid #202a7b;}
.service-list figure img{ width: 100%; display: block; opacity: 0.5; filter:alpha(Opacity=50); -webkit-transition:all .52s cubic-bezier(.4,0,.2,1); transition:all .52s cubic-bezier(.4,0,.2,1);}
.service-list .con{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 90%; height: 50%; overflow: hidden; color: #fff; -webkit-transition:all .52s cubic-bezier(.4,0,.2,1); transition:all .52s cubic-bezier(.4,0,.2,1);}
.service-list .t{ font-size: 20px; line-height: 1.5;}
.service-list .bot{ width: 36px; margin: 10px auto 20px; height: 2px; display: block; background-color: #fff;}
.service-list .con{ top: 45%;}
.service-list .bot,.service-list .c{ opacity: 0; visibility:hidden\9; transform:translateY(50px); -webkit-transform:translateY(50px); -webkit-transition:all .52s cubic-bezier(.4,0,.2,1); transition:all .52s cubic-bezier(.4,0,.2,1);}
.service-list dd:hover .con{ top: 0;}
.service-list dd:hover figure img{ opacity:0; filter:alpha(Opacity=0);}
.service-list dd:hover .bot,.service-list dd:hover .c{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0; opacity: 1; visibility:visible\9;}
/*service style end*/
/*business style*/
.w900{ width: 900px; margin: 0px auto;}
.business-t{ text-align: center; font-size: 26px; color: #202a7b; margin-bottom: 40px;}
.business-list{ margin-left: -3%;}
.business-list .item{ border: 1px solid #b4b4b4;}
.business-list dd{ float: left; display: block; width: 30.33%; margin-left: 3%; background-color: #fff;}
.business-list figure{ overflow: hidden; background-color: #000; color: #fff; position: relative; padding-bottom: 62%; overflow: hidden;}
.business-list figure img{ width: 100%; display: block; opacity: 0.5; filter:alpha(Opacity=50); position: absolute; left: 0; top: 0;}
.business-list .name{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 90%; height: 36px; text-align: center; margin: auto; font-size: 24px; line-height: 1.5; font-weight: bold;}
.business-list article{ padding: 20px; color: #999999;}
.business-list .by{ color: #000000; padding-left: 15px; position: relative;}
.business-list .by:before{ content: ""; position: absolute; width: 4px; height: 4px; left: 0; top: 10px; background-color: #000; border-radius: 50%;}
.business-list .by-c{ padding-left: 50px; margin-bottom: 10px;}
.business-list .c{ padding-top: 10px;}
/*business style end*/
/*performance style*/
.performance-txt{ padding: 30px 0 10px; font-size: 15px;}
.performance-list li{ float: left; display: block;}
.performance-list{ margin-left: -3%; padding-top: 35px;}
.performance-list li{ float: left; display: block; width: 30.33%; margin-left: 3%; margin-bottom: 40px; color: #646464; position: relative;-webkit-transition: all .2s linear; transition: all .2s linear;}
.performance-list .item{ padding: 15px 15px 30px; border: 1px solid #b4b4b4; background-color: #fff;}
.performance-list .img{ overflow: hidden; position: relative; padding-bottom: 55%;}
.performance-list .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; position: absolute; left: 0; top: 0;}
.performance-list .con{ padding:25px 0 0;-webkit-transition: all .2s linear; transition: all .2s linear;}
.performance-list h4{ color: #000000; font-size: 16px; line-height: 1.5; margin-bottom: 15px;}
.performance-list .c{ color: #999999; height: 75px; margin-bottom: 30px; overflow: hidden;}
.performance-list .more{ color: #f83f49;}
.performance-list li:hover img{  transform: scale(1.06); -webkit-transform: scale(1.06);}
.performance-list li:hover{-webkit-box-shadow: 0 3px 5px rgba(193,193,89,0.1); box-shadow: 0 3px 5px rgba(193,193,89,0.1); -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);}
.performance-list li:hover .item{ border-color: #f83f49;}
.st-select{ background: url(/images/link_select_ico3.png) 94% center no-repeat #fff; -webkit-appearance:none; appearance:none; -moz-appearance:none;  box-sizing: border-box; width: 300px; height: 50px; color: #4e4e4e; font-size: 14px; border: 1px solid #c9c9c9; padding: 0px 10px;} 
.pert{ font-size: 24px; color: #000000; font-weight: normal; text-align: center; margin-bottom: 35px;}
.performance-demo{ overflow: hidden; margin-bottom: 35px;}
.performance-demo .item{ position: relative;}
.performance-demo .item img{ width: 100%; display: block;}
.performance-demo .text{ background: url(/images/black_50.png) repeat; background: none rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; width: 90%; padding: 15px 5%; color: #fff; text-align: center; font-size: 16px;}
.performance-demo .slick-arrow{ width: 42px; height:42px; display: block; position: absolute; top: 50%; margin-top: -21px; z-index: 300; background-color: #ffff; background-color: rgba(255,255,255,0.8); color: #000; border-radius: 50%; line-height: 42px; }
.performance-demo .slick-prev{ left: 1%;}
.performance-demo .slick-next{ right: 1%;}
.performance-demo .slick-arrow i { display: block; font-family:"iconfont" !important;font-size:18px;font-style:normal; font-weight: bold;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; width: 100%; height: 100%; text-align: center;}
.performance-demo .slick-prev i:before{ content: "\e716";}
.performance-demo .slick-next i:before{ content: "\e636";}
.performance-demo .slick-arrow:hover{ background-color: #202a7b; color: #fff;}
/*performance style end*/
/*voice style*/
.voice-list a:link, .voice-list a:visited { color: #454545; }
.voice-list a:active, .voice-list a:hover { color: #454545;}
.voice-list li{ display: block; position: relative; overflow: hidden; background-color: #fff; margin-bottom: 30px;}
.voice-list li:before { content: ""; width: 100%; background-color: #202a7b; position: absolute; left: 0; bottom: 0px; -webkit-transition:.2s cubic-bezier(.4,0,.2,1); transition:.2s cubic-bezier(.4,0,.2,1); height: 0px; z-index: 4;}
.voice-list li .img{ width: 50%; display: block; position: relative; overflow: hidden;}
.voice-list li .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;  width: 100%; display: block; transform: scale(1.06); -webkit-transform: scale(1.06);}
.voice-list .con{ width: 40%; height: 100%; position: absolute;  top: 0%; text-align: center;}
.voice-list .title{ font-weight: normal;font-size: 18px; color: #474747; line-height: 1.5; margin-bottom: 15px;}
.voice-list .c{ height: 50px; overflow: hidden;}
.voice-list .twoItem .con{ left: 55%;}
.voice-list .oneItem .img{ margin-left: 50%;}
.voice-list .oneItem .con{ left: 5%;}
.voice-list li:hover .title{ color: #202a7b;}
.voice-list li:hover .img img{ transform: inherit; -webkit-transform: inherit;}
.voice-list li:hover:before { height: 8px;}
.voice-list .btn-more{ margin: 40px auto 0; background-color: transparent; border: 1px solid #959595; width: 116px; height: 30px; line-height: 30px;}
.voice-list .btn-more .txt{ color: #959595;}
.voice-list li:hover .btn-more{ border-color: #202a7b;}
.voice-list li:hover .btn-more .txt{ color: #202a7b;}
.f18{ font-size: 18px;}
/*voice style end*/
/*technology style*/
.technology-tab{ overflow-x: auto; font-size: 16px; margin-bottom: 50px;}
.technology-tab table{ min-width: 640px; width: 100%; background-color: #fff !important;}
.technology-tab table td{ padding: 8px 10px; border: 1px solid #4b4b4b !important; text-align: center;}
/*technology style end*/
/*certificate style*/
.honor-list dd{ float: left; display: block; width: 29.33%; margin:0px 0 35px; padding: 0 2%; transition:0.43s; -webkit-transition:0.43s; cursor: zoom-in;}
.honor-list .img{ border: 2px solid #fff; overflow: hidden; position: relative; padding-bottom: 65%; margin-bottom: 10px;}
.honor-list .img img{ position: absolute; left: 0; top: 0; width: 100%; display: block; transition:0.6s; -webkit-transition:0.6s;}
.honor-list .txt{ height: 48px; font-size: 16px; line-height: 1.5; overflow: hidden; text-align: center;}
.honor-list dd:hover .img img{transform:scale(1.05); -webkit-transform:scale(1.05);}
/*certificate style end*/
/*digitization style*/
.one-video{ margin-bottom: 60px; position: relative; cursor: pointer; overflow: hidden;}
.one-video #videobox1{ position: absolute !important; left: 0; top: 0; height: 100% !important; z-index: 10;}
.one-video .vcon img{ width: 100%; display: block; transition:0.6s; -webkit-transition:0.6s;} 
.one-video .icon-bofang{ position: absolute; width: 60px; height: 60px; margin: -30px 0 0 -30px; left: 50%; top: 50%; background-color: rgba(255,255,255,0.5); color: #fff; line-height: 60px; font-size: 30px; text-align: center; border-radius: 50%; transition:0.3s; -webkit-transition:0.3s;}
.one-video:hover .icon-bofang{ background-color: #202A7B;}
.one-video:hover .vcon img{ transform: scale(1.05); -webkit-transform: scale(1.05);}
/*digitization style end*/
/*innovate style*/
.innovate-list{ padding: 30px 0px;}
.innovate-list li{ float: left; display: block; width: 31.33%; margin: 40px 0 0 2%;}
.innovate-list .img{ width: 100%; display: block;}
/*innovate style end*/
/*culture style*/
.pageImg{ background-color: #F4F4F4; background-position: center bottom;}
.culture-page{ font-size: 26px; color: #4b4b4b; text-align: center; width: 1000px; margin: 0px auto;}
.culture-list{ margin-left: -1%; padding: 80px 0px 0; font-family:"微软正黑体","Microsoft JhengHei"; color: #919191;}
.culture-list dd{ float: left; display: block; width: 24%; margin-left: 1%; margin-bottom: 20px; position: relative; text-align: center;}
.culture-list figure{ overflow: hidden;}
.culture-list figure img{ width: 100%; display: block;}
.culture-list .con{ background-color: #fff; padding: 20px 5%;}
.culture-list h4{ font-size: 20px; line-height: 1.5; color: #202a7b;}
.culture-list .en{ line-height: 1.5;}
.culture-list .bg{ background-color: #202a7b; position: absolute; left: 0; top: 0; width: 90%; height: 100%; padding: 0 5%; color: #fff; transition:0.3s; -webkit-transition:0.3s;  opacity: 0; visibility: hidden;}
.culture-list .bg h4{ color: #fff;}
.culture-list .t{ padding-top: 15%; transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; visibility: hidden;transition:0.3s; -webkit-transition:0.3s;}
.culture-list .ico{ width: 40px; height: 40px; background-repeat: no-repeat; background-position: center center; background-size: cover; display: block; margin: 0px auto 10px; }
.culture-list .line{ margin: 30px auto 20px; height: 0; width: 1px; background-color: #fff; display: block; }
.culture-list .by{ font-size: 20px; line-height: 1.5; opacity: 0; visibility: hidden;}
.culture-list dd:hover .bg{ opacity: 1; visibility: visible;}
.culture-list dd:hover .t{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px);}
.culture-list dd:hover .line{ height: 30px; transition: all 0.3s ease 0.2s; -webkit-transform:all 0.3s ease 0.2s;}
.culture-list dd:hover .by{ opacity: 1; visibility: visible;  transition: all 0.3s ease 0.4s; -webkit-transform:all 0.3s ease 0.4s;}
/*culture style end*/
/*evolution style*/
.historyPage{ padding-top: 120px;}
.historyBox{ width: 1040px; margin: 0px auto 0; padding:90px 0 130px; position: relative;}
.history-line{ height: 100%; width: 1px; background-color: #999999; position: absolute; left: 50%; top: 0;}
.history-top{ width: 18px; height: 18px; display: block; border-radius: 50%; border: 7px solid #fff; position: absolute; left: 50%; top: 0px; margin-left: -16px; background-color: #f73944; box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);}
.history-list .item { width: 50%; float: right; display: block; margin:0px 0px 70px; position: relative; z-index: 4; }
.history-list .twoItem { float: left; margin: 90px 0px 0px; }
.hitem{ position: relative; border: 1px solid #fff; background-color: #fff; padding: 30px 35px; margin-left: 52px; transition:0.3s; -webkit-transition:0.3s; }
.twoItem .hitem { margin: 0 52px 0 0;}
.h-year { font-size: 36px; color: #4b4b4b; font-weight: bold; line-height: 1.2; margin-bottom: 20px;}
.h-d { position: absolute; left: -4px; top: 40px; display: block; background-color: #999999; width: 50px; height: 1px; }
.h-d i { background-color: #f73944; border-radius: 50%; width: 8px; height: 8px; display: block; position: absolute; left: 0px; top: 50%; margin-top: -4px; }
.twoItem .h-d { left: auto; right: -4px; }
.twoItem .h-d i { left: auto; right: 0px; }
.history-list .item:hover .h-year { color: #f73944; }
.history-list .item:hover .hitem { box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.08); border-color: #f73944;}
/*evolution style end*/
/*management style*/
.management-demo{ margin:80px 40px 0; opacity: 0;visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease;}
.management-demo.slick-initialized {visibility: visible;opacity: 1;}
.management-demo .ico{ width: 130px; height: 130px; background-repeat: no-repeat; background-position: center center; border-radius: 50%; background-color: #848484; display: block; margin: 0px auto 15px;}
.management-demo .item{ text-align: center; margin: 0px 15px; font-size: 15px; line-height: 1.5; padding-top: 10px;}
.management-demo h4{ font-size: 16px; color: #151515; margin-bottom: 5px;}
.management-demo .item:hover .ico{ background-color: #202a7b;-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); }
}
.management-demo .slick-arrow{ width: 36px; height: 36px; line-height: 36px; text-align: center; display: block; position: absolute; top:65px; z-index: 500; color: #848484;}
.management-demo .slick-prev{ left: -40px;}
.management-demo .slick-next{ right:-40px;}
.management-demo .slick-arrow i { display: block; font-family:"iconfont" !important;font-size:32px;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-weight: bold;}
.management-demo .slick-prev i:before{ content: "\e716";}
.management-demo .slick-next i:before{ content: "\e636";}
.management-demo .slick-arrow:hover i{ color: #202a7b;}
/*management style end*/
/*personnel style*/
.f16{ font-size: 16px;}
.personnel-list dd{ padding: 80px 0px;}
.personnel-list .img{ float: left; width: 45%;}
.personnel-list .con{ float: right; width: 48%;}
.personnel-list .bgf4 .img{ float: right; }
.personnel-list .bgf4 .con{ float: left;}
.personnel-list .t{ color: #000;}
.personnel-list .zh{ font-size: 30px; line-height: 1.2; padding-right: 5px;}
.personnel-list .by{ font-size: 24px; color: #535353;}
.personnel-list .c{ margin-top: 35px;}
.res-list li{ float: left;}
/*personnel style end*/
/*responsibility style*/
.res-list li{ float: left; display: block;}
.res-list li img{ width: 100%; display: block;}
.res-list .one{ width: 39%; margin-right: 1%;}
.res-list .two{ width: 60%;}
/*responsibility style end*/
/*join style*/
/*.jimg,.jcon{ width: 46%;}*/
.jimg{ display: none;}
.jcon{ float: none;}
.joinPage table{ background-color: #fff;}
.joinPage table td{ border: 1px solid #4b4b4b; padding: 5px 15px;}
.joinPage table tr:first-child td{ background-color: #f83f49; color: #fff; border-color: #f83f49;}
.jtab{ width: 570px; float: left;}
.jtab2{ float: right;}
/*join style end*/
/*hr style*/
.hrList { color: #969696; padding-bottom: 50px;}
.hrList a:link, .hrList a:visited { color: #c82126; text-decoration: underline; }
.hrList a:active, .hrList a:hover { color: #1D1B73; }
.hrList .hicon { width: 4%; height: 46px; float: left; position: relative; display: block; }
.hrList .hspan { text-align: center; cursor: pointer; width: 13%; display: block; float: left; height: 46px; line-height: 46px; font-weight: bold; font-size: 16px;}
.hrList .hspan2{ width: 18%;}
.hrList .hspan3{ width: 26%;}
.hrList .hrdt { margin-bottom: 6px; }
.hrList dd { margin-bottom: 10px; position: relative; }
.hrList .hrdt, .hrList .hrT { height: 46px; overflow: hidden; }
.hrList .hrT .hspan { background: #838383; transition:0.4s; -webkit-transition: 0.4s; color: #fff; font-weight: normal; font-size: 14px;}
.hrList .hicon .ib { width: 21px; height: 21px; margin-top: 10px; display: block; position: relative; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.hrList .hicon i { display: block; background: #838383; }
.hrList .hicon .ic1 { width: 1px; height: 21px; margin-left: 10px; }
.hrList .hicon .ic2 { width: 21px; height: 1px; position: absolute; left: 0; top: 50%; margin-top: -1px; }
.hrList .hrB { border-top: 0px none; border: 1px solid #e9e9e9; background-color: #fff; display: none; margin-left: 4%; }
.hrList .hrCon { width: 89%; margin: 0px auto; padding: 25px 0px 48px; overflow: hidden; font-size: 14px; color: #969696; }
.hrCon .line{ height: 1px; background-color: #eee; width: 100%; display: block; margin: 0px 0px 30px;}
.hline { border-top: 1px solid #eee; padding: 30px 0px; margin-top: 35px; }
.hrList .active .hicon .ib { transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); }
.hrList dd.active .hspan, .hrList dd:hover .hspan { background: #202a7b;}
.hr-box{ margin-top: 80px;}
.ledMore{ margin: 0px auto; width: 150px; height: 48px; line-height: 48px; border: 1px solid #838383; background-color: transparent;}
.ledMore .txt{ color: #838383;}
.ledMore:hover{ background-color: #202A7B;}
.ledMore:hover .txt{ color: #fff;}
.hr-email{ float: left; display: block; width: 60%;}
.hr-join{ float: right;  display: block; padding-top: 10px;}
.hr-join a{ margin-left: 5px;}
/*hr style end*/
/*heartSound style*/
.black-50{ background: url(/images/black_50.png) repeat; background: none rgba(0,0,0,0.5); position: absolute; width: 100%; height: 100%; display: block; top: 0; left: 0;}
.heartSound-list dd{ padding: 30px 0px 40px;}
.heartSound-list .img,.heartSound-list .con{ float:left; width: 47%; display: inline-block;}
.heartSound-list .img{ position: relative; overflow: hidden; cursor: pointer;}
.heartSound-list .img img{ width: 100%; display: block; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out;}
.heartSound-list .black-50{ transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); -webkit-transition: opacity 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53); opacity: 0; visibility: hidden\9;  }
.heartSound-list .con{ float: right;}
.heartSound-list .one-item .img{ float: right;}
.heartSound-list .one-item .con{ float: left;}
.heartSound-list .t{ font-size: 26px; color: #000000; line-height: 1.5;}
.heartSound-list .by{ color: #da000c; font-size: 14px;}
.heartSound-list .c{ margin-top: 35px;}
.heartSound-list .img:hover .black-50{ opacity: 1; visibility: visible\9; }
.heartSound-list .img:hover img{ transform:scale(1.06); -webkit-transform:scale(1.06);}
.heartSound-list .icon-bofang{ background-color: #fff; background-color: rgba(255,255,255,0.6); width: 46px; height: 46px; display: block; position: absolute; left: 50%; top: 50%; margin: -23px 0 0 -23px; text-align: center; border-radius: 50%; line-height: 46px; color: #000;}
/*heartSound style end*/
/*404 style*/
.noPage{ position: absolute; left: 0%; top: 50%; width: 100%; margin-top: -50%; margin-top: -240px;}
.no-t{ font-size: 29px; line-height: 1.5; margin-top: 35px;}
.no-t2{ font-size: 20px; font-family:arial, helvetica, sans-serif; margin-bottom: 50px;}
.no-c{ margin: 0px auto; text-align: center;}
.no-btn{ text-align: center; color: #666; padding-top: 12px;}
.no-btn a{ text-decoration: underline;}
.no-btn a:hover{ color: #000;}
/*404 style end*/
.bgbg{background-size:100% auto;background-position: center;background-repeat: no-repeat;background-origin:border-box;}
.pageC table{border-collapse:collapse;border:1px solid #fff;padding:0px;margin:0px;width:100%;}
.pageC td{padding:5px 5px 5px 5px;margin:0px;border:1px solid #fff;}
.pageC th{padding:5px 5px 5px 5px;margin:0px;border:1px solid #ff;text-align:center;background:#f2f2f2;}
.pageC p img {display: block;margin-right: auto!important;margin-left: auto!important}