@charset "utf-8";
/* 
 * Project Name:银河磁体
 * Author:浅浅
 * Date：2018-6-26
 */
@font-face {
    font-family: 'Humnst777 BlkCn BT';
    src: url('Humanist777BT-BlackCondensedB.eot');
    src: url('Humanist777BT-BlackCondensedB.eot?#iefix') format('embedded-opentype'),
        url('Humanist777BT-BlackCondensedB.woff2') format('woff2'),
        url('Humanist777BT-BlackCondensedB.woff') format('woff'),
        url('Humanist777BT-BlackCondensedB.ttf') format('truetype'),
        url('Humanist777BT-BlackCondensedB.svg#Humanist777BT-BlackCondensedB') format('svg');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Humanist 777';
    src: url('Humanist777BT-RomanCondensedB.eot');
    src: url('Humanist777BT-RomanCondensedB.eot?#iefix') format('embedded-opentype'),
        url('Humanist777BT-RomanCondensedB.woff2') format('woff2'),
        url('Humanist777BT-RomanCondensedB.woff') format('woff'),
        url('Humanist777BT-RomanCondensedB.ttf') format('truetype'),
        url('Humanist777BT-RomanCondensedB.svg#Humanist777BT-RomanCondensedB') format('svg');
    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; }
table, caption, tbody, tfoot, thead, tr, th, td,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale;}
/* always display scrollbars */
body { font: 14px/1.8 "Microsoft Yahei","微软雅黑",Arial,Helvetica,sans-serif,"SimHei","黑体","微软正黑体","Microsoft JhengHei"; margin: 0 auto; color: #666666; background-color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
img { border: 0; }
input { outline: none; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none;}
::-moz-selection { background: #59b9ff; color: #fff; text-shadow: none; }
::selection { background: #59b9ff; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner { width: 1400px; margin: 0px auto;}
.pinner{ width: 1200px; margin: 0px auto;}
.top a:link,.top a:visited { color: #666; }
.top a:active,.top a:hover { color: #008fd7;}
.top{ background-color: #fff; position: fixed; left: 0; top: 0; width: 100%; height: 72px; z-index: 999; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);}
.logo{ display: block; left: 3%; position: absolute; top: 0;}
.logo a{ display: block; height: 42px; padding: 15px 0px; line-height: 42px; float: left;}
.logo a img{ height: 100%; display: block;}
.logo .txt{float: left;display: inline-block;font-size: 14px;font-weight: normal;padding: 0 0 0 10px;margin-top: 25px;border-left: 1px solid #dadada;margin-left: 12px;line-height: 1;}
.logo .txt b{ font-weight: normal; color: #333;}
.logo .txt font{ font-size: 26px; color: red;}
.nav{ text-align: center; padding-left: 8%;}
.nav li{ display: inline-block; *display: inline; *zoom: 1; position: relative;}
.nav>ul>li>a{ display: block; padding: 15px 25px; font-size: 16px; position: relative; line-height: 42px; height: 42px;}
.nav>ul>li>a.active,.nav>ul>li>a.hov{ color: #008fd7;}
.nav span{ display: block; display: block; text-align: center; height: 42px; line-height: 42px;}
.nav .subnav{ position: absolute; left: 0; top: 70%; width: 100%;  border: 1px solid #e5e5e5; border-bottom: 0px none; border-top: 3px solid #008FD7; background-color: #fff; display: none;}
.nav .subnav a{ display: block; padding: 5px; border-bottom: 1px solid #e5e5e5;}
.nav .subnav a:hover{ background-color: #e5e5e5;}
/*.front { position: relative; height: 100%; color: #666;}
.flop { opacity: 0; position: relative;  color: #008fd7;}
.nav span,.cube { -webkit-transition: all .4s cubic-bezier(0.245, 0.145, 1.355, 1); -moz-transition: all .4s cubic-bezier(0.445, 0.145, 0.355, 1); -o-transition: all .4s cubic-bezier(0.445, 0.145, 0.355, 1); -ms-transition: all .4s cubic-bezier(0.445, 1.045, 0.355, 1); transition: all .4s cubic-bezier(0.445, 0.145, 0.355, 1); }
.no-supports .cube{ height: 100%; overflow: hidden;}
.supports .cube { height: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }
.supports .front{ -webkit-transform: translateZ(20px); -moz-transform: translateZ(20px); -o-transform: translateZ(20px); -ms-transform: translateZ(20px); transform: translateZ(20px);}
.supports .flop { -webkit-transform: rotateX(-90deg) translateZ(-20px); -moz-transform: rotateX(-90deg) translateZ(-20px); -o-transform: rotateX(-90deg) translateZ(-20px); -ms-transform: rotateX(-90deg) translateZ(-20px); transform: rotateX(-90deg) translateZ(-20px);}
.supports .nav a:hover .cube,.supports .nav a.active .cube,.supports .nav a.hov .cube { -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); transform: rotateX(90deg); }
.supports .nav a:hover .flop,.supports .nav a.active .flop,.supports .nav a.hov .flop { opacity: 1;}
.nav a.active span,.nav a.active .cube{ -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; -ms-transition: 0s; transition: 0s;}
.no-supports .nav a:hover .front,.no-supports .nav a.active .front,.no-supports .nav a.hov .front{ margin-top: -40px;}
.no-supports .nav a:hover .flop,.no-supports .nav a.active .flop,.no-supports .nav a.hov .flop{ opacity: 1;}*/
.language-box{ position: absolute; right: 3%; top: 22px; line-height: 28px;}
.language-box a{ display: block; float: left; font-family: arial, helvetica, sans-serif; font-size: 12px; height: 28px; line-height: 28px; margin: 0px 0px 0px 6px; text-align: center; color: #80bce6;}
.language-box a.active{ width: 28px; color: #fff; background:none #0884ca; background: url(../images/language_act.png) no-repeat scroll center center\9; border-radius: 50%;}
.language-box .line{ width: 18px; height: 1px; background-color: #c3c3c3; float: left; display: block; margin-left: 6px; margin-top: 14px;}
.top .language-box a{ color: #80bce6; }
.top .language-box a:hover{ color: #065a9b; }
.top .language-box a.active{ color: #fff; }
.menu-handler{ width:64px; float:right; height: 54px; display:none; cursor: pointer; background-color: #0884ca;}
.menu-handler span { position: relative; display: block; margin: 25.5px auto 0; width: 24px; height: 2px; background-color: #fff;  -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}
.menu-handler span:after,
.menu-handler span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 2px; left: 0;
 background-color: #fff; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menu-handler span:before {top: -9px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menu-handler span:after {bottom: -9px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menu-handler.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menu-handler.active span:after,.menu-handler.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.menu-handler.active span:before {top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menu-handler.active span:after {bottom: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.menuBox a:link, .menuBox a:visited { color: #676767;}
.menuBox a:active,.menuBox a:hover { color: #676767;}   
.menuBox { color: #333333; position: fixed; display: none; right: 0px; top: 0px; height: 100%; height:100vh; overflow-x:hidden;  overflow-y:auto; -webkit-overflow-scrolling:touch;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%); width: 400px; z-index: 1010;  -webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94); -moz-transition:all .5s cubic-bezier(.25,.46,.45,.94);-ms-transition:all .5s cubic-bezier(.25,.46,.45,.94); -o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94); }
.menuBox .menu-handler{ position: absolute; left: 0px; top: 0;}
.menuMoblie{ padding:0px 0px 80px; margin-left: 64px; background-color: #f4f4f4; min-height: 100%; min-height:100vh; }
.menuMoblie .nav-link { display: block; font-size: 18px; padding: 0px 64px 0px 24px; height: 54px; line-height: 54px; position: relative;}
.menuMoblie .nav-link:before{ content: ""; width: 13px; height: 13px; position: absolute; right: 5%; top: 50%; margin-top: -7px; background: url(../images/arrow2.png) no-repeat scroll center center; transition: 0.3s; -webkit-transition: 0.3s;}
.menuMoblie .cur{ background-color: #fff;}
.menuMoblie .cur .nav-link{ color: #fff; background-color: #0884ca;}
.menuMoblie .cur .nav-link:before { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.menuMoblie li{ border-bottom: 1px solid #dbdbdb;}
.menuMoblie .subnav { padding:10px 0px 20px; display: none;}
.menuMoblie .subnav a { display: block; padding: 6px 35px; line-height: 1.4; color: #707070; font-size: 16px;}
.menuMoblie .subnav a:hover{ color: #c18559;}
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.4); z-index: 1002; visibility:hidden; filter:alpha(Opacity=0);opacity:0;-webkit-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -moz-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -ms-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -o-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;}
.menuOpen .pusher-black { visibility:visible;filter:alpha(enabled=false); opacity:1;}
.menuOpen .menuBox { -moz-transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0);  transform:translateX(0) }
.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; }
.foot{ background-color: #008fd7; padding: 8px 0px; color: #fff;}
.foot a:link,.foot a:visited { color: #fff; }
.foot a:active,.foot a:hover { color: #a2dffe;}
.foot .cbox{ float: left; display: inline-block; font-family: arial, helvetica, sans-serif;}
.smlink{ float: right; display: inline-block; font-size: 12px; font-family: "微软正黑体","Microsoft JhengHei"; margin-top: 4px;}
.linkBox a:link,.linkBox a:visited { color: #fff; }
.linkBox a:active,.linkBox a:hover { color: #5b5b5b;}
.linkBox{ background: url(../img/foot_bg.jpg) repeat-x scroll left bottom #aee2f6; padding: 55px 0px; color: #fff;}
.link-nav{ float: left; display: block; width: 70%;}
.link-nav li{ float: left; display: block; width: 15%; margin-right:5%;}
.link-nav .nav-link{ font-weight: bold; font-size: 15px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #2aa3df; display: block;}
.link-nav .subnav{ font-size: 13px;}
.link-nav .item{ padding-top: 6px;}
.link-right{ float: right; display: inline-block; text-align: right; width: 290px;}
.link-logo li{ float: left; display: block; margin-left: 9px;}
.link-logo{ padding-bottom: 30px;}
.link-right .t{ margin-bottom: 5px;}
.link-right .tel{ font-family: arial, helvetica, sans-serif; font-size: 24px; line-height: 1.2;}
.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 .load-yy{ background: url(../images/yy.png)  repeat-x scroll left bottom; position: absolute; left: 0; width: 100%; height: 100%; bottom: 0;}
.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: 50%; width: 1200px; margin-left: -600px; bottom: 12%; color: #fff; opacity: 0; visibility: hidden\9; transform:translateY(10%); -webkit-transform:translateY(10%);  transition: .78s 0.3s cubic-bezier(.215,.61,.355,1); -webkit-transition: .78s 0.3s cubic-bezier(.215,.61,.355,1);}
.pbanner-c .zh{ font-size: 26px; margin-bottom: 5px;}
.pbanner-c .en{ font-size: 38px; line-height: 1.2; font-family: "Humnst777 BlkCn BT";}
.inview.pbanner-c{ opacity: 1; visibility: visible\9; transform: translateY(0); -webkit-transform: translateY(0); }
.page-nav-box{ background-color: #008fd7;}
.page-nav-btn a:link, .page-nav-btn a:visited { color: #ffffff;}
.page-nav-btn a:active,.page-nav-btn a:hover { color: #008fd7;}  
.page-nav-btn li{  display: inline-block; *display: inline; *zoom: 1;}
.page-nav-btn a{ padding: 0px 45px; height: 55px; line-height: 55px; font-size: 16px; display: block; position: relative; margin-right: -1px; z-index: 1;}
.page-nav-btn a:before{ content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 10px; background-color: #7bc5eb; margin-top: -6px; z-index: -2;}
.page-nav-btn a:after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f5faff; z-index: -1; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.page-nav-btn a.active:after{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9; }
.page-nav-btn a.active{ color: #008fd7;}
.fixedImg { background-position: center top; background-repeat: no-repeat; background-size: cover;}

.md-content{background-color:#fff; margin:50px auto; position:relative; transform:translateX(100px); -webkit-transform:translateX(100px); opacity:0; visibility: hidden; -webkit-transition:all .3s linear; transition:all .3s linear;}
.md-show .md-content{ transform:inherit; -webkit-transform:inherit; opacity:1; visibility: visible;}
.md-hide .md-content{ transform:translateX(-100px); -webkit-transform:translateX(-100px);}
.md-show .md-modal{ opacity:1;visibility:visible; }
.md-modal{ position:fixed; left:0; top:0; overflow-y:auto; overflow-x: hidden; right:-20px; bottom:0; z-index:1000; opacity:0; background:url(../images/black_50.png) repeat; background:none rgba(0,0,0,.5); -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; -webkit-overflow-scrolling:touch;}
.form-box-close { width: 40px;height: 40px;position: absolute; right: -56px;top: -28px; cursor: pointer; transition: 300ms; -webkit-transition: 300ms;}
.form-box-close  i{ background: url(../images/close_i1.png) no-repeat scroll center center; width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}
.form-box-close:hover i{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #f1f1f1 url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08);}
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}
/* pswp = photoswipe */
.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}
.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}
.pswp img{max-width:none}
.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--open{display:block}
.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}
.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/black_90.png) repeat;background:none rgba(0,0,0,.9);opacity:0;transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}
.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}
.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}
.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}
.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}
.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}
.pswp__img--placeholder{-webkit-backface-visibility:hidden}
.pswp__img--placeholder--blank{background:#222}
.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}
.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#CCC}
.pswp__error-msg a{color:#CCC;text-decoration:underline}
.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}
.pswp__button:focus,.pswp__button:hover{opacity:1}
.pswp__button:active{outline:0;opacity:.9}
.pswp__button::-moz-focus-inner{padding:0;border:0}
.pswp__ui--over-close .pswp__button--close{opacity:1}
.pswp__button{background:url(../images/default-skin.png) 0 0 no-repeat;background-size:264px 88px;width:44px;height:44px}
@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){,.pswp--svg .pswp__button{background-image:url(../images/default-skin.svg)}
.pswp--svg .pswp__button--arrow--left{background:url(../images/i_banner_l.png) no-repeat scroll center center}
.pswp--svg .pswp__button--arrow--right{background:url(../images/i_banner_r.png) no-repeat scroll center center}
.pswp--svg .pswp__button--close{color:#fff}
}
.pswp__button--close{background-position:0 -44px}
.pswp__button--share{background-position:-44px -44px}
.pswp__button--fs{display:none}
.pswp--supports-fs .pswp__button--fs{display:block}
.pswp--fs .pswp__button--fs{background-position:-44px 0}
.pswp__button--zoom{display:none;background-position:-88px 0}
.pswp--zoom-allowed .pswp__button--zoom{display:block}
.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}
.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}
.pswp__button--arrow--left,.pswp__button--arrow--right{top:50%;background:url(../images/i_banner_l.png) no-repeat scroll center center #a4a4a4;margin-top:-23px;width:44px;height:44px;position:absolute;border-radius:5px}
.pswp__button--arrow--left{left:2%}
.pswp__button--arrow--right{right:2%;background-image:url(../images/i_banner_r.png)}
.pswp__button--arrow--left:hover,.pswp__button--arrow--right:hover{background-color:#008fd7;}
.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__share-modal--hidden{display:none}
.pswp__share-tooltip{z-index:1620;position:absolute;background:#FFF;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}
.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}
.pswp__share-tooltip a:hover{text-decoration:none;color:#000}
.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}
.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}
.pswp__share-modal--fade-in{opacity:1}
.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.pswp--touch .pswp__share-tooltip a{padding:16px 12px}
a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}
a.pswp__share--facebook:hover{background:#3E5C9A;color:#FFF}
a.pswp__share--facebook:hover:before{border-bottom-color:#3E5C9A}
a.pswp__share--twitter:hover{background:#55ACEE;color:#FFF}
a.pswp__share--pinterest:hover{background:#CCC;color:#CE272D}
a.pswp__share--download:hover{background:#DDD}
.pswp__counter{float:left;height:44px;font-size:13px;line-height:44px;color:#FFF;opacity:.75;padding:0 10px}
.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}
.pswp__caption__center{text-align:center;max-width:600px;font-size:15px;margin:0 auto;padding:20px 10px;color:#fff}
.pswp__caption__center .xzy-zan{float:right;display:block}
.pswp__caption--empty{display:none}
.pswp__caption--fake{visibility:hidden}
.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}
.pswp__preloader__icn{width:20px;height:20px;margin:12px}
.pswp__preloader--active{opacity:1}
.pswp__preloader--active .pswp__preloader__icn{background:url(preloader.gif) 0 0 no-repeat}
.pswp--css_animation .pswp__preloader--active{opacity:1}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}
.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}
.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}
.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}
@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}
}
@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}
.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}
.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}
.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}
.pswp__ui--idle .pswp__top-bar{opacity:1}
.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}
.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}
.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}
.pswp__element--disabled{display:none!important}
.pswp--minimal--dark .pswp__top-bar{background:0 0}
#gallery2 .pswp__caption__center{text-align:center;font-size:18px}
/*base style end*/
/*index style*/
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.transXT50 { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.transYT50 { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
.action.transYT50{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.action.transXT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.dly_1 { transition-delay: 100ms; -webkit-transition-delay: 100ms; }
.dly_2 { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.dly_3 { transition-delay: 300ms; -webkit-transition-delay: 300ms; }
.dly_4 { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.dly_5 { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
.dly_6 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
.dly_7 { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
.dly_8 { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
.dly_9 { transition-delay: 900ms; -webkit-transition-delay: 900ms; }
.dly_10 { transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }
.dly_11 { transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }
.black-20{ background: url(../images/balck_20.png) repeat; background: none rgba(0,0,0,0.2); width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.black-30{ background: url(../images/balck_30.png) repeat; background: none rgba(0,0,0,0.3); width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.blue-70{ background: url(../images/blue_70.png) repeat; background: none rgba(8,132,202,0.7); width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.blue-90{ background: url(../images/blue_90.png) repeat; background: none rgba(8,132,202,0.9); width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.pageH{ height: 72px;}
.linkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/w0.png) no-repeat;}
.banner a:link, .banner a:visited { color: #fff;}
.banner a:active,.banner a:hover { color: #b07d41;}  
.banner { position: relative; overflow: hidden; }
.banner .item .pimg { position: absolute; height: 100%; width: 100%; display: block; }
.banner .item .mimg{ display: none; width: 100%;}
.binbox { position: absolute; width: 1000px; overflow: hidden; left: 50%; margin-left: -500px; top: 0; height: 100%; display: table; text-align: center; color: #fff; }
.binbox .en{ font-size: 30px; font-family: "Humnst777 BlkCn BT"; line-height: 1.5;}
.binbox .c{ font-size: 40px; line-height: 1.5;}
.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.banner .slick-active .vertical-inner{  visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1;}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
.banner .slick-dots{ bottom: 5%; z-index: 105; }
.banner .slick-dots li{ width: 16px; height: 16px; padding: 0px 39px; margin: 0px; cursor: pointer; position: relative; z-index: 1;}
.banner .slick-dots li:after{ content: ""; position: absolute; left: 0; top: 50%; width: 30px; height: 1px; background-color: #fff;}
.banner .slick-dots li:before{ content: ""; position: absolute; right: 0; top: 50%; width: 30px; height: 1px; background-color: #fff;}
.banner .slick-dots li:first-child:after{ display: none;}
.banner .slick-dots li:last-child:before{ display: none;}
.banner .slick-dots li a{ height: 9px; width: 10px; line-height: 10px; margin: 3px auto; display: block; color: #fff; font-size: 0px; padding: 0px; border-radius: 50%;background: url(../images/banner_0.png) no-repeat scroll center center; position: relative; z-index: 1;}
.banner .slick-dots li a:before{ content: ""; position: absolute; left: -3px; top: -3px; width: 16px; height: 16px; display: block; border-radius: 50%; z-index: -1; background: url(../images/banner_1.png) no-repeat scroll center center; transform: scale(0); -webkit-transform: scale(0); transition: .35s; -webkit-transition: .35s; opacity: 0; visibility: hidden\9; }
.banner .slick-dots li a:focus{ outline: none; }
.banner .slick-dots li.slick-active a:before { opacity: 1; transform: none; -webkit-transform: none; visibility: visible\9;}
.ibox{ max-width: 1920px; margin: 0px auto;}
.product-ibox{ padding: 8px 0px 0px 8px;}
.product-ibox li{ float: left; display: block; width: 20%; margin-bottom: 8px;}
.product-ibox .pro-item{ margin-right: 8px; background: url(../images/blue1.jpg) no-repeat scroll center center #dbe5ee; position: relative; padding: 106px 0 35px;}
.pro-item .con{ position: absolute; left: 5%; top: 25px; width: 90%; line-height: 1.5; text-align: center; color: #3d3e3e; z-index: 4; transition: transform 0.4s; -webkit-transition: -webkit-transform 0.4s;}
.pro-item .con h4{ font-size: 18px; margin-bottom: 4px;}
.pro-item .con .c{ height: 42px; overflow: hidden; margin-bottom: 12px;}
.pro-item .mico{ background: url(../images/arrow.png) no-repeat scroll center center; border-radius: 50%; margin: 0px auto; width: 26px; height: 26px; display: block; transition: .35s; -webkit-transition: .35s; opacity: 0; visibility: hidden\9;}
.pro-item .img{ text-align: center; transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s; }
.pro-item .img img{ display: block; width: 250px; height: 120px; margin: 0px auto; max-width: 100% !important;}
.pro-item .blue-90{ z-index: 3; transition: .35s; -webkit-transition: .35s; opacity: 0; visibility: hidden\9;}
.pro-item .linkA{ z-index: 5;}
.pro-item:hover .con{ color: #fff;  transform: translateY(50px); -webkit-transform: translateY(50px);}
.pro-item:hover .img{ color: #fff;  transform: translateY(-50px); -webkit-transform: translateY(-50px);}
.pro-item:hover .blue-90{ opacity: 1; visibility: visible\9;}
.pro-item:hover .mico{ opacity: 1; visibility: visible\9;}
/*index style end*/
/*about style*/
.pagePadding{ padding: 74px 0px;}
.bgf5faff{ background-color: #f5faff;}
.iboxT .zh{ font-size: 30px; line-height: 1.4; color: #000;}
.iboxT .en{ color: #8e8e8e; font-family: "Humanist 777"; font-size: 16px;}
.about-left{ float: left; display: block; width: 25%;}
.about-right{ float: right; display: block; width: 772px;}
.pageC a:link, .pageC a:visited { color: #008fd7; }
.pageC a:active, .pageC a:hover { color: #137cb1;}
.pageC img{ max-width: 100% !important; height: auto !important;}
.pageC{ overflow: hidden; color: #686868;line-height: 2;}
.about-right .pageC{ text-align: justify;}
.about-list{ margin-bottom: 75px;}
.about-list li{ float: left; display: block; width: 230px; margin-right: 50px; position: relative; font-size: 15px; color: #666666;}
.about-list li:before{ content: ""; position: absolute; right: 0; width: 1px; height: 100%; background-color: #000000;}
.about-list li:last-child:before{ display: none;}
.about-list .numbox{ color: #666; line-height: 1;}
.about-list .num{ font-size: 60px; padding-right: 10px; color: #008fd7; font-family: "Humnst777 BlkCn BT";}
.green-box a:link, .green-box a:visited { color: #686868; }
.green-box a:active, .green-box a:hover { color: #008fd7;}
.white-box{ color: #fff;}
.white-box a:link, .white-box a:visited { color: #fff; }
.white-box a:active, .white-box a:hover { color: #fff;}
.white-box .iboxT .zh,.white-box .iboxT .en{ color: #fff;}
.mouseIco{ border: 2px solid #fff; width: 21px; height: 30px; display: block; margin: 0px auto; border-radius: 6px; position: absolute; left: 50%; margin-left: -17px; bottom: 67px; z-index:900;}
.mouseIco i{ width: 3px; height: 7px; border-radius: 1px; display: block; background-color: #fff; 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;}
@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; }
}
.memorabiliaDemo{  padding: 54px 0px 154px 11px;  position: relative;}
.memorabiliaDemo .mouseIco{ left: 45px; margin-left: 0;}
.memorabiliaDemo .line{ width: 2px; height: 100%; position: absolute; left: 9px; top: 0; background-color: #ffffff;}
.memorabiliaDemo .yd{ background-color: #008fd7; width: 14px; height: 14px; border:3px solid #fff; border-radius: 50%; position: absolute; left: 0; top: 0;}
.memorabiliaBox{ height: 398px; overflow: hidden;  cursor:url(../images/mouse.png) 16 16, default;}
.memorabiliaBox .mCSB_scrollTools{ visibility: hidden !important;}
.memorabilia-list dd{ position: relative; padding:0px 0px 50px 160px;}
.memorabilia-list .year{ position: absolute; left: 0; padding-left: 45px; width: 100px; font-size: 35px; font-family: "Humanist 777"; line-height: 1.1;}
.memorabilia-list .year i{ width: 11px; height: 2px; background-color: #fff; position: absolute; left: 0; top: 50%; margin-top: -2px; border-radius: 0px 2px 2px 0px;}
.memorabilia-list .item{ line-height: 2;}
#honorPage .about-right{ overflow: hidden;}
.partner-demo{ margin-top: 70px; position: relative; margin-left: -38px; padding-bottom: 60px;max-height: 351px;}
.partner-demo .item{ float: left; display: block; background-color: #64cbff; color: #fff; cursor: zoom-in; padding: 5px; margin-left: 38px;/* width: 222px; */ transition: 0.3s; -webkit-transition: 0.3s;/* margin-bottom: 25px; */}
.partner-demo .img{ overflow: hidden;}
.partner-demo .img img{ width: 100%; display: block;}
.partner-demo .txt{ text-align: center; margin-top: 5px;}
.partner-demo .slick-dots { bottom: 0; z-index: 104; text-align: left; left: 38px;}
.partner-demo .slick-dots li { position: relative; width: auto; padding: 0px; height: 10px; margin:0px 8px 0 0; cursor: pointer; }
.partner-demo .slick-dots li a { height: 8px; width: 10px; line-height: 8px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 4px; background:none #878787; }
.partner-demo .slick-dots li a:focus { outline: none; }
.partner-demo .slick-dots li.slick-active a { background: none #008fd7; width: 40px; }
.partner-demo .item:hover{ background-color: #9bd8f6;}
.partner-list{ margin-left: -2%;}
.partner-list li{ float: left; display: block; width: 18%; margin-left: 2%; margin-bottom: 2%; overflow: hidden; background-color: #FFFFFF; -webkit-transition: all .2s linear; transition: all .2s linear;}
.partner-list li img{ width: 100%; display: block;}
.new-list li{ position: relative; z-index: 1;}
.new-list li:before { content: ""; z-index: -1; position: absolute; left: -2%; top: 0px; width: 104%; height: 100%; background-color: #e1e1e1; -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; }
.new-list li:hover: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; }
.new-list a{ display: block; height: 40px; line-height: 40px; overflow: hidden;}
.new-list .r{ margin-left: 10px;}
.new-list{ margin-bottom: 50px;}
.pading { border-top: 1px solid #dce1e5; padding-top: 30px; height: 46px; line-height: 46px; position: relative; font-size: 21px; color: #8e8e8e; text-align: center; font-family: "Humanist 777"; }
.pading .owlp-prev, .pading .owlp-next { background-size: cover; display: block; float: left; display: inline-block; width: 46px; height: 46px; border: 1px solid #ddd; }
.pading .owlp-prev { background: url(../images/prev.png) no-repeat scroll center center; margin-right: 20px;}
.pading .owlp-next { background: url(../images/next.png) no-repeat scroll center center; margin-left: 20px;}
.pading .maxNum { font-size: 12px;}
.pading .owlp-prev:hover, .pading .owlp-next:hover { background-color: #008fd7; border-color: #008fd7;}
.pading .owlp-prev:hover{ background-image: url(../images/prev2.png);}
.pading .owlp-next:hover{ background-image: url(../images/next2.png);}
/*about style end*/
/*advantages style*/
.advantages-list li{ display: block;position: relative; overflow: hidden; background-color: #fff;}
.advantages-list li .img{ width: 50%; display: block; position: relative; overflow: hidden;}
.advantages-list li .img img{ width: 100%; display: block; transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s;  width: 100%; display: block; transform: scale(1.06); -webkit-transform: scale(1.06);}
.advantages-list .img .blue-70{ background: url(../images/blue_30.png) repeat; background:none rgba(8,132,202,0.3); 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; }
.advantages-list .con{ width: 40%; height: 100%; position: absolute;  top: 18%; text-align: center;}
.advantages-list .con .num{ font-size: 90px; font-family: "Humnst777 BlkCn BT"; line-height: 1; color: #eef4fa; position: relative; overflow: hidden; margin-bottom: 30px;}
.advantages-list .con .ico{ position: absolute; left: 50%; top: 50%; margin: -29px 0px 0px -29px; width: 58px; height: 58px;}
.advantages-list .con h4{ font-size: 24px; font-weight: normal; color: #313131; line-height: 1.5; margin-bottom: 5px;}
.advantages-list .oneItem .con{ left: 55%;}
.advantages-list .twoItem .img{ margin-left: 50%;}
.advantages-list .twoItem .con{ left: 5%;}
.advantages-list li:hover .title{ color: #183883;}
.advantages-list li:hover img{ transform: inherit; -webkit-transform: inherit;}
.advantages-list li:hover .blue-70{ opacity: 1; visibility: visible;}
/*advantages style end*/
/*investor style*/
.investor-list a:link, .investor-list a:visited { color: #636363; }
.investor-list a:active, .investor-list a:hover { color: #fff;}
.investorPage{ padding: 50px 0px;}
.invesPage{ padding:24px 0px ; color: #636363;}
.invesPage .iboxT{ margin-bottom: 25px;}
.investor-list dd{ border: 1px solid #ecf0f5; background-color: #fff; margin-bottom: 6px;}
.investor-list a{ display: block; padding: 28px 22px; font-size: 16px; line-height: 1.4;}
.investor-list a:hover{ background-color: #abdaf3;}
/*investor style end*/
/*contact style*/
.mapBox{ height: 475px;}
.mapBox .info-title{ background-color: #008FD7; color: #fff; padding: 2px 6px;}
.mapBox .amap-info-combo table{ margin: 0px 0 6px !important;}

.mapBox .BMapLib_SearchInfoWindow .BMapLib_bubble_content{ padding: 0;}
.contactPage a:link, .contactPage a:visited { color: #686868; }
.contactPage a:active, .contactPage a:hover { color: #0884ca; text-decoration: underline;}
.contact-list{ margin-top: 38px;}
.contact-list dd{ margin-bottom: 18px; background-color: #fff;}
.contact-list .item-t{ float: left; display: block; width: 10%; margin-right: 5%; text-align: center; color: #fff; background-color: #0884ca; font-size: 16px; padding: 18px 0px 0; line-height: 1.5; position: relative; height: 82px;}
.contact-list .item-t i{ position: absolute; right: -15px; top: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; display: block; border-left: 15px solid #0884ca;}
.contact-list .item-t img.vm{ margin-bottom: 5px;}
.contact-list .item-c{ float: left; display: block; width: 85%; padding: 35px 0px 22px;}
.contact-list .item-c1{ padding-top: 8px;}
.contact-ul li{ float: left; display: block; width: 30%; margin: 30px 3.33% 0 0;}
/*contact style end*/
/*product sytle*/
.pro-l{ float: left; display: block; width: 50%;}
.pro-r{ float: right; display: block; width: 45%;}
.productPage .iboxT{ margin-bottom: 50px;}
.product-tab{ margin-top: 80px;}
.product-tab-t{ margin-bottom: 80px;}
.product-tab-t li{ float: left; display: inline-block; width: 50%; height: 56px; line-height: 56px; display: block; background-color: #8d8d8d; font-size: 18px; text-align: center; color: #fff; cursor: pointer; position: relative; transition: 0.3s; -webkit-transition: 0.3s;}
.product-tab-t li:before{ content: ""; position: absolute; left: 50%; bottom: 0px; margin-left: -2px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top:7px solid #0390d7; opacity: 0; visibility: hidden\9; transition: 0.3s; -webkit-transition: 0.3s;}
.product-tab-t li.active{ background-color: #008fd7;}
.product-tab-t li.active:before{ opacity: 1; visibility: visible\9; bottom: -7px;}
.product-tab-c{ display: none;  display: none; -webkit-animation-name: tab; animation-name: tab; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
 @-webkit-keyframes tab {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes tab {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
.product-tab-c.active{ display: block;}
.product-tab-c table{ width: auto; min-width: 100%; z-index: 2;}
.product-tab-c thead {font-weight: bold; color: #000; z-index: 1; background-color: #fff;}
.product-tab-c th{ background-color: #fff;}
.product-tab-c .pageC{ overflow-x: auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; width: 100%;}
.product-tab-c table,.product-tab-c table th,.product-tab-c table td{ border: 1px solid #dce1e5; }
.product-tab-c table th,.product-tab-c table td{ padding: 15px 5px; text-align: center;}
.product-tab-c table tr:nth-child(odd){ background-color: #e3f3ff; }

/* .product-tab-c tbody tr:hover{ background-color: #aae3ff;} */


.pro-btn{ margin-top: 50px;}
.pro-btn a{ display: block; width: 49%; float: left; height: 55px; line-height: 55px; text-align: center; font-size: 16px; color: #fff; background-color: #aeaeae;}
.pro-btn a.pro-open{ float: right;}
.pro-btn a span{ display: inline-block; background-position: left center; background-repeat: no-repeat; padding-left: 36px;}
.pro-down span{ background-image: url(../images/down1.png);}
.pro-open span{ background-image: url(../images/info1.png);}
.pro-btn a:hover{ background-color: #008FD7;}
.pro-sider-nav{ float: left; display: block; width: 178px; visibility: visible;}
.pro-sider-nav li{ display: block; border-bottom: 1px solid #c3c3c3;}
.pro-sider-nav a{ display: block; padding: 15px 12px; color: #8d8d8d; background: url(../images/more_r1.png) no-repeat scroll right center;}
.pro-sider-nav li.active a{ color: #008fd7; background-image: url(../images/more_r2.png);}
.pro-page{ float: right; display: block; width: 76%;}
.pro-title{ color: #008fd7; font-size: 26px; line-height: 1.5; margin-bottom: 20px;}
.pro-line{ height: 1px; background-color: #d1d4d6; margin: 50px 0px;}
.product-tab-t2{ height: 56px; line-height: 56px; display: block; background-color: #8d8d8d; font-size: 18px; text-align: center; color: #fff; cursor: pointer; margin-bottom: 80px; width: 50%; /* width: 888px; */}
.pro-sider-nav.fixed{ position: fixed; left: 50%; margin-left: -600px; top: 120px;}
.black-case{ display: block; width: 100%; height: 55px; line-height: 55px; background-color: #008FD7; color: #fff; text-align: center; font-size: 16px;}
.dataPage{ width: 606px;}
.dataPage .form-box-close{ right: 2%; top: 11px;}
.dataPage .title{ text-align: center; color: #fff; background-color: #008fd7; font-weight: bold; font-size: 18px; height: 62px; line-height: 62px;}
.dataPage .pageC{ padding: 44px 0px 60px; width: 90%; margin: 0px auto;}
.dataPage table{ width: 100%; border: 0px none;}
.dataPage table td{ padding: 0px 15px 15px 0; vertical-align: top;}
.data-txt{ box-sizing: border-box; border: 1px solid #aeaeae; width: 250px; padding:8px 5px;}
.dataPage input:focus,.dataPage textarea:focus{ border-color:#005FB4;}
.ts{ color: #eb0000;}
.data-txt2{ width:100%; height:120px; resize: none; font-size: 14px;}
.data-btn{ border: 0px none; background-color: #2c77c5; color: #fff; font-size: 14px; font-weight: bold; width: 164px; height: 48px; line-height: 48px; transition: 0.3s; -webkit-transition: 0.3s; cursor: pointer;}
.data-btn2{ background-color: #6b6b6b;}
.data-btn:hover{ background-color: #0390D7;}
input[type="submit"].data-btn, input[type="reset"].data-btn2{ border-radius: 5px;}
.car-pic2{ display: none; margin-bottom: 30px;}
.car-pic{ position: relative; margin-bottom: 40px;}
.car-pic .maximg{ width: 100%; display: block;}
.car-pic .item{ position: absolute;}
.car-pic .item i{ width: 14px; height: 14px; border-radius: 50%; background-color: #6bbee8; background-color: rgba(107,190,232,0.8); display: block; margin: 0px auto; position: relative; width: 20px\9; height: 20px\9; background: url(../images/dian.png) no-repeat\9; background-color: transparent\9; z-index: 100;}
.car-pic i:after { content: "";display: block;width: 100%;height: 100%;border-radius: 50%;background-color: rgba(107,190,232,0.7);position: absolute;left: 0%;top: 0%;animation: bannerbuIn infinite linear 1.5s normal;-webkit-animation: bannerbuIn infinite linear 1.5s normal;}
@keyframes bannerbuIn {
  0% {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(2);
  }
}
.car-pic .itemC{ position: absolute; top: 0; visibility: hidden\9; transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; transition: transform 0.3s,opacity .3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.3s,opacity .3s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; transition: transform 0.3s,opacity .3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0.3s,opacity .3s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;}
.car-pic .itemL .itemC{ right: 100%; top: 0;}
.car-pic .itemR .itemC{ left: 100%; top: 0; line-height: 1.5;}
.car-pic .txt{ position: absolute; display: block; white-space: nowrap; color: #686868;}
.car-pic .itemL .txt{  right: 105%; top: -8px; }
.car-pic .itemR .txt{ left: 105%; top: -8px;}
.car-pic .item1{ left: 22%; bottom: 41%;}
.car-pic .item1 .itemC{ margin-top: -10px;}
.car-pic .item2{ left: 32%; bottom: 42%;}
.car-pic .item2 .itemC{ margin-top: -106px;}
.car-pic .item2 .txt{ right: 80%; top: -28px;}
.car-pic .item3{ left: 30%; bottom: 36%;}
.car-pic .item3 .itemC{ margin-top: 8px;}
.car-pic .item3 .txt{ top: auto; bottom: -12px;}
.car-pic .item4{ left: 36%; bottom: 23%;}
.car-pic .item4 .itemC{ margin-top: 4px; right: 50%;}
.car-pic .item4 .txt{ top: auto; bottom: -28px; margin-right: -45px;}
.car-pic .item5{ left: 43%; bottom: 45%;}
.car-pic .item5 .itemC{ margin-top: 10px;}
.car-pic .item5 .txt{ top: auto; bottom: -12px;}
.car-pic .item6{ left: 46%; bottom: 42%;}
.car-pic .item6 .itemC{ margin-top: 12px;}
.car-pic .item6 .txt{ top: auto; bottom: -10px;}
.car-pic .item7{ left: 44%; bottom: 49.5%;}
.car-pic .item7 .itemC{ margin-top: 12px; left: 50%;}
.car-pic .item7 .txt{ top: auto; bottom: -20px; left: 0px;}
.car-pic .item8{ right: 48%; bottom: 37%;}
.car-pic .item8 .itemC{ margin-top: 12px;}
.car-pic .item8 .txt{ top: auto; bottom: -10px;}
.car-pic .item9{ right: 48.5%; bottom: 40%;}
.car-pic .item9 .itemC{ margin-top: 12px;}
.car-pic .item9 .txt{ top: auto; bottom: -6px;}
.car-pic .item10{ right: 37.5%; bottom: 53%;}
.car-pic .item10 .itemC{ margin-top: -8px;}
.car-pic .item10 .txt{ top: auto; bottom: 0px;}
.car-pic .item11{ right: 25.5%; top: 30%;}
.car-pic .item11 .itemC{ margin-top: -10px;}
.car-pic .item11 .txt{ top: auto; bottom: 0px;}
.car-pic .item12{ right: 25.5%; top: 26%;}
.car-pic .item12 .itemC{ margin-top: 0px; top: auto; bottom: 100%;}
.car-pic .item13{ right: 45%; top: 47%;}
.car-pic .item13 .itemC{ top: auto; bottom: 100%; left: 50%;}
.car-pic .item13 .txt{ left: 90%; top: -25px;}
.car-pic .item14{ right: 50%; top: 35%;}
.car-pic .item14 .itemC{ top: auto; bottom: 100%; left: 50%;}
.car-pic .item14 .txt{ left: -10px; top: -25px;}
.car-pic .item15{ left: 49.5%; bottom: 52%;}
.car-pic .item15 .itemC{ top: auto; bottom: 100%; }
.car-pic .item15 .txt{ top: -25px; left: -35px;}
.car-pic .item16{ left: 46%; bottom: 52%;}
.car-pic .item16 .itemC{ top: auto; bottom: 100%; }
.car-pic .item16 .txt{ top: -25px; }
.car-pic .itemCm{ visibility: visible\9; opacity: 1; opacity: 1;  transform: translateY(0px); -webkit-transform: translateY(0px);}
.pageC .car-pic .itemC img{ max-width: initial !important; height: initial !important; display: block;}
/*proudcut style end*/
/*info style*/
.infoPage{ width: 80%; margin: 0 0 0 auto;}
.infoPage .form-box-close{ position: fixed; right: 80%; top: 50%; margin-top: -40px; width: 80px; height: 80px; background-color: #008fd7;}
.infoPage .form-box-close:hover{ background-color: #0884CA;}
.infoPage-c{ width: 1000px; margin-left: 100px; padding: 85px 0;}
.infoT{ padding: 0px 0px 15px; margin-bottom: 80px; border-bottom: 1px solid #cccccc;}
.infoT h4{ font-size: 30px; color: #000000; line-height: 1.5; font-weight: normal; }
.infoT .time{ margin-top: 15px; color: #a4a4a4;}
.infoT .time .line{ padding: 0px 12px;}
/*info style end*/
/*404 style*/
.noPage{ position: absolute; left: 0%; top: 50%; width: 100%; margin-top: -50%; margin-top: -155px; color: #0884ca;}
.noPage .pageC{ color: #0884ca; line-height: 1.8;}
.no-t{ font-size:29px; font-weight: bold; padding: 20px 0px 0; line-height: 1.5;}
.no-en{ font-size: 22px; font-family:arial, helvetica, sans-serif; line-height: 1.4;}
.no-btn .txt{ color: #0884ca;}
.no-btn:hover .txt{ color: #d50028;}
/*404 style end*/