@charset "utf-8";
/* 
 * Project Name:铁骑力士
 * Author:浅浅
 * Date：2017-11-29
 */
@font-face {
    font-family: 'Humanst521 BT';
    src: url('Humanist521BT-Roman.eot');
    src: url('Humanist521BT-Roman.eot?#iefix') format('embedded-opentype'),
        url('Humanist521BT-Roman.woff') format('woff'),
        url('Humanist521BT-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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; }
caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
body { font: 14px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial; margin: 0 auto; color: #666; background-color: #fff;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
img { border: 0; }
input, textarea, select, option { background: none; outline: 0; font-family: "微软雅黑"; padding: 0; margin: 0; }
input { outline: none; font-family: "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial;}
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: #d7949b; color: #fff; text-shadow: none; }
::selection { background: #d7949b; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; 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; }
.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: 1100px; margin: 0px auto;}
.inner1000{ margin: 0px auto; width: 1000px;}
.inner1320{ margin: 0px auto; width: 1320px;}
.header{ height: 80px;}
.top a:link, .top a:visited { color: #333333;}
.top a:active,.top a:hover { color: #0064aa;}   
.top{ position: fixed; z-index: 999; width: 100%; left: 0; top: 0; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);}
.logo{ float: left; margin-left: 3%; display: block; position: relative;}
.logo a{ display: block; height:87px; padding: 11px 0px;}
.logo .img{ height: 100%; display: block;}
.nav{ float: right; display: block; padding-right: 25px;}
.nav li{ float: left; display: block; position: relative;}
.nav li>a{ position: relative; height: 109px; line-height: 109px; display: block; padding: 0px 18px; z-index: 1;}
.nav li>a.active{ color: #0064aa;}
.nav li>a.hov,.nav li>a:hover{ color: #fff;}
.nav a:before {  content:""; width:100%; height:100%; background-color:#0064aa; 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:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .42s cubic-bezier(.4,0,.2,1),-webkit-transform .42s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9;}
.nav>li>a:hover:before,.nav>li>a.hov:before { transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.nav .subnav{ position: absolute; z-index: 10; left: 50%; top: 109px; border-top: 1px solid #cacaca; width: 150px; padding: 10px 0px; margin-left: -75px; background-color: #ffffff; display: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);}
.nav .subnav a{ display: block; padding: 8px 0px; line-height: 1.4; color: #666666; text-align: center; position: relative; z-index: 1; perspective: 300px; transform-style: preserve-3d; font-size: 13px;}
.nav .subnav a:after{ content: ""; position: absolute; width: 7px; height: 11px; right: 10px; top: 50%; margin-top: -5px; background: url(../images/arrow.png) no-repeat scroll center center; opacity: 0; visibility: hidden\9; -webkit-transition: 0.4s; transition: 0.4s;}
.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 bottom 0; -webkit-transform-origin: center top 0; left:0; opacity:0; bottom: 0; visibility:hidden; background-color: #ececec;}
.nav .subnav a:hover{ color: #0064aa;}
.nav .subnav a:hover:before,.nav .subnav a.hov:before{  transform: none; opacity: 1; visibility:visible;}
.nav .subnav a:hover:after,.nav .subnav a.hov:after{ opacity: 1; visibility: visible\9;}
.nav .subnav>div{ position: relative;}
.nav .subnav dl{ position: absolute; left: 100%; top: 0; width: 140px; padding: 1px; background-color: #ececec; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); display: none;}
.nav .subnav dl a:after{ display: none;}
.nav .subnav dl a:before{ background-color: #ef3e42;}
.nav .subnav dl a:hover{ color: #fff;}
.top-sider a:link, .top-sider a:visited { color: #646464;}
.top-sider a:active,.top-sider a:hover { color: #0064aa;}
.top-sider{ float: right; display: block; width: 110px; border-left: 1px solid #d2d2d2; line-height: 40px; text-align: center;}
.follow-box{ border-bottom: 1px solid #d2d2d2; height: 39px; line-height: 39px;}
.follow-box a{ width: 30px; height: 100%; display: inline-block; position: relative; margin: 0px 8px;}
.follow-box a .ico{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center;}
.follow-box a .i2{ opacity: 0; visibility: hidden; transition: 0.3s; -webkit-transition: 0.3s;}
.follow-box a:hover .i2{ opacity: 1; visibility: visible;}
.oaBtn{ display: block;}
.oaBtn span{ background: url(../images/oa.png) no-repeat right center; padding-right: 25px;}
.oaBtn:hover{ background-color: #ececec;}
.menu-handler {width:60px;height:56px; float: right; display: none; position: relative;}
.menu-handler .burger {display: block;width:24px;height:3px;background-color:#666666;-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); position: absolute; left: 50%; margin-left: -12px;}
.menu-handler .burger-1 { top: 18px;}
.menu-handler .burger-2 { top: 27px;}
.menu-handler .burger-3{ top: 36px;}
.menu-handler.active .burger { top: 27px;}
.menu-handler.active .burger-1 {-moz-transform:rotate(225deg); -ms-transform:rotate(225deg);-webkit-transform:rotate(225deg); transform:rotate(225deg)}
.menu-handler.active .burger-2 {opacity:0; -moz-transform:rotate(360deg); -ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.menu-handler.active .burger-3 {-moz-transform:rotate(-225deg);-ms-transform:rotate(-225deg);-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}
.menuBox a:link, .menuBox a:visited { color: #333333;}
.menuBox a:active,.menuBox a:hover { color: #0064aa;}   
.menuBox { background-color: #f7f7f7; color: #333333; 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 0px 100px;}
.menuMoblie li { border-bottom: 1px solid #b5b5b5; }
.menuMoblie .nav-link { color: #333333; display: block; font-size: 16px; padding: 12px 8%; position: relative;}
.menuMoblie .nav-link.cur{ background-color: #0064aa; color: #fff;}
.menuMoblie .nav-link:before{ content:""; width: 8px; height: 8px; border: 2px solid #fff; border-radius: 50%; position:absolute; right:26px; top:50%; transform:translateY(-50%) scale(0); -webkit-transform:translateY(-50%) scale(0); -moz-transform:translateY(-50%) scale(0); transition:0.4s; -webkit-transition:0.4s;}
.menuMoblie .cur:before{ transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1); -moz-transform:translateY(-50%) scale(1);}
.menuMoblie .subnav { background-color: #d6d6d6; padding: 10px 0 20px; font-size: 15px; display: none;}
.menuMoblie .subnav p{ border-top: 1px solid #b5b5b5;}
.menuMoblie .subnav p:first-child{ border-top-color: #fff;}
.menuMoblie .subnav a { position: relative; display: block; padding: 12px 8%; line-height: 1.4;}
.menuMoblie .subnav dl{ background-color: #CFCFCF; margin: 0px 8% 10px; padding: 8px; font-size: 14px;}
.menuMoblie .subnav dl a{ padding: 8px 15px; position: relative;}
.menuMoblie .subnav dl a:before{ content: ""; position: absolute; left: 5px; top: 16px; width: 5px; height: 1px; background-color: #998e8e;}
.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_50.png) repeat; background: none rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1030; display: none; }
.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; }
.inner88{ width: 88%; margin: 0px auto; max-height: 1700px;}
.foot{ background-color: #0064aa;}
.foot a:link, .foot a:visited { color: #646464; }
.foot a:active, .foot a:hover { color: #0064aa; }
.erm-box{ float: right; display: block; width: 140px;}
.erm-box img{ width: 100%; display: block;}
.footNav{ padding: 35px 0px;}
.footNav a{ margin-right: 60px; position: relative;}
.footNav a:last-child{ margin-right: 0;}
.footNav a:before{ content:""; width:100%; height:1px; background-color:#0064aa; 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; }
.footNav a:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.footNav ul{ float: left; display: block; width: 86%;}
.footNav li{ float: left; display: block; width: 14%; margin-right: 0.28%;}
.footNav .subnav{ padding-top: 10px;}
.footNav .subnav a{ font-size: 12px;}
.foot-line{ height: 1px; background-color: #bfbfbf;}
.footBox{ padding: 30px 0px; color: #646464;}
.smlink{ margin-left: 32px;}
.foot-l,.foot-r{ float: left; display: block; width: 48%;}
.foot-l{ color: #fff;}
.foot-r{ float: right; font-size: 12px;color: #fff;}
.foot-tel{ background: url(../images/f_i1.png) no-repeat scroll left center; padding-left: 32px; font-weight: bold; font-size: 32px; font-family: arial, helvetica, sans-serif; line-height: 1.2; margin-bottom: 22px;}
.foot-add{ background: url(../images/f_i2.png) no-repeat scroll left center; padding-left: 32px; display: inline-block;}
.foot-tel2{ background: url(../images/f_i3.png) no-repeat scroll left center; padding-left: 32px; margin-left: 88px; display: inline-block;}
.foot-rbox{ margin-bottom: 20px;  float: right;}
.sharpBox,.foot-rbox .line,.f-oaBtn{ display: inline-block; float: left;}
.sharpBox{ padding-top: 7px; line-height: 30px;}
.sharpBox a{ margin-left: 10px; display: inline-block;}
.sharpBox a:hover{ transform: translateY(-5px); -webkit-transform: translateY(-5px);}
.sharpBox .l{ padding-right: 15px;}
.foot-rbox .line{ margin: 7px 30px 0; width: 1px; height: 26px; background-color: #a0a0a0;}
.f-oaBtn{ height: 40px; line-height: 40px; border: 1px solid #a0a0a0; padding: 0px 26px; border-radius: 20px; width: 98px; float: left; position: relative;}
.f-oaBtn .txt{ color: #000000;}
.f-oaBtn i{ background: url(../images/oa_add.png) no-repeat; width: 10px; height: 10px; position: absolute; right: 26px; top: 50%; margin-top: -5px; transition: 0.3s; -webkit-transition: 0.3s;}
.f-oaBtn:hover{ background-color: #EEEEEE;}
.f-oaBtn:hover i{ transform: rotate(-180deg); -webkit-transform: rotate(-180deg);}
.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: 35%; width: 80%; text-align: center; color: #fff;}
.pbanner-C article{ position: relative;}
.pbanner-C .c{ overflow: hidden;}
.pbanner-C .zh{ font-size: 30px; line-height: 1.2; font-weight: bold;}
.pbanner-C .en{ font-size: 36px; text-transform: uppercase; font-family: "Humanst521 BT";}
.pbanner-C .bot{ width: 0px; height: 4px; display: block; margin: 20px auto 0; background-color: #fff; opacity: 0; transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;}
.pbanner-C .c span{ display: block; opacity: 0; transform: translate(0px,100%); -webkit-transform: translate(0px,100%); transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s; -webkit-transition: all .5s cubic-bezier(0.445, 0.145, 0.355, 1) 0.2s;}
.pbanner-C.inview  .c span{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1;}
.pbanner-C.inview  .bot{ width: 50px; opacity: 1;}
.pageNavBox { height: 56px; position: relative;}
.pageNavBox a:link, .pageNavBox a:visited { color: #333333;}
.pageNavBox a:active,.pageNavBox a:hover { color: #fff;}    
.pagenav { width: 100%;}
.pagenav.fixed{ position: fixed; left: 0; top: 56px; z-index: 1000;}
.pagenav.fixed .cpnavbox{ height: 40px; line-height: 40px;}
.cpnavbox { height: 56px; line-height: 56px; -webkit-transition:height 0.3s; transition:height 0.3s; background-color: #FFFFFF; text-align: center;}
.cpnavbox a { text-align: center; color: #333333; display: inline-block; padding: 0px 30px;  *display: inline; *zoom: 1; position: relative;}
.cpnavbox a:hover, .cpnavbox a.active { background-color: #0064aa; color: #fff; }
.cpnav { display: none; width: 100%; color: #fff; background-color: #0064aa; line-height: 40px; height: 40px; overflow: hidden; text-align: center; font-size: 14px; cursor: pointer; }
.caret { display: inline-block; width: 0px; height: 0px; margin-left: 10px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; }
.fixedImg { background-position: center top; background-repeat: no-repeat; background-size: cover;}
.body-right{ min-height: calc(100vh - 296px);}
/* 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: 31px; height: 31px; cursor: pointer; position: absolute; top: 0px; right: -42px; }
.vwrap .close i { display: block; width: 31px; height: 31px; background: url(../images/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#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: #fff 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; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}
@-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/img_l4.png.png) no-repeat scroll center center}
.pswp--svg .pswp__button--arrow--right{background:url(../images/img_r4.png.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/img_l2.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/img_r2.png)}
.pswp__button--arrow--left:hover,.pswp__button--arrow--right:hover{background-color:#0064aa}
.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}
/*main 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 0.6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.6s,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 0.6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transXT100 { transform: translateX(-100%); -webkit-transform: translateX(-100%); opacity: 0; visibility: hidden; transition: transform 0.6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.6s,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 ,.action.transXT100 { 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%; z-index: 0; background-color: #efefef; }
.banner .pimg { width: 100%; display: block; position: absolute; left: 0px; top: 0px; }
.banner .bimg{ display: none; width: 100%; position: relative; z-index: -1;}
.banner .item { position: relative; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.binbox { position: absolute; width: 1000px; overflow: hidden; left: 50%; margin-left: -500px; top: 0; height: 100%; display: table; text-align: center; color: #fff; }
.binbox .year{ color: #f9c500; font-weight: bold; font-size: 24px; line-height: 1.5; font-family: arial, helvetica, sans-serif;}
.binbox .by{ font-size: 48px; font-weight: bold; font-family: "微软正黑体","Microsoft JhengHei"; line-height: 1.5;}
.binbox .zh{ font-size: 24px; font-weight: bold; font-family: "微软正黑体","Microsoft JhengHei"; line-height: 1.5; margin-bottom: 8px;}
.binbox .en{ font-size: 12px; font-family: arial, helvetica, sans-serif; line-height: 1.2; margin-bottom: 12px;}
.binbox .ico{ background: url(../images/ico.png) no-repeat; background-size: cover; width: 20px; height: 20px; display: block; margin: 0px auto;}
.banner .line{ width: 1px; height: 18px; display: block; margin: 12px auto 0; background-color: #0064aa;}
.binbox .moreBtn{ margin: 3% auto 5%; display: block; width: 174px; height: 50px; line-height: 50px; text-align: center; background-color: #0064aa; position: relative; overflow: hidden;}
.moreBtn:before{content: ""; background: #fff; position: absolute;  width: 200px; height: 200px; left: 50%; top: 50%; opacity: 1; visibility: hidden\9; margin: -100px 0px 0px -100px; border-radius: 50%; transform: scale(0);}
.moreBtn:hover:before {  transform: scale(1); opacity: 0; transition: 0.75s;}
.black-15{ background: url(../images/black_15.png) repeat; background: rgba(0,0,0,0.15); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.banner .bot{ width: 100%; height: 12px; overflow: hidden; position: absolute; left: 0; bottom: 0; background-color: #e4c36a;}
.banner .bot span{ position: absolute; left: 0px; top: 0px; background-color: #0064aa; height: 100%;}
.banner .con{  transform: rotateX(60deg) rotateY(0deg) rotateZ(0deg); -webkit-transform: rotateX(60deg) rotateY(0deg) rotateZ(0deg); -webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all 1s ease 0.2s;transition:all 1s ease 0.2s; opacity: 0;}
.banner .slick-active .con{-webkit-transform:perspective(800px) rotateX(0) rotateY(0) rotateZ(0) translateX(0)!important;transform:perspective(800px) rotateX(0) rotateY(0) rotateZ(0) translateX(0)!important; opacity: 1}
.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 .bot span { -moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear; }
@-moz-keyframes a_slidercurrent {
    from { width: 0%; }
    to { width: 100%; }
}
@-webkit-keyframes a_slidercurrent {
    from { width: 0%; }
    to { width: 100%; }
}
@-o-keyframes a_slidercurrent { 
	from;{ width: 0%; }
	to { width: 100%; }
}
@keyframes a_slidercurrent {
    from { width: 0%; }
    to { width: 100%; }
}
.bannerType{ position: absolute; left: 0; bottom: 12px; width: 100%;}
.bannerType a:link, .bannerType a:visited { color: #fff; }
.bannerType a:active, .bannerType a:hover { color: #fff; }
.bannerType-list li{ float: left; display: block; width: 25%; display: block; position: relative; height: 100px; text-align: center; background: url(../images/balck_60.png) repeat; background: none rgba(0,0,0,0.6);}
.bannerType-item .bg{ background-repeat: no-repeat; background-size: cover; /*background-color: rgba(238,45,49,0.7); */ background-position: center center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; opacity: 0; visibility: hidden\9; transition:0.5s; -webkit-transition:0.5s;}
.bannerType-item .more{ position: absolute; right: 2%; top: 10px; font-size: 12px;}
.bannerType-item .iconB{ display: inline-block; padding-left: 68px; padding: 22px 0px 22px 68px; height: 44px; line-height: 1.6; background-repeat: no-repeat; background-position: left center; text-align: left; position: relative; z-index: 2; transition:0.5s; -webkit-transition:0.5s;}
.bannerType-item .en{ display: block; opacity: 0.5; filter: alpha(opacity=50); font-family: arial, helvetica, sans-serif;}
.bannerType-item .iconM{ display: none; text-align: center; padding: 26px 0px 16px;}
.bannerType-item .iconM .ico{ width: 54px; height: 54px; background-size: 100% auto; background-repeat: no-repeat; background-position: center center; display: block; margin: 0px auto 10px;}
.bannerType-item .iconM .zh{ color: #666666;}
.bgf8{ background-color: #f8f8f8;}
.ibox{ padding: 78px 0px 104px;}
.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: #0064aa; 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: #0064aa; color: #fff;}
.newPicIbox .slick-arrow { background-color: #0064aa; 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: #0064aa; width: 100%; display: block;}
.newlistIbox .title a:link, .newlistIbox .title a:visited { color: #323232; }
.newlistIbox .title a:active, .newlistIbox .title a:hover { color: #0064aa; }
.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: 16px;}
.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: #0064aa; }
.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:  #0064aa;}
.navIbox-list li:hover .more { transform: none; opacity: 1; visibility: visible\9;}
/*index style end*/
/*about style*/
.bgf5{ background-color: #f5f5f5;}
.pagePadding{ padding: 100px 0px;}
.aboutPbox-box{ position: relative;}
.aboutPbox{ width: 754px; margin: 0px auto;}
.iboxT{ margin-bottom: 60px;}
.iboxT .zh{ font-size: 30px; color: #333333; line-height: 1.5;}
.iboxT .en{ color: #666; font-family: arial, helvetica, sans-serif; text-transform: uppercase;}
.aboutP-list{ padding-bottom: 50px;}
.aboutP-list li{ float: left; display: block; width: 24%; padding: 0px 2% 0px 7%; border-right: 1px solid #cdcdcd; color: #525252; line-height: 1.5;}
.aboutP-list li:last-child{ border-right: 0px none;}
.aboutP-list .txt{ color: #0064aa; font-family: "微软正黑体","Microsoft JhengHei"; font-size: 24px; line-height: 1.2;}
.aboutP-list .num{ font-size: 60px; padding-right: 10px;}
.aboutP-list .add{ position: absolute; font-weight: bold;}
.aboutP-list .en{ font-family: arial, helvetica, sans-serif; font-size: 12px; text-transform: uppercase;}
.aboutP-list .zh{ font-weight: bold;}
.pageC a:link, .pageC a:visited { color: #d02a25; }
.pageC a:active, .pageC a:hover { color: #0064aa; }
.pageC img{ max-width: 100% !important; height: auto !important;}
.pageC{ overflow: hidden; color: #666;}
.aboutPbox .pageC{ text-align: center; font-size: 15px;}
.pbot{ background: url(../images/y.png) no-repeat scroll center center; background-size: cover; background:none rgba(245,245,245,1); border-radius: 50%; width: 75px; height: 75px; position: absolute; left: 50%; bottom: -37px; margin-left: -37px; cursor: pointer;}
.pbot i{ background: url(../images/abot.png) no-repeat scroll center center; width: 25px; height: 15px;position: absolute; left: 50%; top: 50%; margin: -7px 0px 0px -12px; -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(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
.black-20{ background: url(../images/black_20.png) repeat; background: none rgba(0,0,0,0.2);}
.aboutC-box{ background-color: #fff; padding: 80px 0px;}
.aboutC-box .pageC{ width: 82%; margin: 0px auto; text-align: justify;}
.pagePadding2{ padding: 135px 0px;}
/*about style end*/
/*honor style*/
.honorPbox{ background-repeat: no-repeat; background-position: center center;}
.honorPbox .himg{ display: none;}
.honorPbox .himg img{ width: 100%; display: block;}
.honorPbox .hcon{ background: url(../images/white_70.png) repeat; background: none rgba(255,255,255,0.7); width: 660px; float: right; display: block; padding: 50px 60px 50px 70px;}
.honorPbox .c{ font-size: 16px; color: #333333; height: 86px; margin-bottom: 35px; overflow: hidden;}
.honor-demo{ height: 220px; overflow: hidden; left: -11px; position: relative;}
.honor-demo .item{ float: left; display: block; margin: 0px 11px; cursor: zoom-in;}
.honor-demo .img{ border: 10px solid #fff;}
.honor-demo .img img{ width: 100%; display: block;}
.honor-demo .slick-arrow { background-color: #a4a4a4; width: 41px; height: 41px; z-index: 106; bottom: 0%; border-radius: 50%;}
.honor-demo .slick-arrow:before{  content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-color: #0064aa; transform: scale(0); -webkit-transform: scale(0); transition: all .5s; -webkit-transition: all .5s; opacity: 0; visibility: hidden\9; z-index: -1;}
.honor-demo .slick-arrow:hover:before { transform: none; -webkit-transform: none; opacity: 1; visibility: visible\9;}
.honor-demo .slick-arrow i { position: absolute; background: url(../images/img_l3.png) no-repeat scroll center center; width: 100%; height: 100%;}
.honor-demo .slick-prev { left: 0px; }
.honor-demo .slick-next { right: 0px; }
.honor-demo .slick-next i { background-image: url(../images/img_r3.png); }
.honor-demo .slick-dots { z-index: 104; width: 100%; text-align: center; position: absolute; left: 0; bottom: 8px;}
.honor-demo .slick-dots li { position: relative; display: inline-block; padding: 0px; height: 13px; width: auto; margin:0px 4px; cursor: pointer; }
.honor-demo .slick-dots li a { height: 13px; width: 13px; line-height: 13px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; background-color: #fff; }
.honor-demo .slick-dots li a:focus { outline: none; }
.honor-demo .slick-dots li.slick-active a { background: none #0064aa;}
/*.honor-demo .slick-disabled{ background-color: #ececec;}*/
.honor-demo .slick-disabled:before{ display: none;}
.eventPbox{ padding: 50px 0px 0;}
.eventTab-t a:link, .eventTab-t a:visited { color: #666666; }
.eventTab-t a:active, .eventTab-t a:hover { color: #0064aa; }
.eventTab-t{ width: 1230px; margin: 0px 45px; margin: 0px auto; height: 72px;}
.eventTab-t .item{ float: left; display: block; height: 72px; line-height: 72px; position: relative; font-weight: bold; font-size: 18px; font-family: arial, helvetica, sans-serif; text-align: center; z-index: 1;}
.eventTab-t .item:after{ content:""; width:100%; height:100%; background-color:#e7e2d6; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9;  z-index: -1;}
.eventTab-t .item.active:after{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.eventTab-t .item:before{ content:""; position: absolute; left: -1px; top: 50%; margin-top: -11px; display: block; height: 22px; width: 1px; background-color: #e7e2d6;}
.eventTab-t .item.active{ color: #0064aa; overflow: hidden;}
.eventTab-t .slick-arrow { background-color: #a4a4a4; width: 45px; height: 100%; z-index: 106; bottom: 0%;}
.eventTab-t .slick-arrow:before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0064aa; transform: scale(0); -webkit-transform: scale(0); transition: all .5s; -webkit-transition: all .5s; opacity: 0; visibility: hidden\9; z-index: -1;}
.eventTab-t .slick-arrow:hover:before { transform: none; -webkit-transform: none; opacity: 1; visibility: visible\9;}
.eventTab-t .slick-arrow i { position: absolute; background: url(../images/img_l2.png) no-repeat scroll center center; width: 100%; height: 100%;}
.eventTab-t .slick-prev { left: -45px; }
.eventTab-t .slick-next { right: -45px; }
.eventTab-t .slick-next i { background-image: url(../images/img_r2.png); }
/*.eventTab-t .slick-disabled{ background-color: #ececec;}*/
.eventTab-t .slick-disabled:before{ display: none;}
.event-page{ padding-top: 60px;}
.event-list{ position: relative;}
.event-list dd{ float: left; display: block;}
.event-img{ width: 300px; padding: 30px 0px 100px;}
.event-img .time{ font-weight: bold; font-size: 42px; color: #0064aa; font-family: arial, helvetica, sans-serif; margin-bottom: 60px; line-height: 1.2;}
.event-list .line{ width: 3px; background-color: #e7e2d6; display: block; height: 100%; position: absolute; left: 386px; top: 0;}
.event-con{ width: 778px; position: relative; padding: 45px 0px 45px 130px;}
.event-con .bot{ width: 10px; height: 10px; display: block; border-radius: 50%; border: 6px solid #e7e2d6; position: absolute; left: 77px; top: 0; background-color: #fff;}
.event-con .year-txt{ position: absolute; left: 0; text-align: right; padding-right: 22px; width: 78px; font-weight: bold; line-height: 1.4; color: #0064aa; font-family: arial, helvetica, sans-serif; font-size: 18px;}
.event-con .year-txt i{ width: 12px; height: 5px; background-color: #e7e2d6; position: absolute; right: 0; top: 50%; margin-top: -2px;}
.event-ul li{ margin-bottom: 35px; text-align: justify;}
.event-ul p{ margin-bottom: 22px; padding-left: 20px; position: relative;}
.event-ul p:before{ content: ""; background-color: #666; border-radius: 50%; width: 5px; height: 5px; display: block; position: absolute; left: 0; top: 11px;}
.event-demo{ width: 262px; height: 470px; position: relative;}
.event-demo .item{ display: block; overflow: hidden; background-color: #d4eaf2; position: absolute;}
.event-demo .item img{ width: 100%; display: block;}
.event-demo .item1{ background-color: #f0edba; width: 48px; height: 40px; left: 74px; top: 0;}
.event-demo .item2{ width: 122px; height: 104px; left: 0; top: 52px;}
.event-demo .item3{ width: 104px; height: 90px; top: 66px; right: 18px;}
.event-demo .item4{ width: 76px; height: 65px; left: 45px; top: 167px;}
.event-demo .item5{ width: 122px; height: 104px; top: 167px; right: 0;}
.event-demo .item6{ width: 122px; height: 104px; left: 0px; top: 282px;}
.event-demo .item7{ width: 76px; height: 65px; right: 46px; top: 318px;}
.event-demo .item8{ width: 33px; height: 28px; background-color: #f5a3ae; right: 89px; bottom: 48px;}
.event-demo .item9{ width: 48px; height: 40px; left: 73px; bottom: 0;}
.event-page .event-list{ transform:translateY(60px); -webkit-transform:translateY(60px); opacity:0; transition:700ms; -webkit-transition:700ms;}
.event-page.show .event-list{ transform:translateY(0); -webkit-transform:translateY(0); opacity:1;}
/*honor style end*/
/*speech style*/
.speech-List{ background-color: #e9e9e9; padding: 70px 0px; border-bottom: 3px solid #c78992;}
.speech-List dd{ float: left; display: block; padding: 0px 2%; width: 24%; margin-left: 5%; position: relative;}
.speech-List dd:before{ content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #ccc;}
.speechBox{ background-color: #fff;}
.speechBox .img{ float: left; display: block; overflow: hidden; width: 38%;}
.speechBox .img img{ width: 100%; display: block;}
.speechBox .con{ float: left; display: block; width: 62%;}
.speechBox .box{ margin: 45px 70px; position: relative;}
.speechBox .name{ color: #cc0000; font-size: 30px; line-height: 1.5; padding-right: 8px;}
.speechBox .by{ padding: 22px 0px 40px;}
.speechBox .txt{ overflow: hidden;}
.speechBox .c{ font-size: 15px; line-height: 2; height: 390px; overflow-x: hidden; overflow-y:scroll; width: 100%; padding-right: 4%;  cursor:url(../images/cuse.png) 16 16, default;}
.mouseIco{ border: 1px solid #929292; width: 20px; height: 30px; display: block; margin: 0px auto; border-radius: 6px; position: absolute; right: 0;  bottom: 0px; z-index:900;}
.mouseIco i{ width: 2px; height: 6px; border-radius: 1px; display: block; background-color: #929292; position: absolute; left: 50%; margin-left: -1px; top: 5px; -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;}
/*speech style end*/
/*contact style*/
.companyList dd{ border-bottom: 1px solid #fff; position: relative; margin-bottom: 28px; padding-bottom: 35px;}
.companyList dd:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #c8c8c8;}
.companyList dd:last-child{ border-bottom: 0px none; margin-bottom: 0; padding-bottom: 0;}
.companyList dd:last-child:before{ display: none;}
.companyList .t{ font-size: 20px; color: #0064aa; padding-bottom: 2px;}
.companyList .c{ font-size: 16px; color: #333333; line-height: 1.5;}
.values-list a:link, .values-list a:visited { color: #fff; }
.values-list a:active, .values-list a:hover { color: #fff; }
.values-list{ margin-left: -2%; color: #fff;}
.values-list li{ float: left; display: block; width: 31.33%; margin:25px 0px 0px 2%; position: relative; overflow: hidden;}
.values-list .img{ overflow: hidden;}
.values-list .img img{ width: 100%; display: block;}
.values-list .black-20{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.values-list .tbox{ position: absolute; left: 5%; width: 90%; text-align: center; top: 50%; margin-top: -46px; line-height: 1.5; -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.values-list .ico{ width: 40px; height: 40px; display: block; margin: 0px auto 6px;}
.values-list .en{ font-family: arial, helvetica, sans-serif;}
.values-list .zh{ font-size: 18px;}
.values-list .con{ position: absolute; width: 80%; left: 10%; top: 100%; line-height: 2; border-top: 1px solid #edb1b2; border-bottom: 1px solid #edb1b2; padding: 14px 0px; min-height: 140px; overflow: hidden; -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.red-80{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/red_80.png) repeat; background: none rgba(204,0,0,0.8);}
.values-list .red-80{ -webkit-transition:-webkit-transform .62s cubic-bezier(.4,0,.2,1),opacity 0.5s; transition:transform .62s cubic-bezier(.4,0,.2,1),opacity 0.5s; transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); opacity: 0; visibility:hidden\9;}
.cultureList{ margin-left: -10px;}
.cultureList .item{ float: left; display: block; width: 31.33%; margin:25px 10px 0px 10px; position: relative; overflow: hidden;}
.cultureList .img{ position: relative; overflow: hidden;}
.cultureList .img img{ width: 100%; display: block;}
.cultureList .red-80{ -webkit-transition:-webkit-transform .62s cubic-bezier(.4,0,.2,1),opacity 0.5s; transition:transform .62s cubic-bezier(.4,0,.2,1),opacity 0.5s; transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); opacity: 0; visibility:hidden\9;}
.cultureList .morebox{ position: absolute; left: 5%; width: 90%; top: 50%; color: #fff; margin-top: -40px; text-align: center; opacity: 0; visibility:hidden\9;  transform:translateY(50px); -webkit-transform:translateY(50px); -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.cultureList .ico{ border: 1px solid #fff; border-radius: 50%; width: 44px; height: 44px; display: block; margin: 0px auto 12px; position: relative;}
.cultureList .ico:before,.cultureList .ico:after{ content: ""; position: absolute; background-color: #fff;}
.cultureList .ico:before{ width: 16px; height: 1px; left: 50%; margin-left: -8px; top: 50%;}
.cultureList .ico:after{ width: 1px; height: 16px; left: 50%; margin-top: -8px; top: 50%;}
.cultureList .txt{ border-bottom: 1px solid #898989; height: 54px; line-height: 54px; overflow: hidden; text-align: center; font-size: 16px; color: #000;}
.cultureList .item:hover .red-80{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0;  opacity: 1; visibility:visible\9;}
.cultureList .item:hover .morebox{ opacity: 1; visibility:visible\9; transform:inherit; -webkit-transform:inherit;}
.cultureList .item:hover .txt{ border-bottom-color: #0064aa; color: #0064aa;}
.cultureList .slick-arrow { background-color: #7f7f7f; width: 52px; height: 52px; z-index: 10; top: 50%; margin-top: -26px;}
.cultureList .slick-arrow:before{  content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0064aa; transform: scale(0); -webkit-transform: scale(0); transition: all .5s; -webkit-transition: all .5s; opacity: 0; visibility: hidden\9; z-index: -1;}
.cultureList .slick-arrow:hover:before { transform: none; -webkit-transform: none; opacity: 1; visibility: visible\9;}
.cultureList .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;}
.cultureList .slick-prev { left: -60px; }
.cultureList .slick-next { right: -60px; }
.cultureList .slick-prev i { border-right: 6px solid #fff; }
.cultureList .slick-next i { border-left: 6px solid #fff; }

.contact-list{ background-color: #fff; position: relative;}
.contact-list .img{ float: left; display: block; width: 39%;}
.contact-list .img img{ width: 100%; display: block;}
.contact-list .con{ float: left; display: block; width: 61%;}
.contact-list .pageC{ padding: 36px 45px; position: relative; z-index: 1;}
.contact-list .contact-ico{ background: url(../images/tq_map.png) no-repeat; position: absolute; right: 0px; bottom: 0; width: 92px; height: 88px;}
.contact-list .title{ font-size: 24px; line-height: 1.5;}
.contact-list .tel{ font-family: arial, helvetica, sans-serif; color: #d02a25; font-size: 30px; line-height: 1.5; margin-top: 20px;}
.contactPage{ background-color: #fff; margin-top: 5px; padding: 8px 0px;}
.map-left{ float: left; display: block; width: 39%;} 
.map-sider{ float: left; display: block; width: 61%; padding: 35px 0px;}
.map{ height: 636px; float: none; display: block; margin: 0px 8px;}
.map-page{ margin: 0px 44px 0px 30px; height: 550px; overflow: hidden;}
.map-item{ position: relative; padding:28px 18px 28px; z-index: 1; margin-top: -1px; cursor: pointer;}
.map-item:before{ content: ""; position: absolute; left: 18px; right: 18px; bottom: 0; height: 1px; background-color: #ccc; z-index: -2;}
.map-item:last-child:before{ display: none;}
.map-item .t{ font-weight: bold; font-size: 18px; line-height: 1.5; margin-bottom: 10px;}
.map-item:after{ content:""; z-index: -1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #f6e3e3; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s 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;}
.map-item.active:after{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;}
/*contact style end*/
/*product style*/
.probanner-box{ position: relative; overflow: hidden;}
.probanner a:link, .probanner a:visited { color: #fff; }
.probanner a:active, .probanner a:hover { color: #fff; }
.probanner { position: relative; overflow: hidden; width: 100%; z-index: 0; background-color: #efefef; }
.probanner .item { position: relative; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.probanner .pimg { width: 100%; display: block; position: absolute; left: 0px; top: 0px; }
.pro-nav-list a:link, .pro-nav-list a:visited { color: #fff; }
.pro-nav-list a:active, .pro-nav-list a:hover { color: #fff; }
.pro-nav-list{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.pro-nav-list li{ float: left; display: block; width: 25%; height: 100%; position: relative; overflow: hidden;}
.pro-nav-list .wbox{ height: 100%; background: url(../images/balck_30.png) repeat; background: none rgba(0,0,0,0.3); color: #fff; position: relative; z-index: 1; text-align: center;}
.pro-nav-list .wbox:before{ content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: url(../images/white_70.png) repeat; background: none rgba(255,255,255,0.28); z-index: -1;}
.pro-nav-list li:first-child .wbox:before{ display: none;}
.pro-nav-list .wbox:after{ content:""; width:100%; height:100%; background: url(../images/red_30.png) repeat; background: none rgba(227,0,30,0.31); position:absolute; left:1px; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -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); visibility:hidden\9; z-index: -1;}
.pro-nav-list .item{ top: 38%; position: relative; -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.pro-nav-list .bor{ position: absolute; left: 0; bottom: 0; width: 100%; height: 8px; background-color: #be0019;}
.pro-nav-list .bor:before{ content:""; width:100%; height:100%; background-color:#deb853; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -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);  visibility:hidden\9; }
.pro-nav-list .tbox{ line-height: 1.5; position: relative;}
.pro-nav-list .ico{ width: 70px; display: block; margin: 0px auto 5px;}
.pro-nav-list .en{ font-family: "Humanst521 BT"; font-size: 30px;}
.pro-nav-list .zh{ font-family: "微软正黑体","Microsoft JhengHei"; font-size: 20px; font-weight: bold;}
.pro-nav-list .cbox{ width: 210px; margin: 0px auto; font-size: 16px; position: relative; z-index: 2; opacity: 0; visibility:hidden\9; transform:translateY(50px); -webkit-transform:translateY(50px); -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.pro-nav-list .cbox p{ margin-bottom: 4px;}
.pro-nav-list p.bot{ height: 1px; background-color: #fff; width: 0%; margin: 20px auto 24px; position: relative; -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.pro-nav-list p.bot .line{ width: 36px; height: 6px; background-color: #fff; position: absolute; left: 50%; top: -3px; margin-left: -18px;}
.pro-nav-list .cbox a{ position: relative;}
.pro-nav-list .cbox 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; }
.pro-nav-list .cbox a:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.pro-nav-list .wbox:hover:after{  transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.pro-nav-list .wbox:hover .item{ top: 22%;}
.pro-nav-list .wbox:hover .bor:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.pro-nav-list .wbox:hover .cbox{ opacity: 1; visibility:visible\9; transform:inherit; -webkit-transform:inherit;}
.pro-nav-list .wbox:hover p.bot{ width: 100%;}
/*product style end*/
/*product1 style*/
.pagePadding3{ padding: 80px 0px;}
.iboxt-mt{ margin-bottom: 40px;}
.btnMore{ background-color: #dfdfdf; width: 210px; height: 54px; display: block; line-height: 54px; text-align: center; position: relative; z-index: 1;}
.btnMore:before{ content:""; width:100%; height:100%; background-color:#0064aa; 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:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .42s cubic-bezier(.4,0,.2,1),-webkit-transform .42s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.btnMore .txt{ color: #666666; padding-right: 30px; position: relative;}
.btnMore .txt i{ background: url(../images/btn_m1.png) no-repeat scroll right center; position: absolute; right: 0; top: 0; width: 14px; height: 100%; transition: .42s cubic-bezier(.4,0,.2,1);}
.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;}
.btnMore:hover .txt i{ background-position: left center;}
.surveyPbox .img{ float: right; display: block; width: 54%;}
.surveyPbox .img img{ width: 100%; display: block;}
.surveyPbox .con{ width: 100%; float: left; display: block;}
.surveyPbox .c{ height: 150px; overflow: hidden; margin-bottom: 2%;}
.main-pro-demo{ width: 1356px; margin: 0px auto;}
.main-pro-demo .slick-list{ height: 356px; overflow: hidden;}
.main-pro-demo .item{ position: relative; overflow: hidden; margin: 0px 18px;}
.main-pro-demo .img{ overflow: hidden; background-color: #dad9c6;}
.main-pro-demo .img img{ width: 100%; display: block; transition:0.6s; -webkit-transition:0.6s;}
.main-pro-demo .txt{ background-color: #f3f3f3; height: 62px; line-height: 62px; padding: 0px 3%; overflow: hidden; text-align: center; z-index: 1; position: relative;}
.main-pro-demo .txt:before{ content:""; z-index: -1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #cc0000; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s 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;}
.main-pro-demo .linkA{ z-index: 4;}
.main-pro-demo .slick-arrow { background-color: #7f7f7f; width: 52px; height: 52px; z-index: 10; top: 50%; margin-top: -62px;}
.main-pro-demo .slick-arrow:before{  content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0064aa; transform: scale(0); -webkit-transform: scale(0); transition: all .5s; -webkit-transition: all .5s; opacity: 0; visibility: hidden\9; z-index: -1;}
.main-pro-demo .slick-arrow:hover:before { transform: none; -webkit-transform: none; opacity: 1; visibility: visible\9;}
.main-pro-demo .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;}
.main-pro-demo .slick-prev { left: -60px; }
.main-pro-demo .slick-next { right: -60px; }
.main-pro-demo .slick-prev i { border-right: 6px solid #fff; }
.main-pro-demo .slick-next i { border-left: 6px solid #fff; }
.black-40{ background: url(../images/black_40.png) repeat; background:rgba(0,0,0,0.4);}
.servicePbox a:link, .servicePbox a:visited { color: #fff; }
.servicePbox a:active, .servicePbox a:hover { color: #fff; }
.servicePbox,.servicePbox .iboxT .zh,.servicePbox .iboxT .en{ color: #fff;}
.serviceList li{ float: left; display: block; margin:0px 28px 25px 0px; position: relative;}
.serviceList .item{ width: 216px; height: 132px; border: 1px solid #fff; padding: 35px 32px; position: relative;  -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1); z-index: 1;}
.serviceList .item:before{ content: ""; width: 94%; height: 92%; border: 1px solid #fff; position: absolute; left:3%; top: 4%;  opacity: 0.25;  filter: alpha(opacity=25);}
.serviceList .item:after{ content:""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #e4c36a; opacity: 0; visibility: hidden\9; transform: scale(0.8); -webkit-transform: scale(0.8);  -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1); z-index: -1;}
.serviceList .zh{ font-weight: bold; font-size: 18px;}
.serviceList .en{ font-family: arial, helvetica, sans-serif; font-size: 12px; opacity: 0.6;  filter: alpha(opacity=60);}
.serviceList .ico{ background-size: cover; width: 105px; height: 105px; position: absolute; right: 8%; bottom: 4%;}
.serviceList .linkA{ z-index: 4;}
.serviceList li:hover .item{ border-color: #e4c36a;}
.serviceList li:hover .item:after{ opacity: 1; visibility: visible\9; transform: inherit; -webkit-transform: inherit;}
.por-info-page{ padding: 50px 0px;}
.por-info-box{ padding:60px 85px; width: 830px; background-color: #fff; margin: 0px auto; }
.previous{ padding:26px 0px 0; border-top:1px solid #dedede; position:relative; margin-top: 50px;}
.previous .previ{ display:block; width:130px; height:44px; text-align:center; line-height:44px; color:#333333; background-color: #dedede;}
.previous .prev{ float:left;}
.previous .next{ float:right;}
.backlist{ display:block; width:145px; height:44px; text-align:center; line-height:44px; color:#fff; background:#e2001e; position:absolute; left:50%; margin-left:-72px; top:26px;}
.backlist:hover{ background:#666;}
.previous .previ:hover{ background:#e2001e; 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;}
.cred{ color: #0064aa;}
.por-info-t{ font-size: 24px; color: #0064aa; border-bottom: 1px solid #d7d7d7; padding-bottom: 12px; margin-bottom: 25px; line-height: 1.5;}
.productList{ margin-left: -1%; padding-bottom: 20px;}
.productList li{ float: left; display: block; overflow: hidden; position: relative; width: 32.33%; margin:0px 0px 35px 1%;}
.productList .img{ overflow: hidden; background-color: #dad9c6; position: relative;}
.productList .img img{ width: 100%; display: block; transition:0.6s; -webkit-transition:0.6s;}
.productList .red-80{ opacity: 0; visibility: hidden\9; -webkit-transition:all .4s cubic-bezier(.4,0,.2,1); transition:all .4s cubic-bezier(.4,0,.2,1); /* -webkit-transition:-webkit-transform .62s cubic-bezier(.4,0,.2,1),opacity 0.5s; transition:transform .62s cubic-bezier(.4,0,.2,1),opacity 0.5s; transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); opacity: 0; visibility:hidden\9;*/}
.productList .con{ position: absolute; left: 10%; width: 80%; top: 20%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; color: #fff; -webkit-transition:all .52s cubic-bezier(.4,0,.2,1); transition:all .52s cubic-bezier(.4,0,.2,1); visibility: hidden\9; opacity: 0; transform: translateY(50px); transform: translateY(50px);}
.productList .c{ height: 100px; overflow: hidden; margin: 10% 0px;}
.productList .txt{ background-color: #fff; height: 62px; line-height: 62px; padding: 0px 3%; overflow: hidden; text-align: center; z-index: 1; position: relative; -webkit-transition:all .4s cubic-bezier(.4,0,.2,1); transition:all .4s cubic-bezier(.4,0,.2,1);}
.productList .txt:before{ content:""; z-index: -1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #cc0000; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); transform-origin:50% 0% 0; -webkit-transform-origin:50% 0% 0; visibility:hidden\9;}
.pstop{ display: block;}
.paging { background: #b2d1e6; padding: 10px 0; position: relative; text-align: center; }
.paging a { padding: 0px 10px; height: 34px; color: #fff; line-height: 34px; font-size: 15px; text-align: center; display: inline-block; *zoom: 1;*display: inline;vertical-align: middle; margin: 0 2px; font-weight: bold;}
.paging a.act, .paging a:hover { color: #cc0000; background-color: #fff;}
.paging .prev, .paging .next { margin: 0; display: block; position: absolute; top: 0; height: 100%; bottom: 0; width: 72px; padding: 0; background-repeat: no-repeat; background-position: center center; background-color: #ce8989;}
.paging .prev { background-image: url(../images/rr_pager_prev.png); left: 0;}
.paging .next { background-image: url(../images/rr_pager_next.png); right: 0; }
.paging .prev:hover,.paging .next:hover{ background-color: #0064aa;}
/*product1 style end*/
/*product3 style*/
.development-img,.development-con{ float: left; display: block; width: 40%;}
.development-img .item{ overflow: hidden; position: relative;}
.development-img .item img{ width: 100%; display: block; position: relative; z-index: 0;}
.development-img .item .yy{ background: url(../images/yy.png) repeat-x scroll left bottom; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 100%;}
.development-img .slick-dots { z-index: 104; width: 100%; text-align: center; position: absolute; left: 0; bottom: 2%;}
.development-img .slick-dots li { position: relative; display: inline-block; padding: 0px; height: 12px; width: auto; margin:0px 8px; cursor: pointer; }
.development-img .slick-dots li a { height: 8px; width: 8px; border:2px solid #fff; line-height: 8px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; }
.development-img .slick-dots li a:focus { outline: none; }
.development-img .slick-dots li.slick-active a { background: none #fff;}
.development-img .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; }
.development-con{ width: 55%; margin-left: 5%;}
.development-con .t{ font-size: 24px; color: #0064aa; line-height: 1.5; margin-bottom: 38px;}
.development-con .pageC{ height: 172px; overflow: hidden; font-size: 16px; margin-bottom: 73px;}
/*product3 style end*/
/*laboratory style*/
.btnMore2{ width: 100% !important;}
.profile-pbox .lbox,.profile-pbox .rbox{ float: left; display: block; width: 35%;}
.profile-pbox .rbox{ width: 65%;}
.profile-pbox .con{ font-size: 15px; margin-bottom: 50px; padding-top: 12px;}
.profile-num li{ padding: 0px 2% 0px 0%; margin-right: 3%; width: 28%;}
.expert-pbox .img{ float: left; display: block; width: 20%;}
.expert-pbox .img img{ width: 100%; display: block;}
.expert-pbox .con{ position: relative; overflow: hidden; float: left; display: block; padding: 52px 6% 0px; width: 59%; background-color: #f5f5f5;}
.expert-pbox .t{ font-size: 24px; color: #333333; margin-bottom: 30px; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.expert-pbox .txt{ height: 75px; overflow: hidden; overflow: hidden; margin-bottom: 50px;}
.expert-reading-btn{ display: block; height: 32px; line-height: 32px; width: 114px; background-color: #dbdbdb; text-align: center;}
.expert-reading-btn .txtc{ color: #333333; background: url(../images/sj.png) no-repeat scroll right center; padding-right: 22px;}
.expert-reading-btn:hover{ background-color: #cecdcd;}
.expert-demo .slick-arrow { background-color: #7f7f7f; width: 52px; height: 52px; z-index: 10; top: 50%; margin-top: -26px;}
.expert-demo .slick-disabled{ background-color: #F3F3F3; cursor: no-drop;}
.expert-demo .slick-disabled:hover:before{ display: none;}
.expert-demo .slick-arrow:before{  content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0064aa; transform: scale(0); -webkit-transform: scale(0); transition: all .5s; -webkit-transition: all .5s; opacity: 0; visibility: hidden\9; z-index: -1;}
.expert-demo .slick-arrow:hover:before { transform: none; -webkit-transform: none; opacity: 1; visibility: visible\9;}
.expert-demo .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;}
.expert-demo .slick-prev { left: -76px; }
.expert-demo .slick-next { right: -76px; }
.expert-demo .slick-prev i { border-right: 6px solid #fff; }
.expert-demo .slick-next i { border-left: 6px solid #fff; }
.development-pbox a:link, .development-pbox a:visited { color: #fff; }
.development-pbox a:active, .development-pbox a:hover { color: #fff; }
.development-pbox{ position: relative;}
.development-pbox, .development-pbox .iboxT .zh, .development-pbox .iboxT .en{ color: #fff;}
.development-pbox .iboxT{ margin-bottom: 0; position: absolute; left: 0; top: 50%; margin-top: -34px;}
.development-pbox .con{ float: right; width: 450px; font-size: 15px;}
.development-pbox .txt{ margin-bottom: 50px;}
.development-pbox .btnMore{ background-color: #ffffff;}
/*laboratory style end*/
/*profile style*/
.por-info-box .profile-num{ border-bottom: 1px solid #cdcdcd; margin-bottom: 35px;}
/*profile style end*/
/*expertSupport style*/
.expertSBy{ width: 790px; margin: 0px auto 70px; text-align: center; font-size: 15px;}
.expert-pboxlist{ padding-bottom: 25px;}
.expert-pboxlist .img{ overflow: hidden;}
.expert-pboxlist .img a{ display: block; margin: 20px 0 20px 20px; overflow: hidden;}
.expert-pboxlist .img img{ transition:0.6s; -webkit-transition:0.6s;}
.expert-pboxlist .txt{ min-height: 75px; height: auto;}
.expert-pboxlist dd{ margin-bottom: 35px; background-color: #fff;}
.expert-pboxlist .con{ background-color: #fff;}
.expert-pboxlist dd:hover .img img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
/*expertSupport style end*/
/*weaponizing style*/
.weaponizing-list a:link, .weaponizing-list a:visited { color: #666; }
.weaponizing-list a:active, .weaponizing-list a:hover { color: #0064aa; }
.weaponizing-list{ padding-bottom: 20px; margin-left: -2%;}
.weaponizing-list li{ float: left; display: block; width: 23%; margin:0px 0px 42px 2%; background-color: #fff; position: relative; transition:0.3s; -webkit-transition:0.3s;}
.weaponizing-list .img{ overflow: hidden;}
.weaponizing-list .img img{ width: 100%; display: block; transition:0.6s; -webkit-transition:0.6s;}
.weaponizing-list .con{ padding: 10px 8% 10px;}
.weaponizing-list .t{ font-size: 16px; color: #333333; height: 57px; overflow: hidden;}
.weaponizing-list .c{ border-top: 1px solid #bbbbbb; margin-top: 15px; padding-top: 15px; height: 75px; overflow: hidden; color: #919191;}
.ledMore{ margin: 0 auto; display: block; width: 170px; height: 54px; line-height: 54px; text-align: center; background-color: #0064aa; position: relative; overflow: hidden; color: #fff;}
.ledMore .txt{ color: #fff;}
.infoPage-padding{ padding-bottom: 60px;}
.infoPage-box{ margin-top: -212px; position: relative; z-index: 1;}
.infoPage{ padding: 40px 80px; background-color: #fff;}
.info-T{ padding:60px 80px 24px; border-bottom:2px solid #ccc; position:relative; background-color: #fff;}
.info-T h3{ color:#333333; font-size:26px; line-height:1.5; margin-bottom:10px; font-weight:normal;}
.info-T time{ color:#666666; font-size:12px;}
.shared{ margin-top:18px;}
.shared span{ color:#666666; font-size:14px; line-height:28px; margin-left:0; float:left;}
.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;}
/*weaponizing style end*/
/*school style*/
.school-list dd{ position: relative;}
.school-list a:link, .school-list a:visited { color: #666666;}
.school-list a:active,.school-list a:hover { color: #0064aa;}  
.school-list a.item{ display: block;position: relative; overflow: hidden;}
.school-list li{ background-color: #fff;}
.school-list li .img{ width: 50%; display: block; position: relative; overflow: hidden;}
.school-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);}
.school-list .img .black-20{ 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; }
.school-list .con{ color: #666666; width: 40%; height: 100%; position: absolute;  top: 0%;}
.school-list .con .title{ margin-bottom: 30px;}
.school-list .con .zh{ font-size: 24px; line-height: 1.2; color: #333333; display: block;}
.school-list .con .en{ color: #999999; font-family: arial, helvetica, sans-serif;}
.school-list .con .c{ font-size: 16px; height: 115px; overflow: hidden; margin-bottom: 60px;}
.school-list .bor{ position: absolute; top: 0; left: 0; width: 50%; height: 100%;}
.school-list .btnMore{ width: 166px; height: 56px; line-height: 56px;}
.school-list .oneItem .con{ left: 55%;}
.school-list .oneItem .bor{ left: 50%;}
.school-list .twoItem .img{ margin-left: 50%;}
.school-list .twoItem .con{ left: 5%;}
.filler { position: absolute; display: block; background-color: #0064aa; -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s 0s; -o-transition: 0.3s 0s; transition: 0.3s 0s; }
.school-list .filler-left { width: 1px; height: 0%; left: 2%; top: 3%; }
.school-list .filler-right { width: 1px; height: 0%; right: 2%; bottom: 3%; }
.school-list .filler-top { width: 0%; height: 1px; right: 2%; top: 3%; }
.school-list .filler-bottom { width: 0%; height: 1px; left: 2%; bottom: 3%; }
.school-demo{ width: 1038px; margin: 30px auto 0;}
.school-demo .item{ margin: 0px 19px; cursor: zoom-in;}
.school-demo .img{ position: relative; overflow: hidden;}
.school-demo .img img{ width: 100%; display: block; transform:scale(1.06); -webkit-transform:scale(1.06); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
.school-demo .bor{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 6px solid rgba(227,0,30,0.44); box-sizing: border-box; opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;}
.school-demo .item:hover .img img{ transform:scale(1); -webkit-transform:scale(1);}
.school-demo .item:hover .bor{ opacity: 1;  transform:scale(1); -webkit-transform:scale(1);}
.school-demo .slick-arrow { background-color: #7f7f7f; width: 52px; height: 52px; z-index: 10; top: 50%; margin-top: -26px;}
.school-demo .slick-disabled{ background-color: #E2E2E2; cursor: no-drop;}
.school-demo .slick-disabled:hover:before{ display: none;}
.school-demo .slick-arrow:before{  content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0064aa; transform: scale(0); -webkit-transform: scale(0); transition: all .5s; -webkit-transition: all .5s; opacity: 0; visibility: hidden\9; z-index: -1;}
.school-demo .slick-arrow:hover:before { transform: none; -webkit-transform: none; opacity: 1; visibility: visible\9;}
.school-demo .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;}
.school-demo .slick-prev { left: -58px; }
.school-demo .slick-next { right: -58px; }
.school-demo .slick-prev i { border-right: 6px solid #fff; }
.school-demo .slick-next i { border-left: 6px solid #fff; }
/*school style end*/
/*news style*/
.new-page-silder a:link, .new-page-silder a:visited { color: #666666;}
.new-page-silder a:active,.new-page-silder a:hover { color: #0064aa;}  
.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;}
.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: #0064aa;}
.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: 44.5%; 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: 46%; padding-top: 40px;}
.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: 32px; text-align: justify;}
.new-list .nsbot{ border-top: 1px solid #dedede; padding: 12px 0px;}
.new-list dd:hover .t{ color: #0064aa;}
.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; }
.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: #0064aa;}
.tq-serach-box .pbtn:hover{ background-color: #333;}
.tq-serach-box .ptxt:focus{ border-color: #0064aa;}
.recruitment-select-t{ padding-top: 40px; color: #333333; font-size: 18px;}
/*news style end*/
/*videoList style*/
.pagePadding4{ padding: 60px 0px;}
.videoList{ margin-left: -2%;}
.videoList dd{ float: left; display: block; margin: 0px 0px 25px 2%; width: 48%; cursor: pointer; transition:0.3s; -webkit-transition:0.3s;}
.videoList .img{ overflow: hidden; position: relative;}
.videoList .img img{ width: 100%; display: block; transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out;}
.videoList .item{ position: relative; overflow: hidden;}
.videoList .black-20{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.videoList .vico{ position: absolute; left: 50%; top: 50%; width: 65px; height: 65px; margin: -32px 0px 0px -32px; display: block;}
.videoList .vico .i1{ background: url(../images/vico_bg.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); transition: 300ms; -webkit-transition: 300ms;}
.videoList .vico .i2{ background: url(../images/vico.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; position: relative; z-index: 2;}
.videoList .t{ font-size: 16px; padding:20px 5%; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background-color: #626262; color: #fff;  line-height: 1.5; position: relative; z-index: 1;}
.videoList .t:before{  content:""; z-index: -1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #cc0000; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s 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;}
.videoList dd:hover .img img{ transform:scale(1.06); -webkit-transform:scale(1.06);}
.videoList dd:hover .t: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;}
.videoList dd:hover .vico .i1 { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); }
/*videoList style end*/
/*join style*/
.conceptList{ margin-left: -0.5%;}
.conceptList dd{ float: left; display: block; width: 24.5%; margin-left: 0.5%; background-color: #fff; transition:0.3s; -webkit-transition:0.3s; position: relative; z-index: 1;}
.conceptList dd:before{ content: "";  width:100%; height:4px; background:#0064aa; position:absolute; left:0; bottom:0px; z-index: -1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1),-webkit-transform .44s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; }
.conceptList .item{ padding: 25px 12% 35px;}
.conceptList .t{ font-size: 16px; color: #333333; border-bottom: 1px solid #cacaca; padding-bottom: 10px; margin-bottom: 25px;}
.conceptList dd:hover{ box-shadow:0 0 20px rgba(0,0,0,0.2); background-color: #f1f0f0;}
.conceptList dd:hover .t{ color: #CC0000;}
.conceptList dd:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;}

#hrPage .iboxT .zh,#hrPage .iboxT .en{ color: #fff;}
.inner1100{ width: 1100px; margin: 0px auto;}
.recruitment-info{ background-color: #ffffff; padding: 30px 5%;}
.recruitment-info .t { font-size: 16px; font-weight: bold; }
.recruitment-info a { color: #cc0000; }
.recruitment-info .email { font-size: 15px; margin: 0 8px 0 11px; position: relative; }
.recruitment-info .email:before { content: ""; position: absolute; left: 0; right: auto; width: 100%; height: 1px; background: #cc0000; bottom: 0; transition: 400ms; -webkit-transition: 400ms; }
.recruitment-info .email:hover:before { width: 0; right: 0; left: auto; }
.recruitment-select-box{ margin-top: 35px;}
.recruitment-select{ float: left; display: block; width: 60%;}
select.mar-sel { padding: 10px 26px 10px 2%; line-height: 20px; height: 42px; vertical-align: middle; border: 1px solid #9d9b9b; -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 2% 25px 0px; width: 40%; border-radius: 0;}
select.mar-sel option { padding: 2px 2%; box-sizing: border-box; }
select.mar-sel:hover { color: #101010; }
.csstransitions select.mar-sel { background: url(../images/link_select_ico2.png) no-repeat scroll 95% center; }
.recruitment-serach{ float: right; display: block; width: 200px; padding:0 88px 0 0; position: relative;}
.recruitment-serach .txt{ width: 80%; padding: 10px 10%; border: 1px solid #959595; border-right: 0px none; height: 20px; line-height: 20px; font-family: "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial; }
.recruitment-serach .btn{ position: absolute; right: 0; top: 0; width: 88px; text-align: center; height: 100%; line-height: 42px; color: #fff; background-color: #cc0000;}
.recruitment-serach .btn:hover{ background-color: #333;}
.recruitment-serach .txt:focus{ border-color: #cc0000;}
.hrList{ margin: 32px 0px 0px; font-size: 16px;}
.hrList .hspan{ text-align:center;cursor:pointer; width: 16%; display: block; float: left; height: 50px; line-height: 50px;}
.hrList .hspan1{ text-align: left; padding-left: 5%; width:31%;}
.hrList .hrdt{ background-color: #9d9b9b; color: #fff;}
.hrList dd{ margin-bottom: 3px; position: relative; background-color: #fff;}
.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 #cc0000; display: none;}
.hrList .hrCon{ width: 91%; margin: 0px auto; padding:30px 0px 50px; overflow: hidden;}
.hrList dd.active .hrT,.hrList dd:hover .hrT{ background-color:#cc0000; color: #fff;}
.hrList .active .ib i,.hrList dd:hover .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;}
.join-box-btn{ padding-top: 30px;}
.join-box-btn .btn{ float: left; display: block; background-color: #e4c36a; color: #333; padding: 10px 40px; font-size: 14px;}
.join-box-btn .btn:hover{ background-color: #333333; color: #fff;}
/*join style end*/
/*responsibility*/
.responsibility-list{ margin-left: -1%; color: #fff;}
.responsibility-list li{ float: left; display: block; width: 32.33%; margin:0px 0px 25px 1%; position: relative; overflow: hidden;  }
.responsibility-list .img{ overflow: hidden; position: relative;}
.responsibility-list .img img{ width: 100%; display: block;}
.responsibility-list .black-20{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.responsibility-list .item{ position: absolute; left: 10%; width: 80%; top: 10%; height: 85%; line-height: 1.5; -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.responsibility-list .ico{ width: 70px; height: 70px; display: block; margin: 0px 0 12px;}
.responsibility-list .zh{ font-size: 36px; line-height: 1.2; font-weight: bold; font-family: "微软正黑体","Microsoft JhengHei";}
.responsibility-list .en{ font-family: "Humanst521 BT"; font-size: 18px;}
.responsibility-list .bot{ width: 10%; height: 1px; background-color: #fff; margin:10px 0px 32px; display: block; -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.responsibility-list .con{ max-height: 196px; overflow: hidden; line-height: 2; overflow: hidden; opacity: 0; visibility: hidden\9; transform:translateY(50px); -webkit-transform:translateY(50px);  -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.responsibility-list .red-80{ -webkit-transition:-webkit-transform .62s cubic-bezier(.4,0,.2,1),opacity 0.5s; transition:transform .62s cubic-bezier(.4,0,.2,1),opacity 0.5s; transform-origin:left 100%; -webkit-transform-origin:left 100%; transform:scaleY(0); -moz-transform:scaleY(0); -webkit-transform:scaleY(0); opacity: 0; visibility:hidden\9;}
.responsibility-list .by{ font-size: 12px; font-family: arial, helvetica, sans-serif; text-transform: uppercase; position: absolute; left: 0%; bottom: 0%; opacity: 0; visibility: hidden\9; transform:translateY(50px); -webkit-transform:translateY(50px); -webkit-transition:all .62s cubic-bezier(.4,0,.2,1); transition:all .62s cubic-bezier(.4,0,.2,1);}
.responsibility-list li:hover .bot{ width: 100%;}
.responsibility-list li:hover .red-80{ transform:scaleY(1); -webkit-transform:scaleY(1); transform-origin:left 0; -webkit-transform-origin:left 0;  opacity: 1; visibility:visible\9;}
.responsibility-list li:hover .con,.responsibility-list li:hover .by{ opacity: 1; visibility:visible\9; transform:inherit; -webkit-transform:inherit;}
.aidingList dd{ margin-bottom: 40px; background-color: #fff; position: relative; transition:0.3s; -webkit-transition:0.3s;}
.aidingList .linkA{ z-index: 4;}
.aidingList .img{ overflow: hidden; float: left; display: block; width: 35%;}
.aidingList .img img{ width: 100%; display: block;}
.aidingList .con{ margin-left: 5%; width: 55%; float: left; display: block; padding-top: 5%;}
.aidingList .t{ color: #333333; font-size: 24px; line-height: 1.5; margin-bottom: 28px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.aidingList .c{ font-size: 16px; height: 84px; overflow: hidden; margin-bottom: 8%;}
.aidingList .btnMore{ width: 172px; height: 54px; line-height: 54px;}
.commonweal-first{ background-color: #fff; position: relative; margin-bottom: 40px; color: #333333; transition:0.3s; -webkit-transition:0.3s;}
.commonweal-first .img,.commonweal-first .con{ float: left; display: block;}
.commonweal-first .img{ width: 50%; overflow: hidden;}
.commonweal-first .img img{ width: 100%; display: block;}
.commonweal-first .con{ margin-left: 5%; width: 40%; padding-top: 5%;}
.commonweal-first .t{ font-size: 18px; border-bottom: 1px solid #e0e0e0; padding-bottom: 12px; margin-bottom: 35px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.commonweal-first .c{ height: 100px; overflow: hidden; margin-bottom: 35px;}
.commonweal-first .btnMore{ width: 144px; height: 50px; line-height: 50px; background-color: #f5f5f5;}
.commonweal-first .linkA{ z-index: 4;}
.commonweal-page{ overflow: hidden;}
.commonweal-demo{ width: 1354px; margin-left: -17px;}
.commonweal-demo .item{ margin: 0px 17px; text-align: center; background-color: #fff; position: relative;}
.commonweal-demo .linkA{ z-index: 4;}
.commonweal-demo .img{ overflow: hidden;}
.commonweal-demo .img img{ width: 100%; display: block; transition:0.6s; -webkit-transition:0.6s;}
.commonweal-demo .txt{ font-size: 16px;  height: 60px; line-height: 60px; padding: 0px 3%; overflow: hidden; z-index: 1; position: relative;}
.commonweal-demo .txt:before{ content:""; z-index: -1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #cc0000; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s 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;}
.commonweal-demo .slick-dots { z-index: 104; width: 100%; text-align: center; position: relative; left: auto; bottom: auto; margin-top: 34px;}
.commonweal-demo .slick-dots li { position: relative; display: inline-block; padding: 0px; height: 14px; width: auto; margin:0px 9px; cursor: pointer; }
.commonweal-demo .slick-dots li a { height: 14px; width: 14px; line-height: 14px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; background-color: #bababa;}
.commonweal-demo .slick-dots li a:focus { outline: none; }
.commonweal-demo .slick-dots li.slick-active a { background-color: #0064aa;}
.commonweal-demo .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; }
/*responsibility end*/
/*404 style*/
.nobox-c{ text-align: center; font-size: 24px; margin-top: 40px; color: #333;}
.nobox-btn{ width: 196px; height: 46px; line-height: 46px; text-align: center; display: block; margin: 22px auto 0px; background-color: #0064aa;}
.nobox-btn .txt{ color: #fff; font-size: 18px;}
.nobox-btn:hover{ background-color: #333333;}
/*404 style end*/