锘?{outline:0} blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0} body,button,input,select,textarea{font:14px/1.8 arial,"times new roman",tahoma,"Microsoft Yahei","寰蒋闆呴粦","Microsoft JhengHei","寰蒋姝i粦浣?,sans-serif;color:#666} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400} b,cite,code,em,i,small,th{font-style:normal} ol,ul{list-style:none} a{text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;cursor:pointer} fieldset,iframe,img{border:0} button,input,select,textarea{font-size:100%;border-radius:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:none;background:0 0;outline:0;-moz-box-sizing:border-box;box-sizing:border-box} table{border-collapse:collapse;border-spacing:0} th{text-align:inherit} button,input[type=button],input[type=submit]{cursor:pointer} button::-moz-focus-inner,button::-moz-focus-outer,input::-moz-focus-inner,input::-moz-focus-outer{border:0 none;padding:0;margin:0} input[type=search]{-webkit-appearance:textfield} input:focus::-webkit-input-placeholder{color:transparent} input::-ms-clear{display:none} textarea{resize:vertical;overflow-y:auto} ::-moz-selection{background:#d76c00;color:#fff;text-shadow:none} ::selection{background:#d76c00;color:#fff;text-shadow:none} a:link,a:visited{text-decoration:none} a:active,a:hover{text-decoration:none} .clearfix:after,.clearfix:before{display:table;content:"";line-height:0} .clearfix:after{clear:both} a{color:#666} .freeTx a{color:#000} .freeTx table{ width: 100% !important;} .ly-box{position:fixed;z-index:9999;top:0;bottom:0;left:0;right:0;background:url(../images/black5.png);overflow:hidden} .ly-anim{opacity:0;visibility:hidden;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s} .ly-anim .ly-cont{-webkit-transform:translateX(10%);-moz-transform:translateX(10%);-ms-transform:translateX(10%);transform:translateX(10%);opacity:0;visibility:hidden;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s} .ly-box.show.ly-anim{opacity:1;visibility:visible} .ly-box.show.ly-anim .ly-cont{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible} .ly-cont{background:#fff;position:absolute;top:50%;left:50%} @media screen and (max-width:1024px){ .ly-cont{position:relative;width:100%;height:100%;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch} } .header{position:fixed;z-index:1010;top:0;left:0;right:0;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.5)} .menuBox{position:fixed;z-index:1011;top:0;right:-215px;width:215px;max-height:100%;background:#f1f1f1;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none} .menuBlack{position:fixed;z-index:1008;top:0;bottom:0;right:0;left:0;background:url(../images/black5.png);display:none} .container{min-height:600px} @media screen and (max-width:1366px){ .container{min-height:300px} } .pw{width:1280px;margin:0 auto} @media screen and (max-width:1366px){ .pw{width:1000px} } @media screen and (max-width:1024px){ .pw{width:90%} } .tb{display:table;table-layout:fixed;width:100%;height:100%} .tbc{display:table-cell;vertical-align:middle} .mcv{text-align:center;line-height:50px;display:none} .mcv .sj-b{display:inline-block;vertical-align:middle;margin-left:8px;border-top-width:6px;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .pnav.show .sj-b{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)} @media screen and (max-width:861px){ .mcv{display:block} } .splwo span{display:block} .splwo i{display:inline-block} .bsz{-moz-box-sizing:border-box;box-sizing:border-box} .cover{display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:url(../images/black5.png)} .bg{background-size:cover;background-repeat:no-repeat;background-position:center center} .open{overflow:hidden} .na{cursor:default} .pai{overflow:hidden;position:relative} .pai>img{display:block;position:absolute;width:100%;height:100%;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s} .pic,.pic2,.picbox{display:block;position:relative;overflow:hidden} .pic>img{display:block;width:100%;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s} .pic2>img{display:block;width:100%} .logo{display:block} .logo>img{display:block;width:100%} .now{white-space:nowrap} .nowti{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1.4} .freeTx{overflow:hidden;position:relative;text-align:justify} .freeTx img{max-width:100%;vertical-align:bottom;height:auto!important} .sbar{overflow:hidden;overflow-y:auto} .sbar::-webkit-scrollbar{width:6px;background:#f2f2f2} .sbar::-webkit-scrollbar-thumb{background:#ffbb20} .tx{overflow:hidden;line-height:24px!important;text-align:justify} .ch,.name,.ti{line-height:1.4} .en{line-height:1} .ttu{text-transform:uppercase} .fwb{font-weight:700} .rel{position:relative} .l{float:left} .r{float:right} .tac{text-align:center} .fsi{font-style:italic} .bra{border-radius:100%} .aw,.ico{background-repeat:no-repeat;background-position:center top} .fixbg{background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed} .fixbg>img{display:block;width:100%;opacity:0;visibility:hidden} @media screen and (max-width:1024px){ .fixbg{background-attachment:scroll} } .psfixbg{position:fixed;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:-1} .fib,.pager{text-align:center;letter-spacing:-6px} .ib,.pager a{display:inline-block;vertical-align:middle;letter-spacing:0} .ib{vertical-align:top} .sj{width:0;height:0} .sj-t{border-right-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-color:transparent;border-left-color:transparent;border-left-width:4px;border-right-width:4px;border-bottom-width:8px} .sj-b{border-right-style:solid;border-left-style:solid;border-top-style:solid;border-right-color:transparent;border-left-color:transparent;border-left-width:4px;border-right-width:4px;border-top-width:8px} .sj-r{border-bottom-style:solid;border-top-style:solid;border-left-style:solid;border-top-color:transparent;border-bottom-color:transparent;border-top-width:4px;border-bottom-width:4px;border-left-width:8px} .sj-l{border-bottom-style:solid;border-top-style:solid;border-right-style:solid;border-top-color:transparent;border-bottom-color:transparent;border-top-width:4px;border-bottom-width:4px;border-right-width:8px} .banner-box,.pbanner{position:relative;overflow:hidden} .i_g{display:block;position:absolute;top:0;left:-10%;width:110%!important} .active .i_g{left:-5%;-webkit-transition:imgMove 6s .2s linear;-moz-transition:imgMove 6s .2s linear;transition:imgMove 6s .2s linear} @-webkit-keyframes imgMove{ 0%{left:-10%} 100%{left:-5%} } @-moz-keyframes imgMove{ 0%{left:-10%} 100%{left:-5%} } @keyframes imgMove{ 0%{left:-10%} 100%{left:-5%} } .u-slick{position:relative;overflow:hidden} .u-slick .item{position:relative;overflow:hidden} .ol{display:block;z-index:9;position:absolute;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .ol-l{left:auto;right:0;bottom:0;width:0;height:100%;background:#000} .ol-v{left:0;top:auto;bottom:0;height:0;width:100%;background:#000} @media screen and (min-width:1025px){ .ol-h:hover .ol-l{width:100%;left:0;right:auto} .ol-h:hover .ol-v{height:100%;top:0;bottom:auto} } .fl{display:block;z-index:9;position:absolute;background:#000;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .fl-b,.fl-t{width:0;height:2px} .fl-l,.fl-r{height:0;width:2px} .fl-t{top:0;left:0} .fl-r{top:0;right:0} .fl-b{right:0;bottom:0} .fl-l{left:0;bottom:0} @media screen and (min-width:1025px){ .fl-h:hover .fl-b,.fl-h:hover .fl-t{width:100%} .fl-h:hover .fl-l,.fl-h:hover .fl-r{height:100%} } .dl{display:block;z-index:9;position:absolute;background:#000;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .dl-b,.dl-t{width:0;height:2px} .dl-l,.dl-r{height:0;width:2px} .dl-l,.dl-t{left:0;top:0} .dl-b,.dl-r{right:0;bottom:0} @media screen and (min-width:1025px){ .dl-h:hover .dl-b,.dl-h:hover .dl-t{width:100%} .dl-h:hover .dl-l,.dl-h:hover .dl-r{height:100%} } .bdsharebuttonbox a{padding:0!important;margin:0!important} .vwrap{display:none;z-index:1040;width:100%;position:fixed;left:0;top:0} .vwrap .videobtg{z-index:900;position:fixed;width:100%;height:100%;left:0;top:0;background:#000;opacity:.8;filter:alpha(opacity=80);overflow:hidden} .vwrap .videobox{z-index:990;width:860px;height:480px;background-color:#fff;position:fixed;left:50%;top:50%;margin-top:-240px;margin-left:-430px} .vwrap .videobox #videobox{width:100%;display:inline-block;height:100%;background:#80abde} #videobox_wrapper{height:100%!important} .vwrap .close{z-index:999;width:24px;height:24px;cursor:pointer;position:absolute;top:-28px;right:0} .vwrap .close i{display:block;width:24px;height:24px;background:url(../images/close1.png) no-repeat 50% 50%;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .vwrap .close:hover i{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} #videobox_display_button{background:none no-repeat!important} .jwplayer .jwicon:hover{opacity:1;filter:alpha(opacity=100)} .jwclick,.jwlogo{display:none!important} @media screen and (max-width:1024px){ .vwrap .videobox{width:700px;margin-left:-350px} } @media screen and (max-width:861px){ .vwrap .videobox{width:100%;left:0;margin-left:0} } @media screen and (max-width:641px){ .vwrap .videobox{height:350px;margin-top:-175px} } @media screen and (max-width:481px){ .vwrap .videobox{height:300px;margin-top:-150px} } .popUpblack{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1020;background:url(../images/black5.png);display:none} .popUpblack.show .popUp{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s} .popUp{position:absolute;left:50%;top:50%;margin:-126px 0 0 -115px;width:220px;height:242px;border:5px solid #0079c3;background:#fff;opacity:0;visibility:hidden;-webkit-transform:translateY(20%);-moz-transform:translateY(20%);-ms-transform:translateY(20%);transform:translateY(20%)} .popUp .t{padding:0 10px;height:26px;line-height:26px;color:#fff;font-weight:700;background:#0079c3;overflow:hidden} .popUp .t .close{float:right;cursor:pointer;color:#fff;font-weight:400} .popUp .img{padding:20px} .popUp .img img{width:100%;display:block} .menu-handler{position:fixed;z-index:1012;right:0;top:0;width:60px;height:60px;overflow:hidden;cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;display:none} .menu-handler .burger{display:block;position:absolute;top:21px;left:50%;margin-left:-16px;width:32px;height:4px;background:#000;-webkit-transition:.8s;-moz-transition:.8s;transition:.8s} .menu-handler .burger-2{top:28px} .menu-handler .burger-3{top:35px} .menu-handler.active .burger-1{top:28px;-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg)} .menu-handler.active .burger-2{opacity:0;visibility:hidden;left:-100%} .menu-handler.active .burger-3{top:28px;-webkit-transform:rotate(-225deg);-moz-transform:rotate(-225deg);-ms-transform:rotate(-225deg);transform:rotate(-225deg)} .menuBtn{position:absolute;z-index:1012;top:0;right:0;width:60px;height:60px;display:none} .menuBtn .mb{position:relative;height:100%;-webkit-transition:-webkit-transform .4s cubic-bezier(.4,.01,.165,.99);transition:-webkit-transform .4s cubic-bezier(.4,.01,.165,.99);-moz-transition:transform .4s cubic-bezier(.4,.01,.165,.99),-moz-transform .4s cubic-bezier(.4,.01,.165,.99);transition:transform .4s cubic-bezier(.4,.01,.165,.99);transition:transform .4s cubic-bezier(.4,.01,.165,.99),-webkit-transform .4s cubic-bezier(.4,.01,.165,.99),-moz-transform .4s cubic-bezier(.4,.01,.165,.99);transition:transform .4s cubic-bezier(.4,.01,.165,.99),-webkit-transform .4s cubic-bezier(.4,.01,.165,.99)} .menuBtn .ml{display:block;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99);transition:-webkit-transform .25s cubic-bezier(.4,.01,.165,.99);-moz-transition:transform .25s cubic-bezier(.4,.01,.165,.99),-moz-transform .25s cubic-bezier(.4,.01,.165,.99);transition:transform .25s cubic-bezier(.4,.01,.165,.99);transition:transform .25s cubic-bezier(.4,.01,.165,.99),-webkit-transform .25s cubic-bezier(.4,.01,.165,.99),-moz-transform .25s cubic-bezier(.4,.01,.165,.99);transition:transform .25s cubic-bezier(.4,.01,.165,.99),-webkit-transform .25s cubic-bezier(.4,.01,.165,.99)} .menuBtn .ml:before{content:"";position:absolute;top:29px;left:50%;margin-left:-9px;width:18px;height:2px;background:#fff} .menuBtn .ml-1:before{-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);-webkit-transition:-webkit-transform .2s .2s;transition:-webkit-transform .2s .2s;-moz-transition:transform .2s .2s,-moz-transform .2s .2s;transition:transform .2s .2s;transition:transform .2s .2s,-webkit-transform .2s .2s,-moz-transform .2s .2s;transition:transform .2s .2s,-webkit-transform .2s .2s} .menuBtn .ml-2:before{-webkit-transform:translateY(3px);-moz-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;-moz-transition:transform .2s,-moz-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s,-moz-transform .2s;transition:transform .2s,-webkit-transform .2s} .menuBtn.active .mb{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} .menuBtn.active .ml{-webkit-transition:-webkit-transform .25s .2s cubic-bezier(.4,.01,.165,.99);transition:-webkit-transform .25s .2s cubic-bezier(.4,.01,.165,.99);-moz-transition:transform .25s .2s cubic-bezier(.4,.01,.165,.99),-moz-transform .25s .2s cubic-bezier(.4,.01,.165,.99);transition:transform .25s .2s cubic-bezier(.4,.01,.165,.99);transition:transform .25s .2s cubic-bezier(.4,.01,.165,.99),-webkit-transform .25s .2s cubic-bezier(.4,.01,.165,.99),-moz-transform .25s .2s cubic-bezier(.4,.01,.165,.99);transition:transform .25s .2s cubic-bezier(.4,.01,.165,.99),-webkit-transform .25s .2s cubic-bezier(.4,.01,.165,.99)} .menuBtn.active .ml-1{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} .menuBtn.active .ml-2{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} .menuBtn.active .ml:before{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} .slick-slider{position:relative;display:block;-moz-box-sizing:border-box;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;display:block;overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:0} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{position:relative;top:0;left:0;display:block} .slick-track:after,.slick-track:before{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;height:100%;min-height:1px} [dir=rtl] .slick-slide{float:right} .slick-slide img{display:block} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none} .slick-arrow{position:absolute;z-index:101;top:50%;margin-top:-20px;width:40px;height:40px;background:#000} .slick-prev{left:0} .slick-next{right:0} .slick-dots{position:absolute;z-index:100;left:0;right:0;bottom:8%;text-align:center;letter-spacing:-6px;line-height:0} .slick-dots li{display:inline-block;vertical-align:middle;width:10px;height:10px;border-radius:100%;-moz-box-sizing:border-box;box-sizing:border-box;background:#000;margin:0 5px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .slick-dots li a{display:block;width:100%;height:100%;text-indent:-9999px} .slick-dots .slick-active,.slick-dots li:hover{background:red} .cg-w .item.slick-current{z-index:3!important} .cg-w .item.prevSlick{z-index:4!important} .cg-w .item{opacity:1!important;z-index:2!important} .cg-w .item.prevSlick .pic2{-moz-animation:increaseHeight 1.5s forwards;animation:increaseHeight 1.5s forwards;-webkit-animation:increaseHeight 1.5s forwards} .cg-s .slick-current .pai img,.cg-s .slick-current .pic2 img{-webkit-animation:scaleUpDown 5s forwards cubic-bezier(.25,.46,.45,.94);-moz-animation:scaleUpDown 5s forwards cubic-bezier(.25,.46,.45,.94);animation:scaleUpDown 5s forwards cubic-bezier(.25,.46,.45,.94)} .igm{position:relative;top:-5%;left:-5%;width:110%!important} .cg-m .active .igm{-webkit-animation:imgMove 6s linear;-moz-animation:imgMove 6s linear;animation:imgMove 6s linear} @-webkit-keyframes phoneRotate{ from,to{-webkit-transform:none;transform:none} 20%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)} 40%{-webkit-transform:rotate(10deg);transform:rotate(10deg)} 60%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)} 80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)} } @-moz-keyframes phoneRotate{ from,to{-webkit-transform:none;-moz-transform:none;transform:none} 20%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)} 40%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg)} 60%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)} 80%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg)} } @keyframes phoneRotate{ from,to{-webkit-transform:none;-moz-transform:none;transform:none} 20%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)} 40%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg)} 60%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)} 80%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg)} } @-webkit-keyframes phoneJump{ from,to{-webkit-transform:none;transform:none} 50%{-webkit-transform:translate(0,-7px);transform:translate(0,-7px)} } @-moz-keyframes phoneJump{ from,to{-webkit-transform:none;-moz-transform:none;transform:none} 50%{-webkit-transform:translate(0,-7px);-moz-transform:translate(0,-7px);transform:translate(0,-7px)} } @keyframes phoneJump{ from,to{-webkit-transform:none;-moz-transform:none;transform:none} 50%{-webkit-transform:translate(0,-7px);-moz-transform:translate(0,-7px);transform:translate(0,-7px)} } @-webkit-keyframes _cyLogoShow{ 0%{background:-webkit-linear-gradient(330deg,transparent -15%,rgba(255,255,255,.5),transparent 15%);background:linear-gradient(120deg,transparent -15%,rgba(255,255,255,.5),transparent 15%)} 10%{background:-webkit-linear-gradient(330deg,transparent -5%,rgba(255,255,255,.5),transparent 25%);background:linear-gradient(120deg,transparent -5%,rgba(255,255,255,.5),transparent 25%)} 20%{background:-webkit-linear-gradient(330deg,transparent 5%,rgba(255,255,255,.5),transparent 35%);background:linear-gradient(120deg,transparent 5%,rgba(255,255,255,.5),transparent 35%)} 30%{background:-webkit-linear-gradient(330deg,transparent 15%,rgba(255,255,255,.5),transparent 45%);background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.5),transparent 45%)} 40%{background:-webkit-linear-gradient(330deg,transparent 25%,rgba(255,255,255,.5),transparent 55%);background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.5),transparent 55%)} 50%{background:-webkit-linear-gradient(330deg,transparent 35%,rgba(255,255,255,.5),transparent 65%);background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.5),transparent 65%)} 60%{background:-webkit-linear-gradient(330deg,transparent 45%,rgba(255,255,255,.5),transparent 75%);background:linear-gradient(120deg,transparent 45%,rgba(255,255,255,.5),transparent 75%)} 70%{background:-webkit-linear-gradient(330deg,transparent 55%,rgba(255,255,255,.5),transparent 85%);background:linear-gradient(120deg,transparent 55%,rgba(255,255,255,.5),transparent 85%)} 80%{background:-webkit-linear-gradient(330deg,transparent 65%,rgba(255,255,255,.5),transparent 95%);background:linear-gradient(120deg,transparent 65%,rgba(255,255,255,.5),transparent 95%)} 90%{background:-webkit-linear-gradient(330deg,transparent 75%,rgba(255,255,255,.5),transparent 105%);background:linear-gradient(120deg,transparent 75%,rgba(255,255,255,.5),transparent 105%)} 100%{background:-webkit-linear-gradient(330deg,transparent 85%,rgba(255,255,255,.5),transparent 115%);background:linear-gradient(120deg,transparent 85%,rgba(255,255,255,.5),transparent 115%)} } @-moz-keyframes _cyLogoShow{ 0%{background:-moz- oldlinear-gradient(330deg,transparent -15%,rgba(255,255,255,.5),transparent 15%);background:linear-gradient(120deg,transparent -15%,rgba(255,255,255,.5),transparent 15%)} 10%{background:-moz- oldlinear-gradient(330deg,transparent -5%,rgba(255,255,255,.5),transparent 25%);background:linear-gradient(120deg,transparent -5%,rgba(255,255,255,.5),transparent 25%)} 20%{background:-moz- oldlinear-gradient(330deg,transparent 5%,rgba(255,255,255,.5),transparent 35%);background:linear-gradient(120deg,transparent 5%,rgba(255,255,255,.5),transparent 35%)} 30%{background:-moz- oldlinear-gradient(330deg,transparent 15%,rgba(255,255,255,.5),transparent 45%);background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.5),transparent 45%)} 40%{background:-moz- oldlinear-gradient(330deg,transparent 25%,rgba(255,255,255,.5),transparent 55%);background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.5),transparent 55%)} 50%{background:-moz- oldlinear-gradient(330deg,transparent 35%,rgba(255,255,255,.5),transparent 65%);background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.5),transparent 65%)} 60%{background:-moz- oldlinear-gradient(330deg,transparent 45%,rgba(255,255,255,.5),transparent 75%);background:linear-gradient(120deg,transparent 45%,rgba(255,255,255,.5),transparent 75%)} 70%{background:-moz- oldlinear-gradient(330deg,transparent 55%,rgba(255,255,255,.5),transparent 85%);background:linear-gradient(120deg,transparent 55%,rgba(255,255,255,.5),transparent 85%)} 80%{background:-moz- oldlinear-gradient(330deg,transparent 65%,rgba(255,255,255,.5),transparent 95%);background:linear-gradient(120deg,transparent 65%,rgba(255,255,255,.5),transparent 95%)} 90%{background:-moz- oldlinear-gradient(330deg,transparent 75%,rgba(255,255,255,.5),transparent 105%);background:linear-gradient(120deg,transparent 75%,rgba(255,255,255,.5),transparent 105%)} 100%{background:-moz- oldlinear-gradient(330deg,transparent 85%,rgba(255,255,255,.5),transparent 115%);background:linear-gradient(120deg,transparent 85%,rgba(255,255,255,.5),transparent 115%)} } @keyframes _cyLogoShow{ 0%{background:-webkit-linear-gradient(330deg,transparent -15%,rgba(255,255,255,.5),transparent 15%);background:-moz- oldlinear-gradient(330deg,transparent -15%,rgba(255,255,255,.5),transparent 15%);background:linear-gradient(120deg,transparent -15%,rgba(255,255,255,.5),transparent 15%)} 10%{background:-webkit-linear-gradient(330deg,transparent -5%,rgba(255,255,255,.5),transparent 25%);background:-moz- oldlinear-gradient(330deg,transparent -5%,rgba(255,255,255,.5),transparent 25%);background:linear-gradient(120deg,transparent -5%,rgba(255,255,255,.5),transparent 25%)} 20%{background:-webkit-linear-gradient(330deg,transparent 5%,rgba(255,255,255,.5),transparent 35%);background:-moz- oldlinear-gradient(330deg,transparent 5%,rgba(255,255,255,.5),transparent 35%);background:linear-gradient(120deg,transparent 5%,rgba(255,255,255,.5),transparent 35%)} 30%{background:-webkit-linear-gradient(330deg,transparent 15%,rgba(255,255,255,.5),transparent 45%);background:-moz- oldlinear-gradient(330deg,transparent 15%,rgba(255,255,255,.5),transparent 45%);background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.5),transparent 45%)} 40%{background:-webkit-linear-gradient(330deg,transparent 25%,rgba(255,255,255,.5),transparent 55%);background:-moz- oldlinear-gradient(330deg,transparent 25%,rgba(255,255,255,.5),transparent 55%);background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.5),transparent 55%)} 50%{background:-webkit-linear-gradient(330deg,transparent 35%,rgba(255,255,255,.5),transparent 65%);background:-moz- oldlinear-gradient(330deg,transparent 35%,rgba(255,255,255,.5),transparent 65%);background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.5),transparent 65%)} 60%{background:-webkit-linear-gradient(330deg,transparent 45%,rgba(255,255,255,.5),transparent 75%);background:-moz- oldlinear-gradient(330deg,transparent 45%,rgba(255,255,255,.5),transparent 75%);background:linear-gradient(120deg,transparent 45%,rgba(255,255,255,.5),transparent 75%)} 70%{background:-webkit-linear-gradient(330deg,transparent 55%,rgba(255,255,255,.5),transparent 85%);background:-moz- oldlinear-gradient(330deg,transparent 55%,rgba(255,255,255,.5),transparent 85%);background:linear-gradient(120deg,transparent 55%,rgba(255,255,255,.5),transparent 85%)} 80%{background:-webkit-linear-gradient(330deg,transparent 65%,rgba(255,255,255,.5),transparent 95%);background:-moz- oldlinear-gradient(330deg,transparent 65%,rgba(255,255,255,.5),transparent 95%);background:linear-gradient(120deg,transparent 65%,rgba(255,255,255,.5),transparent 95%)} 90%{background:-webkit-linear-gradient(330deg,transparent 75%,rgba(255,255,255,.5),transparent 105%);background:-moz- oldlinear-gradient(330deg,transparent 75%,rgba(255,255,255,.5),transparent 105%);background:linear-gradient(120deg,transparent 75%,rgba(255,255,255,.5),transparent 105%)} 100%{background:-webkit-linear-gradient(330deg,transparent 85%,rgba(255,255,255,.5),transparent 115%);background:-moz- oldlinear-gradient(330deg,transparent 85%,rgba(255,255,255,.5),transparent 115%);background:linear-gradient(120deg,transparent 85%,rgba(255,255,255,.5),transparent 115%)} } @-webkit-keyframes logoShow{ from,to{-webkit-transform:scale(1,1);transform:scale(1,1)} 25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)} 50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)} 75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)} } @-moz-keyframes logoShow{ from,to{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);transform:scale(1,1)} 25%{-webkit-transform:scale(.9,1.1);-moz-transform:scale(.9,1.1);transform:scale(.9,1.1)} 50%{-webkit-transform:scale(1.1,.9);-moz-transform:scale(1.1,.9);transform:scale(1.1,.9)} 75%{-webkit-transform:scale(.95,1.05);-moz-transform:scale(.95,1.05);transform:scale(.95,1.05)} } @keyframes logoShow{ from,to{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);transform:scale(1,1)} 25%{-webkit-transform:scale(.9,1.1);-moz-transform:scale(.9,1.1);transform:scale(.9,1.1)} 50%{-webkit-transform:scale(1.1,.9);-moz-transform:scale(1.1,.9);transform:scale(1.1,.9)} 75%{-webkit-transform:scale(.95,1.05);-moz-transform:scale(.95,1.05);transform:scale(.95,1.05)} } @-webkit-keyframes scaleUpDown{ from{-webkit-transform:scale(1.08);transform:scale(1.08)} to{-webkit-transform:scale(1);transform:scale(1)} } @-moz-keyframes scaleUpDown{ from{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08)} to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)} } @keyframes scaleUpDown{ from{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08)} to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)} } @-webkit-keyframes fadeInUp{ from{opacity:0;-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)} to{opacity:1;-webkit-transform:none;transform:none} } @-moz-keyframes fadeInUp{ from{opacity:0;-moz-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)} to{opacity:1;-moz-transform:none;transform:none} } @keyframes fadeInUp{ from{opacity:0;-webkit-transform:translate3d(0,60px,0);-moz-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)} to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none} } @-webkit-keyframes lightSpeedIn{ from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0} 60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1} 80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1} to{-webkit-transform:none;transform:none;opacity:1} } @-moz-keyframes lightSpeedIn{ from{-moz-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0} 60%{-moz-transform:skewX(20deg);transform:skewX(20deg);opacity:1} 80%{-moz-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1} to{-moz-transform:none;transform:none;opacity:1} } @keyframes lightSpeedIn{ from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-moz-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0} 60%{-webkit-transform:skewX(20deg);-moz-transform:skewX(20deg);transform:skewX(20deg);opacity:1} 80%{-webkit-transform:skewX(-5deg);-moz-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1} to{-webkit-transform:none;-moz-transform:none;transform:none;opacity:1} } @-webkit-keyframes fadeInDown{ from{opacity:0;-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)} to{opacity:1;-webkit-transform:none;transform:none} } @-moz-keyframes fadeInDown{ from{opacity:0;-moz-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)} to{opacity:1;-moz-transform:none;transform:none} } @keyframes fadeInDown{ from{opacity:0;-webkit-transform:translate3d(0,-60px,0);-moz-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)} to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none} } @-webkit-keyframes fadeInRight{ from{opacity:0;-webkit-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } @-moz-keyframes fadeInRight{ from{opacity:0;-moz-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0)} to{opacity:1;-moz-transform:none;transform:none} } @keyframes fadeInRight{ from{opacity:0;-webkit-transform:translate3d(60px,0,0);-moz-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0)} to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none} } @-webkit-keyframes fadeInLeft{ from{opacity:0;-webkit-transform:translate3d(-60px,0,0);transform:translate3d(-60px,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } @-moz-keyframes fadeInLeft{ from{opacity:0;-moz-transform:translate3d(-60px,0,0);transform:translate3d(-60px,0,0)} to{opacity:1;-moz-transform:none;transform:none} } @keyframes fadeInLeft{ from{opacity:0;-webkit-transform:translate3d(-60px,0,0);-moz-transform:translate3d(-60px,0,0);transform:translate3d(-60px,0,0)} to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none} } @-webkit-keyframes reveal-v{ 0%{-webkit-transform:scaleY(0);transform:scaleY(0)} 50%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 0 0;transform-origin:0 0 0} 51%{-webkit-transform-origin:50% 100% 0;transform-origin:50% 100% 0} 100%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100% 0;transform-origin:50% 100% 0} } @-moz-keyframes reveal-v{ 0%{-moz-transform:scaleY(0);transform:scaleY(0)} 50%{-moz-transform:scaleY(1);transform:scaleY(1);-moz-transform-origin:0 0 0;transform-origin:0 0 0} 51%{-moz-transform-origin:50% 100% 0;transform-origin:50% 100% 0} 100%{-moz-transform:scaleY(0);transform:scaleY(0);-moz-transform-origin:50% 100% 0;transform-origin:50% 100% 0} } @keyframes reveal-v{ 0%{-webkit-transform:scaleY(0);-moz-transform:scaleY(0);transform:scaleY(0)} 50%{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;transform-origin:0 0 0} 51%{-webkit-transform-origin:50% 100% 0;-moz-transform-origin:50% 100% 0;transform-origin:50% 100% 0} 100%{-webkit-transform:scaleY(0);-moz-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100% 0;-moz-transform-origin:50% 100% 0;transform-origin:50% 100% 0} } @-webkit-keyframes reveal-l{ 0%{-webkit-transform:scaleX(0);transform:scaleX(0)} 50%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0 0;transform-origin:0 0 0} 51%{-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0} 100%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0} } @-moz-keyframes reveal-l{ 0%{-moz-transform:scaleX(0);transform:scaleX(0)} 50%{-moz-transform:scaleX(1);transform:scaleX(1);-moz-transform-origin:0 0 0;transform-origin:0 0 0} 51%{-moz-transform-origin:100% 50% 0;transform-origin:100% 50% 0} 100%{-moz-transform:scaleX(0);transform:scaleX(0);-moz-transform-origin:100% 50% 0;transform-origin:100% 50% 0} } @keyframes reveal-l{ 0%{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);transform:scaleX(0)} 50%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;transform-origin:0 0 0} 51%{-webkit-transform-origin:100% 50% 0;-moz-transform-origin:100% 50% 0;transform-origin:100% 50% 0} 100%{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50% 0;-moz-transform-origin:100% 50% 0;transform-origin:100% 50% 0} } @-webkit-keyframes hide-lr{ 0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)} } @-moz-keyframes hide-lr{ 0%{opacity:1;-moz-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-moz-transform:translateX(30px);transform:translateX(30px)} } @keyframes hide-lr{ 0%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)} 100%{opacity:0;-webkit-transform:translateX(30px);-moz-transform:translateX(30px);transform:translateX(30px)} } @-webkit-keyframes hide-dt{ 0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)} } @-moz-keyframes hide-dt{ 0%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-moz-transform:translateY(30px);transform:translateY(30px)} } @keyframes hide-dt{ 0%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);transform:translateY(30px)} } @-webkit-keyframes hide-dt-f{ 0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)} } @-moz-keyframes hide-dt-f{ 0%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-moz-transform:translateY(-30px);transform:translateY(-30px)} } @keyframes hide-dt-f{ 0%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)} 100%{opacity:0;-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);transform:translateY(-30px)} } @-webkit-keyframes increaseHeight{ from{width:100%} to{width:0} } @-moz-keyframes increaseHeight{ from{width:100%} to{width:0} } @keyframes increaseHeight{ from{width:100%} to{width:0} } @-webkit-keyframes tbfade{ 0%{-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:1} 100%{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0} } @-moz-keyframes tbfade{ 0%{-moz-transform:translateY(-10%);transform:translateY(-10%);opacity:1} 100%{-moz-transform:translateY(10%);transform:translateY(10%);opacity:0} } @keyframes tbfade{ 0%{-webkit-transform:translateY(-10%);-moz-transform:translateY(-10%);transform:translateY(-10%);opacity:1} 100%{-webkit-transform:translateY(10%);-moz-transform:translateY(10%);transform:translateY(10%);opacity:0} } @-webkit-keyframes fadeIn{ 0%{opacity:0} 100%{opacity:1} } @-moz-keyframes fadeIn{ 0%{opacity:0} 100%{opacity:1} } @keyframes fadeIn{ 0%{opacity:0} 100%{opacity:1} } .active .fadeIn i{-webkit-animation:fadeIn 1s both;-moz-animation:fadeIn 1s both;animation:fadeIn 1s both} @media screen and (min-width:1025px){ .gray img{-webkit-filter:grayscale(100%);filter:grayscale(100%)} .gray:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)} .scapic:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} .transY{-webkit-transform:translateY(60px);-moz-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px);opacity:0;visibility:hidden} .transYF{-webkit-transform:translateY(-60px);-moz-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px);opacity:0;visibility:hidden} .transX{-webkit-transform:translateX(60px);-moz-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px);opacity:0;visibility:hidden} .transXF{-webkit-transform:translateX(-60px);-moz-transform:translateX(-60px);-ms-transform:translateX(-60px);transform:translateX(-60px);opacity:0;visibility:hidden} .active .transX,.active .transXF,.active .transY,.active .transYF{-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0);opacity:1;visibility:visible} .trans{-webkit-transition:.7s ease-out;-moz-transition:.7s ease-out;transition:.7s ease-out} .dly-1{-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s} .dly-2{-webkit-transition-delay:.2s;-moz-transition-delay:.2s;transition-delay:.2s} .dly-3{-webkit-transition-delay:.3s;-moz-transition-delay:.3s;transition-delay:.3s} .dly-4{-webkit-transition-delay:.4s;-moz-transition-delay:.4s;transition-delay:.4s} .dly-5{-webkit-transition-delay:.5s;-moz-transition-delay:.5s;transition-delay:.5s} .dly-6{-webkit-transition-delay:.6s;-moz-transition-delay:.6s;transition-delay:.6s} .dly-7{-webkit-transition-delay:.7s;-moz-transition-delay:.7s;transition-delay:.7s} .dly-8{-webkit-transition-delay:.8s;-moz-transition-delay:.8s;transition-delay:.8s} .am-fid,.am-fil,.am-fir,.am-fiu,.am-lsi{opacity:0} .active .am-lsi{-webkit-animation:lightSpeedIn .8s both;-moz-animation:lightSpeedIn .8s both;animation:lightSpeedIn .8s both} .active .am-fiu{-webkit-animation:fadeInUp .8s both;-moz-animation:fadeInUp .8s both;animation:fadeInUp .8s both} .active .am-fid{-webkit-animation:fadeInDown .8s both;-moz-animation:fadeInDown .8s both;animation:fadeInDown .8s both} .active .am-fir{-webkit-animation:fadeInRight .8s both;-moz-animation:fadeInRight .8s both;animation:fadeInRight .8s both} .active .am-fil{-webkit-animation:fadeInLeft .8s both;-moz-animation:fadeInLeft .8s both;animation:fadeInLeft .8s both} .active .am-rvv{position:relative} .active .am-rvv:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#000;-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;transform-origin:0 0 0;-webkit-animation:reveal-v 2s .2s cubic-bezier(0,0,.2,1) both;-moz-animation:reveal-v 2s .2s cubic-bezier(0,0,.2,1) both;animation:reveal-v 2s .2s cubic-bezier(0,0,.2,1) both} .active .am-rvl{position:relative} .active .am-rvl:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#000;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;transform-origin:0 0 0;-webkit-animation:reveal-l 2s .2s cubic-bezier(0,0,.2,1) both;-moz-animation:reveal-l 2s .2s cubic-bezier(0,0,.2,1) both;animation:reveal-l 2s .2s cubic-bezier(0,0,.2,1) both} .active .am-delay-1{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s} .active .am-delay-2{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s} .active .am-delay-3{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s} .active .am-delay-4{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s} .active .am-delay-5{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s} .active .am-delay-6{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s} .active .am-delay-7{-webkit-animation-delay:.7s;-moz-animation-delay:.7s;animation-delay:.7s} .active .am-delay-8{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;animation-delay:.8s} .active .am-delay-9{-webkit-animation-delay:.9s;-moz-animation-delay:.9s;animation-delay:.9s} .active .am-delay-10{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s} .active .am-delay-11{-webkit-animation-delay:1.1s;-moz-animation-delay:1.1s;animation-delay:1.1s} .active .am-delay-12{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;animation-delay:1.2s} } .bubbly-button:after,.bubbly-button:before{position:absolute;content:"";display:block;width:140%;height:100%;left:-20%;-webkit-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;transition:all ease-in-out .5s;background-repeat:no-repeat} .bubbly-button:before{display:none;top:-75%;background-image:-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,transparent 20%,#0079c3 20%,transparent 30%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,transparent 10%,#0079c3 15%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%);background-image:-moz- oldradial-gradient(circle,#0079c3 20%,transparent 20%),-moz- oldradial-gradient(circle,transparent 20%,#0079c3 20%,transparent 30%),-moz- oldradial-gradient(circle,#0079c3 20%,transparent 20%),-moz- oldradial-gradient(circle,#0079c3 20%,transparent 20%),-moz- oldradial-gradient(circle,transparent 10%,#0079c3 15%,transparent 20%),-moz- oldradial-gradient(circle,#0079c3 20%,transparent 20%),-moz- oldradial-gradient(circle,#0079c3 20%,transparent 20%),-moz- oldradial-gradient(circle,#0079c3 20%,transparent 20%),-moz- oldradial-gradient(circle,#0079c3 20%,transparent 20%);background-image:radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,transparent 20%,#0079c3 20%,transparent 30%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,transparent 10%,#0079c3 15%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%} .bubbly-button:after{display:none;bottom:-75%;background-image:-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,transparent 10%,#0079c3 15%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%);background-image:-moz- oldradial-gradient(circle,#0079c3 20%,transparent 20%),-moz- oldradial-gradient(circle,#0079c3 20%,transparent 20%),-moz- oldradial-gradient(circle,transparent 10%,#0079c3 15%,transparent 20%),-moz- oldradial-gradient(circle,#0079c3 20%,transparent 20%),-moz- oldradial-gradient(circle,#0079c3 20%,transparent 20%),-moz- oldradial-gradient(circle,#0079c3 20%,transparent 20%),-moz- oldradial-gradient(circle,#0079c3 20%,transparent 20%);background-image:radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,transparent 10%,#0079c3 15%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,10% 10%,20% 20%} @-webkit-keyframes topBubbles{ 0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%} 50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%} 100%{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0 0,0 0,0 0,0 0,0 0,0 0} } @-moz-keyframes topBubbles{ 0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%} 50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%} 100%{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0 0,0 0,0 0,0 0,0 0,0 0} } @keyframes topBubbles{ 0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%} 50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%} 100%{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0 0,0 0,0 0,0 0,0 0,0 0} } @-webkit-keyframes bottomBubbles{ 0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0} 50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0} 100%{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0 0,0 0,0 0,0 0,0 0,0 0} } @-moz-keyframes bottomBubbles{ 0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0} 50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0} 100%{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0 0,0 0,0 0,0 0,0 0,0 0} } @keyframes bottomBubbles{ 0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0} 50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0} 100%{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0 0,0 0,0 0,0 0,0 0,0 0} } @media screen and (min-width:1025px){ .bubbly-button:hover:before{display:block;-webkit-animation:topBubbles ease-in-out .75s forwards;-moz-animation:topBubbles ease-in-out .75s forwards;animation:topBubbles ease-in-out .75s forwards} .bubbly-button:hover:after{display:block;-webkit-animation:bottomBubbles ease-in-out .75s forwards;-moz-animation:bottomBubbles ease-in-out .75s forwards;animation:bottomBubbles ease-in-out .75s forwards} } @-webkit-keyframes zoomIn{ 0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 50%{opacity:1} } @-moz-keyframes zoomIn{ 0%{opacity:0;-moz-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 50%{opacity:1} } @keyframes zoomIn{ 0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-moz-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 50%{opacity:1} } .active .zoomIn i{-webkit-animation:zoomIn .8s both;-moz-animation:zoomIn .8s both;animation:zoomIn .8s both} .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 *{-moz-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);-moz-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:#000;opacity:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(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;-moz-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);-moz-transition:transform 333ms cubic-bezier(.4,0,.22,1),-moz-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1),-webkit-transform 333ms cubic-bezier(.4,0,.22,1),-moz-transform 333ms cubic-bezier(.4,0,.22,1)} .pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);-moz-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;-moz-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;-moz-transition:opacity .2s;transition:opacity .2s;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,.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{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,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-image:url(../images/default-skin.svg)} .pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0} } .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{background:0 0;top:50%;margin-top:-50px;width:70px;height:100px;position:absolute} .pswp__button--arrow--left{left:0} .pswp__button--arrow--right{right:0} .pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:35px;background-color:rgba(0,0,0,.3);height:30px;width:32px;position:absolute} .pswp__button--arrow--left:before{left:6px;background-position:-138px -44px} .pswp__button--arrow--right:before{right:6px;background-position:-94px -44px} .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;-moz-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;box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);-moz-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;-moz-transition:transform .25s,-moz-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s,-moz-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);-moz-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{position:absolute;left:0;top:0;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 small{font-size:11px;color:#bbb} .pswp__caption__center{text-align:left;max-width:420px;margin:0 auto;font-size:13px;padding:10px;line-height:20px;color:#ccc} .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;-moz-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(../images/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;-moz-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;-moz-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{-moz-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)} } @-moz-keyframes clockwise{ 0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)} } @keyframes clockwise{ 0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);-moz-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)} } @-moz-keyframes donut-rotate{ 0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)} 50%{-webkit-transform:rotate(-140deg);-moz-transform:rotate(-140deg);transform:rotate(-140deg)} 100%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)} } @keyframes donut-rotate{ 0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)} 50%{-webkit-transform:rotate(-140deg);-moz-transform:rotate(-140deg);transform:rotate(-140deg)} 100%{-webkit-transform:rotate(0);-moz-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);-moz-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:0} .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} .header{height:104px;line-height:24px} .header .logo{float:left;margin:25px 0 0 2%;width:415px} .header .logo .m{display:none} .header .nav{float:right;} .header .nav li{float:left;position:relative} .header .nav li>a{display:block;position:relative;padding:40px 22px;font-size:15px;font-weight:700} .header .nav li>a:before{content:"";position:absolute;z-index:9;bottom:7px;left:50%;margin-left:-3px;width:6px;height:6px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);opacity:0;visibility:hidden;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .header .nav li>a.act,.header .nav li>a.act2,.header .nav li>a:hover{background:#306ea7;color:#fff} .header .nav li>a.act2:before{bottom:-3px;opacity:1;visibility:visible} .header .pull-nav{position:absolute;left:0;right:0;top:100%;padding:15px 0;background:#306ea7;display:none} .header .pull-nav a{display:block;padding:7px 5px;text-align:center;line-height:1.4;color:#fff} .header .pull-nav a:hover{background:#629ed6} .mtop{height:104px} .menu-handler{background:#306ea7} .menu-handler .burger{background:#fff} .menu-handler.active{background:0 0} .menu-handler.active .burger{background:#306ea7} .navMobile{border-top:10px solid #306ea7;padding-top:50px} .navMobile a{display:block;padding-right:15px;padding-left:35px;line-height:1.4} .navMobile dd>a{padding-top:12px;padding-bottom:12px;font-size:18px;color:#333} .navMobile dd>a.act{background:#306ea7;color:#fff} .navMobile .mtv{background:#e5e5e5;padding:10px 0;display:none} .navMobile .mtv a{padding-top:6px;padding-bottom:6px;font-size:16px} .footer{background:#333;padding:50px 0;font-size:12px;line-height:24px;color:#999} .footer a{color:#999} @media screen and (min-width:1025px){ .footer a:not(.na):hover{color:#306ea7} } .footer .foo-links{margin-bottom:5px} .footer .l{padding-top:30px} .foo-links{font-size:14px} .foo-links a{color:#fff} .foo-ma{width:85px} .foo-ma .icon{margin-top:6px;background:#306ea7;color:#fff;font-size:12px;text-align:center} .foo-ma .icon:before{font-size:14px;margin-right:4px} .pbanner{color:#fff} .pbanner a{color:#fff} .pbanner .txts{position:absolute;top:0;bottom:0;left:5%;right:5%;text-align:center} .pbanner .ch{font-size:50px;font-weight:700} .pbanner .en{margin-top:10px;font-size:24px;text-transform:uppercase} .pbanner .con{ padding-top: 15px; font-size: 16px;} .pbanner .con span{ margin-left: 10px;} .pbanner .con span:first{ margin-left: 0;} .pnav{height:60px;border-bottom:1px solid #f2f2f2;line-height:24px} @media screen and (max-width:1024px){ .pnav{position:relative;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch} } @media screen and (max-width:641px){ .pic2>img{ width: 120%; margin-left: -10%;} .pnav{height:50px} .pbanner .con{ font-size: 12px; padding-top: 10px;} } @media screen and (max-width:1024px){ .pnav ul{position:absolute;top:0;left:5%;padding-right:5%;white-space:nowrap;min-width:100%;-moz-box-sizing:border-box;box-sizing:border-box} } .pnav a{display:block;padding:18px 0;color:#999} @media screen and (max-width:641px){ .pnav a{padding:13px 0} } .pnav a:before{content:"";display:inline-block;vertical-align:middle;margin-right:8px;width:12px;height:12px;border-radius:100%;border:3px solid #f2f2f2;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .pnav a.act:before{border-color:#306ea7} @media screen and (min-width:1025px){ .pnav a:hover:before{border-color:#306ea7} } .pnav li+li{margin-left:116px} @media screen and (max-width:1366px){ .pnav li+li{margin-left:96px} } @media screen and (max-width:601px){ .pnav li+li{margin-left:16vw} } .banner .slick-dots{bottom:40px} .banner .slick-dots li{border:3px solid #fff;background:0 0;cursor:pointer} @media screen and (min-width:1025px){ .banner .slick-dots li:hover{background:#fff} } .banner .slick-dots .slick-active{background:#fff} .banner .txts{position:absolute;left:5%;right:5%;top:0;bottom:0;color:#fff} .banner .txts .ch{font-size:80px;font-weight:700} .banner .txts .en{position:relative;margin-top:10px;padding-top:15px;text-transform:uppercase;font-size:24px} .banner .txts .en:before{content:"";position:absolute;top:0;left:50%;margin-left:-72px;width:144px;height:1px;background:#fff} .banner .pic2{position:absolute;top:0;left:0} .banner-video{position:absolute;z-index:199;bottom:30px;right:50px;width:168px;background:#fff;cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .banner-video .pai{border:2px solid #fff;padding-bottom:51.19048%;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .banner-video .pai:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:url(../images/black5.png)} .banner-video .sj{position:absolute;z-index:9;left:50%;top:50%;margin:-8px 0 0 -7px;border-top-width:8px;border-bottom-width:8px;border-left-width:14px;color:#fff;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .banner-video .nowti{padding:0 5%;line-height:28px;text-align:center;font-size:12px} @media screen and (min-width:1025px){ .banner-video:hover{background:#306ea7;color:#fff} .banner-video:hover .pai{border-color:#306ea7} .banner-video:hover .sj{color:#306ea7} } .hot-news{width:66.7%;float:left} .hot-news .ix-ti{margin-bottom:22px} .hot-news-list{background:#306ea7} .hot-news-list .item>a{display:block;overflow:hidden;color:#fff} @media screen and (min-width:1025px){ .hot-news-list .item>a:hover .view-more{background:#fff;color:#306ea7} } .hot-news-list .picbox{width:62%;float:left} .hot-news-list .pai{padding-bottom:80.18868%} .hot-news-list .pai:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:url(../images/shadow.png) repeat-x left bottom} .hot-news-list .txts{padding:55px 25px 0 25px;overflow:hidden} .hot-news-list .date{margin-bottom:20px;font-size:12px} .hot-news-list .nowti{padding-bottom:14px;margin-bottom:32px;border-bottom:1px solid #fff;font-size:18px} .hot-news-list .tx{margin-bottom:50px;height:96px} .hot-news-list .slick-dots{right:auto;bottom:20px;width:62%} .hot-news-list .slick-dots li{background:#fff} @media screen and (min-width:1025px){ .hot-news-list .slick-dots li:hover{background:#306ea7} } .hot-news-list .slick-dots .slick-active{background:#306ea7} .btn{display:inline-block;vertical-align:bottom;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .view-more{width:118px;border:1px solid #fff;line-height:26px;text-align:center;white-space:nowrap;font-size:12px} .ix-ti{line-height:1.4;font-size:16px;color:#333} .ix-ti:before{content:"";margin:0 15px 5px 0;display:inline-block;vertical-align:bottom;width:12px;height:12px;border-radius:100%;border:3px solid #306ea7;-moz-box-sizing:border-box;box-sizing:border-box} .ix-news{float:right;width:30.4%} .ix-news .in-nav{margin-bottom:45px} .in-nav li{float:left;cursor:pointer} .in-nav li+li{margin-left:40px} .in-nav li.act .ix-ti{color:#306ea7} @media screen and (min-width:1025px){ .in-nav li:hover .ix-ti{color:#306ea7} } .in-list a{display:block;line-height:42px;color:#333;font-size:15px;overflow:hidden} @media screen and (min-width:1025px){ .in-list a:hover{color:#306ea7} } .in-list .date{float:right;margin-left:20px;color:#999;font-size:13px} .in-list .nowti{line-height:42px} .in-list .nowti:before{content:"";display:inline-block;vertical-align:middle;margin-right:15px;width:4px;height:4px;background:#999} .in-list li{display:none} .ix1{padding:55px 0 80px 0} .pbg{background:#f2f2f2} .ix-link-list li{width:33.33%;float:left} .ix-link-list li+li a{border-bottom:1px solid #e5e5e5} .ix-link-list a{display:block;background:#fff;border-right:1px solid #e5e5e5} @media screen and (min-width:1025px){ .ix-link-list a:hover{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)} } .ix-link-list .pai{padding-bottom:70.42254%} .ix-link-list .txts{height:65px;padding:20px 30px 0 30px;-moz-box-sizing:border-box;box-sizing:border-box} .ix-link-list .nowti{color:#306ea7;font-size:18px} .ix-link-list .tx{height:48px;display:none} .ix-link-list .about{height:366px;padding:40px 30px 0 30px;background:url(../images/bg.jpg) no-repeat;background-size:cover;-moz-box-sizing:border-box;box-sizing:border-box;color:#c5dae5} .ix-link-list .about .nowti{color:#fff} .ix-link-list .about .tx{height:72px} .ia-nums{color:#fff;overflow:hidden} .ia-nums p{width:50%;float:left;margin-top:30px;line-height:1} .ia-nums span{display:block;margin-top:5px} .ia-nums i{margin-right:10px;font-weight:700;font-size:46px} .ix3{padding:80px 0} .ix-community a{display:block;position:relative;padding-top:55px;height:188px;background:url(../img/ix_bg1.jpg) no-repeat center;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;text-align:center} .ix-community a:before{content:"";position:absolute;top:25px;bottom:25px;right:25px;left:25px;border:1px solid #fff;border-color:rgba(255,255,255,.4);-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} @media screen and (min-width:1025px){ .ix-community a:hover:before{border-color:rgba(255,255,255,.8)} .ix-community a:hover .icon{-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)} } .ix-community .nowti{margin-bottom:12px;font-weight:700;font-size:26px} .ix-community .icon{display:inline-block;vertical-align:bottom;width:26px;height:26px;border-radius:100%;border:2px solid #fff;font-size:14px;line-height:26px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .ix4{padding:60px 0} .ip-imgs .item>a{display:block;position:relative;color:#fff} .ip-imgs .pai{padding-bottom:28.64583%} .ip-imgs .slick-dots{display:none!important} .ip-imgs .nowti{position:absolute;left:0;right:0;bottom:0;padding:0 35% 0 5%;line-height:50px;font-size:16px;background:url(../images/black5.png);display:none} .ix2{position:relative} .ix2 .ip-title{position:absolute;top:40px;left:0;right:0;z-index:196;color:#fff} .ix2 .ip-title .b{float:left;margin-right:9.14063%} .ix2 .ip-title .logo{float:left;margin-top:10px} .ix2 .ip-title .logo .m{display:none} .ip-nav{position:absolute;z-index:200;top:0;bottom:0;right:50%;margin-right:-640px;width:430px} .ip-nav a{color:#fff} .ip-nav a.act .tbc:before{top:0;bottom:auto;height:100%} .ip-nav a.act .icon{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible} .ip-nav li{height:16.66%;-moz-box-sizing:border-box;box-sizing:border-box;background:url(../images/black5.png);background:rgba(0,0,0,.4)} .ip-nav li+li{border-top:1px solid #fff;border-color:rgba(255,255,255,.2)} .ip-nav .tbc{position:relative;z-index:1;padding:0 80px 0 40px} .ip-nav .tbc:before{z-index:-1;content:"";position:absolute;top:auto;bottom:0;right:0;width:100%;height:0;background:#fff;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;background:url(../images/bg.png)} .ip-nav .nowti{line-height:50px;font-size:18px} .ip-nav .ico{display:inline-block;vertical-align:bottom;width:50px;height:50px;background-position:left center} .ip-nav .icon{position:absolute;right:35px;top:50%;margin-top:-13px;width:26px;height:26px;border-radius:100%;background:#fff;color:#306ea7;text-align:center;font-size:12px;line-height:26px;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);opacity:0;visibility:hidden;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .ip-title .ch{font-size:24px;font-weight:700} .ip-title .en{margin-top:20px;font-size:18px} .ip-title .b{border-left:1px solid #fff;padding-left:15px} .pw2{width:1200px;margin:0 auto} .ab-title{color:#999} .ab-title .ch{font-size:30px;font-weight:700;color:#333} .ab-title .en{font-size:24px} .ab-title.white{color:#fff} .ab-title.white .ch{color:#fff} .ab1{padding:80px 0 100px 0} .ab1 .ab-title{margin-bottom:40px} .ab1 .ab-data{margin-top:60px} .ab-data li{overflow:hidden;text-align:left;line-height:1} .ab-data li+li{margin-left:80px} .ab-data .icon{float:left;padding-top:10px;margin-right:10px;font-size:48px} .ab-data p{overflow:hidden} .ab-data p span{display:block;margin-top:3px} .ab-data p i{margin-right:5px;font-size:46px;font-weight:700;color:#c70606} .ab2{padding:120px 0;background:#306ea7 url(../images/bg1.jpg) no-repeat center;background-size:cover;color:#fff} .ab2 .his-box{margin-top:90px} .his-a{position:relative;margin:0 18px;height:410px;text-align:center;-moz-box-sizing:border-box;box-sizing:border-box} .his-a .pic{border:3px solid #fff;height:160px;border-radius:25px} .his-a .sj{position:absolute;left:50%;margin-left:-10px;border-left:10px solid transparent;border-right:10px solid transparent;color:#fff} .his-a .date{font-size:30px;line-height:1} .his-a .text{margin-top:2px;font-size:18px} .his-a .picbox{overflow:visible} .his-a .picbox:before{content:"";position:absolute;left:50%;margin-left:-8px;width:16px;height:16px;border-radius:100%;background:#fff} .slick-arrow{font-family:iconfont!important;text-align:center} .slick-prev:before{content:"\e660"} .slick-next:before{content:"\e65f"} .his-list{width:1430px;margin:0 auto;overflow:visible} .his-list .item1 .picbox{padding-bottom:39px} .his-list .item1 .picbox:before{bottom:-8px} .his-list .item1 .sj{border-top:9px solid;bottom:30px} .his-list .item1 .txts{padding-top:30px} .his-list .item2 .his-a{padding-top:118px} .his-list .item2 .picbox{padding-top:39px;position:absolute;bottom:0;left:0;right:0} .his-list .item2 .picbox:before{top:-8px} .his-list .item2 .sj{border-bottom:9px solid;top:30px} .his-list .item2 .txts{padding-bottom:30px} .his-list .slick-arrow{margin-top:-26px;width:52px;height:52px;border-radius:100%;background:#fff;color:#306ea7;font-size:16px;font-weight:700;line-height:52px} @media screen and (min-width:1025px){ .his-list .slick-arrow:hover{background:#629ed6} } .his-list .slick-prev{left:-157px} .his-list .slick-next{right:-157px} .his-box{position:relative} .his-box:before{content:"";position:absolute;left:0;right:0;top:50%;margin-top:-1px;height:2px;background:#fff} .cul-list{margin-left:-30px} .cul-list li{width:33.33%;float:left;margin-bottom:30px} .cul-list .ma{position:relative;margin-left:30px;color:#fff} @media screen and (min-width:1025px){ .cul-list .ma:hover .txts{padding-bottom:40%} .cul-list .ma:hover .pai:after{opacity:1;visibility:visible} } .cul-list .pai{padding-bottom:116.84211%} .cul-list .pai:after,.cul-list .pai:before{content:"";position:absolute;z-index:1;top:0;bottom:0;left:0;right:0;background:url(../images/black5.png)} .cul-list .pai:before{background:rgba(0,0,0,.3)} .cul-list .pai:after{background:rgba(48,110,167,.9);opacity:0;visibility:hidden;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .cul-list .txts{position:absolute;left:0;right:0;z-index:9;bottom:0;padding:0 5% 15% 5%;text-align:center;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .cul-list .icon{line-height:1;margin-bottom:15px;display:block;font-size:50px} .cul-list .ti{margin-bottom:2px;font-size:26px;font-weight:700} .cul-list .text{position:relative;padding-bottom:7px;font-size:18px} .cul-list .text:before{content:"";position:absolute;left:50%;bottom:0;margin-left:-10px;width:20px;height:1px;background:#fff} .ab3{padding:80px 0 70px 0} .ab3 .cul-list{margin-top:60px} .honor-arrow .slick-arrow{width:52px;height:52px;border-radius:100%;margin-top:-26px;border:3px solid #ccc;background:0 0;color:#ccc;font-weight:700;font-size:18px;line-height:46px;-moz-box-sizing:border-box;box-sizing:border-box} @media screen and (min-width:1025px){ .honor-arrow .slick-arrow:hover{border-color:#306ea7;color:#306ea7} } .honor-list{padding:0 98px} .honor-list .item>a{display:block;position:relative;margin:0 12px;color:#fff} .honor-list .item>a:hover .pai:after{opacity:1;visibility:visible} .honor-list .item>a:hover .view-img-btn{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible} .honor-list .pai{padding-bottom:64.51613%} .honor-list .pai:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:url(../images/black5.png);background:rgba(48,110,167,.8);opacity:0;visibility:hidden;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .honor-list .view-img-btn{position:absolute;left:0;right:0;z-index:9;top:50%;margin-top:-27px} .view-img-btn{display:block;text-align:center;font-size:14px;line-height:1;-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);opacity:0;visibility:hidden;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .view-img-btn:before{display:block;margin-bottom:10px;font-size:30px} .ab4{padding:80px 0 100px 0} .ab4 .honor-list{margin-top:60px} .ab4 .ab-title{margin-bottom:40px} .imgShowBox{position:fixed;z-index:9999;top:0;bottom:0;left:0;right:0;background:url(../images/black5.png);background:rgba(0,0,0,.8);opacity:0;visibility:hidden;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s} .imgShowBox .arrow,.imgShowBox .imgShowDemo .text,.imgShowBox .top-bar{z-index:99;background:url(../images/black5.png);background:rgba(0,0,0,.3);text-align:center;color:#fff} .imgShowBox .arrow,.imgShowBox .close{cursor:pointer;-webkit-transition:background .3s;-moz-transition:background .3s;transition:background .3s} @media screen and (min-width:1025px){ .imgShowBox .arrow:hover,.imgShowBox .close:hover{background:#306ea7} } .imgShowBox .imgShowDemo .text,.imgShowBox .top-bar{position:absolute;left:0;right:0} .imgShowBox .top-bar{top:0;height:44px;line-height:44px;overflow:hidden} .imgShowBox .close{float:right;width:44px;font-size:18px;font-weight:700} .imgShowBox .counter{float:left;margin-left:10px} .imgShowBox .arrow{position:absolute;top:50%;margin-top:-15px;width:32px;height:30px;line-height:30px;font-size:14px} .imgShowBox .prev{left:6px} .imgShowBox .next{right:6px} .imgShowBox .imgShowDemo{height:100%} .imgShowBox .imgShowDemo .img{position:absolute;top:0;bottom:0;left:0;right:0;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;margin:auto} .imgShowBox .imgShowDemo .text{bottom:0;padding:10px 5%} .imgShowBox.show{opacity:1;visibility:visible} .ab5{padding:90px 0} .ab5 a{color:#fff} @media screen and (min-width:1025px){ .ab5 a:hover .icon{-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)} } .ab5 .icon{display:inline-block;vertical-align:bottom;margin-top:20px;width:30px;height:30px;border-radius:100%;border:2px solid #fff;line-height:26px;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .periodical-list{margin-left:-20px} .periodical-list li{width:33.33%;float:left;margin-bottom:20px} .periodical-list a{display:block;position:relative;margin-left:20px;color:#fff} .periodical-list .pai{padding-bottom:119.17098%} .periodical-list .more,.periodical-list .txts{position:absolute;left:0;right:0;padding:0 12.95337%} .periodical-list .txts{top:0;padding-top:12.95337%} .periodical-list .more{bottom:0;padding-bottom:11.65803%} .periodical-list .ch{font-size:18px;font-weight:700} .periodical-list .en{margin-top:1px;font-size:16px} .periodical-list .phase{margin-top:15px} .ab-more{width:120px;height:40px;border:2px solid #fff;text-align:center;line-height:36px;-moz-box-sizing:border-box;box-sizing:border-box} @media screen and (min-width:1025px){ .ab-more-h:hover .ab-more{background:#fff;color:#306ea7} } .pager a{width:60px;height:60px;margin:0 10px;background:#fff;border:2px solid #e5e5e5;-moz-box-sizing:border-box;box-sizing:border-box;line-height:56px} .pager a.act{background:#306ea7;border-color:#306ea7;color:#fff} @media screen and (min-width:1025px){ .pager a:hover{background:#306ea7;border-color:#306ea7;color:#fff} } .pager .arrow{width:120px;margin:0 30px} .ab6{padding:70px 0 90px 0} .ab6 .periodical-list{margin-bottom:40px} .sos-box{position:fixed;left:10%;right:10%;top:50%;margin-top:-312px;text-align:center} .sos-box img{vertical-align:bottom;max-width:100%} .sos-box .tx1{margin-top:70px;font-size:30px;line-height:1.4;font-weight:700;color:#333} .sos-box .tx2{margin-bottom:23px} .sos-box a{width:160px;height:50px;background:#306ea7;color:#fff;line-height:50px} @media screen and (min-width:1025px){ .sos-box a:hover{background:#666} } .news-list{margin-left:-20px} .news-list li{width:33.33%;float:left;margin-bottom:20px} .news-list a{display:block;position:relative;background:#fff;margin-left:20px} .news-list a:before{content:"";position:absolute;left:auto;right:0;bottom:0;width:0;height:10px;background:#306ea7;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s} @media screen and (min-width:1025px){ .news-list a:hover:before{left:0;right:auto;width:100%} .news-list a:hover .news-date{background:#306ea7} .news-list a:hover .nowti{color:#306ea7} } .news-list .pai{padding-bottom:59.43152%} .news-list .news-date{position:absolute;top:0;left:20px} .news-list .txts{height:180px;padding:25px 20px 0 20px;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden} .news-list .nowti{font-size:18px;color:#333;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .news-list .tx{margin-top:7px;height:48px} .news-list .more{display:block;margin-top:30px;font-size:12px;line-height:20px;overflow:hidden} .news-list .icon{float:right;font-size:24px} .news-date{width:58px;height:58px;padding-top:8px;background:#ccc;color:#fff;line-height:1;text-align:center;font-size:12px;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .news-date span{display:block} .news-date .d{font-size:28px} .ab6 .news-list{margin-bottom:40px} .notice-list{margin-left:-30px} .notice-list li{width:50%;float:left;margin-bottom:30px} .notice-list a{display:block;height:175px;padding:30px 35px 0 35px;background:#fff;margin-left:30px;-moz-box-sizing:border-box;box-sizing:border-box;overflow:hidden} @media screen and (min-width:1025px){ .notice-list a:hover{background:#306ea7;color:#fff} .notice-list a:hover .ti{color:#fff} .notice-list a:hover .more{padding-right:30px} .notice-list a:hover .icon{opacity:1;visibility:visible;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none} } .notice-list .pic{width:150px;float:left;margin-right:35px} .notice-list .txts{overflow:hidden} .notice-list .ti{font-size:18px;color:#333;height:50px;margin-bottom:32px;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .notice-list .clearfix{line-height:20px} .notice-list .date{float:left;font-style:italic} .notice-list .more{float:right;position:relative;padding-right:0;-webkit-transition:padding .3s;-moz-transition:padding .3s;transition:padding .3s} .notice-list .icon{display:block;position:absolute;top:0;right:0;font-size:22px;-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px);opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility .3s,-webkit-transform .3s;transition:opacity .3s,visibility .3s,-webkit-transform .3s;-moz-transition:transform .3s,opacity .3s,visibility .3s,-moz-transform .3s;transition:transform .3s,opacity .3s,visibility .3s;transition:transform .3s,opacity .3s,visibility .3s,-webkit-transform .3s,-moz-transform .3s} .ab6 .notice-list{margin-bottom:30px} .nd-pw{margin:0 auto;width:1000px} .nd-t{border-bottom:10px solid #306ea7;position:relative;padding:130px 0 80px 0} .nd-t .sj{position:absolute;top:100%;left:50%;margin:10px 0 0 -10px;color:#306ea7;border-left-width:10px;border-right-width:10px;border-top-width:12px} .nd-t .ti{margin-bottom:15px;font-weight:700;color:#333;font-size:30px} .nd-t .fib{line-height:24px;color:#999} .nd-t .ib+.ib{margin-left:35px} .share p{float:left;margin-right:2px} .share a{background:0 0!important;line-height:24px!important;height:auto!important;font-size:22px!important;color:#999!important;opacity:1!important} .share a+a{margin-left:12px!important} @media screen and (min-width:1025px){ .share a:hover{color:#306ea7!important} } .nd-b{padding:80px 0 100px 0} .nd-b .nd-back{margin-top:60px} .nd-back{height:60px} .nd-back .icon{position:fixed;z-index:299;top:50%;margin-top:-26px;width:52px;height:52px;border-radius:100%;line-height:52px;font-size:18px;font-weight:700} .nd-back a{display:block;background:#ccc;text-align:center;color:#fff} @media screen and (min-width:1025px){ .nd-back a:hover{background:#306ea7;color:#fff} } .nd-back .back{width:160px;margin:0 auto;line-height:60px} .nd-back .icon-xiangzuojiantou{left:4.58333%} .nd-back .icon-xiangyoujiantou{right:4.58333%} .pd-t{padding:0 0 100px 0!important} .pd-t .t{background:#306ea7;padding:130px 0 80px 0;color:#fff} .pd-t .t .fib,.pd-t .t .ti{color:#fff} .pd-t .t .share a{color:#fff!important} @media screen and (min-width:1025px){ .pd-t .t .share a:hover{opacity:.7!important} } .pd-t .pd-imgs{margin-top:100px} .pd-imgs{overflow:visible} .pd-imgs .pai{padding-bottom:60%} .pd-imgs .slick-prev{left:-140px} .pd-imgs .slick-next{right:-140px} .pd-imgs .slick-dots{display:none!important} .pd-arrow .slick-arrow{top:50%;margin-top:-26px;width:52px;height:52px;border-radius:100%;background:#ccc;line-height:52px;font-weight:700;font-size:18px;color:#fff} @media screen and (min-width:1025px){ .pd-arrow .slick-arrow:hover{background:#306ea7} } .pd-back{height:auto;padding:30px 0} .pd-back a{background:#fff;line-height:60px;color:#999} .pd-back .back{float:right} .pd-back .arrow{float:left;width:120px;margin-right:15px} .nd-b .ti{font-weight:700;color:#333;font-size:30px} .nd-b .func-table{margin-top:30px} .func-table table{width:100%} .func-table td,.func-table th{border:1px solid #ccc;padding:25px} .func-table th{width:12%;background:#f2f2f2;font-weight:400;text-align:center} .func-table td{width:38%} .pro-list{margin-left:-20px} .pro-list li{width:33.33%;float:left;margin-bottom:20px} .pro-list a{display:block;position:relative;margin-left:20px;color:#fff} @media screen and (min-width:1025px){ .pro-list a:hover .pai:before{opacity:0;visibility:hidden} .pro-list a:hover .pai:after{opacity:1;visibility:visible} .pro-list a:hover .view-img-btn{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible} } .pro-list .pai{padding-bottom:79.27461%} .pro-list .pai:after,.pro-list .pai:before{content:"";position:absolute;z-index:9;top:0;bottom:0;left:0;right:0;background:url(../images/black5.png);-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .pro-list .pai:before{background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(0,0,0,.72) 100%);background:-moz- oldlinear-gradient(top,rgba(255,255,255,0) 0,rgba(0,0,0,.72) 100%);background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(0,0,0,.72) 100%)} .pro-list .pai:after{background:rgba(48,110,167,.8);opacity:0;visibility:hidden} .pro-list .view-img-btn{position:absolute;left:0;right:0;z-index:10;top:50%;margin-top:-27px} .pro-list .nowti{position:absolute;left:0;right:0;z-index:20;bottom:12px;padding:0 5%;text-align:center;font-size:18px} .ab6 .pro-list{margin-bottom:40px} .case-nav{background:#e5e5e5} .case-nav ul{text-align:left} .case-nav li{width:16.66%} .case-nav a{display:block;line-height:40px;white-space:nowrap;text-align:center;overflow:hidden} .case-nav a:before{content:"";display:inline-block;vertical-align:bottom;margin:0 8px 14px 0;width:12px;height:12px;border-radius:100%;border:3px solid #fff;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .case-nav a.act:before{border-color:#306ea7} @media screen and (min-width:1025px){ .case-nav a:hover:before{border-color:#306ea7} } .case-list{margin-left:-20px} .case-list li{width:33.33%;float:left;margin-bottom:20px} .case-list a{display:block;background:#fff;margin-left:20px} @media screen and (min-width:1025px){ .case-list a:hover .icon{background:#306ea7} } .case-list .pai{padding-bottom:59.43152%} .case-list .txts{height:80px;padding:0 20px;overflow:hidden} .case-list .nowti{line-height:80px;font-size:18px} .case-list .icon{float:right;margin:25px 0 0 10px;width:30px;height:30px;border-radius:100%;background:#ccc;font-size:12px;font-weight:700;line-height:30px;text-align:center;color:#fff;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .ab6 .case-nav{margin-bottom:30px} .ab6 .case-list{margin-bottom:40px} .down-list li+li{margin-top:15px} .down-list a{display:block;height:80px;background:#fff;overflow:hidden} @media screen and (min-width:1025px){ .down-list a:hover .date,.down-list a:hover .icon-xiazai{background:#306ea7} .down-list a:hover .nowti{color:#306ea7} } .down-list .date{float:left;margin-right:45px;width:80px;height:100%;padding-top:20px;background:#ccc;font-size:12px;text-align:center;line-height:1;color:#fff;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .down-list .date span{display:block} .down-list .date .d{font-size:28px} .down-list .icon-xiazai{float:right;margin-left:20px;width:80px;height:100%;background:#ccc;line-height:80px;text-align:center;font-size:34px;color:#fff;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .down-list .nowti{line-height:80px;font-size:18px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .down-list .nowti .icon{display:inline-block;vertical-align:bottom;margin-right:10px;color:#999;font-size:22px} .ab6 .down-list{margin-bottom:60px} .elegant-list{margin-left:-35px} .elegant-list li{width:33.33%;float:left;margin-bottom:35px} .elegant-list a{display:block;margin-left:35px;color:#fff} @media screen and (min-width:1025px){ .elegant-list a:hover .pai:after{opacity:1;visibility:visible} .elegant-list a:hover .view-img-btn{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible} } .elegant-list .pai{padding-bottom:66.40212%} .elegant-list .pai:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:url(../images/black5.png);background:rgba(48,110,167,.8);opacity:0;visibility:hidden;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .elegant-list .view-img-btn{position:absolute;left:0;right:0;z-index:9;top:50%;margin-top:-27px} .ab6 .elegant-list{margin-bottom:30px} .jb1{background:#fff;padding:100px 0 90px 0} .jb-ti{position:relative;padding-bottom:30px;line-height:1.4;font-size:30px} .jb-ti strong{color:#333} .jb-ti:before{content:"";position:absolute;bottom:0;left:50%;margin-left:-28px;width:56px;height:3px;background:#ccc} .job-list li+li{margin-top:10px} .job-list li:first-child .t{color:#fff;font-size:18px;cursor:default} .job-list li:first-child .t>div{background:#306ea7} .job-list li.act .t .add,.job-list li.act .t>div{background:#629ed6} .job-list li.act .t .add:after{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} .job-list li.act .t>div{color:#fff} @media screen and (min-width:1025px){ .job-list li:hover .t .add,.job-list li:hover .t>div{background:#629ed6} .job-list li:hover .t>div{color:#fff} } .job-list .t{overflow:hidden;background:#fff;cursor:pointer} .job-list .t>div{float:left;position:relative;height:60px;padding:0 5px;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .job-list .t>div+div{border-left:1px solid #f2f2f2} .job-list .t .nowti{line-height:60px} .job-list .j1{width:38.9%} .job-list .j2,.job-list .j4,.job-list .j5{width:10.8%} .job-list .j3{width:21.4%} .job-list .j6{width:7.3%;padding:0!important} .job-list .b{padding:45px 70px 35px 70px;background:#fff;display:none} .job-list .add{display:block;position:relative;height:100%;background:#ccc;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .job-list .add:after,.job-list .add:before{content:"";position:absolute;top:50%;left:50%;background:#fff;border-radius:2px;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .job-list .add:before{width:20px;height:2px;margin:-1px 0 0 -10px} .job-list .add:after{width:2px;height:20px;margin:-10px 0 0 -1px} .job-list .set-email{color:#fff} .set-email{display:block;width:120px;background:#ccc;text-align:center;color:#fff;line-height:40px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} @media screen and (min-width:1025px){ .set-email:hover{background:#306ea7} } .jb2{padding:80px 0 100px 0} .jb2 .ab-title{margin-bottom:40px} .jb2 .job-list{margin-bottom:60px} .load-more{display:inline-block;vertical-align:bottom} .branch-list li+li{margin-top:15px} .branch-list a{display:block;background:#fff;overflow:hidden} @media screen and (min-width:1025px){ .branch-list a:hover .nowti{color:#306ea7} .branch-list a:hover .set-email{background:#306ea7} } .branch-list .picbox{width:50%;float:right} .branch-list .pai{padding-bottom:43.16667%} .branch-list .txts{overflow:hidden;padding:45px 60px 0 60px} .branch-list .nowti{margin-bottom:10px;font-size:20px;color:#333;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .branch-list .tx{margin-bottom:30px;height:48px} .ab6 .branch-list{margin-bottom:60px} .bra-t{background-position:center center;background-repeat:no-repeat;background-size:cover;padding-bottom:110px} .bra-t .ti{margin-bottom:0;color:#fff} .bra-back a{-moz-box-sizing:border-box;box-sizing:border-box;border:2px solid #ccc} @media screen and (min-width:1025px){ .bra-back a:hover{border-color:#306ea7} } .bra-link{padding:40px 0} .bra-link .ti{float:left;margin-right:35px;font-weight:700;color:#333;font-size:20px} .bra-link .lk{display:block;padding-top:2px;overflow:hidden} @media screen and (min-width:1025px){ .bra-link .lk:hover{color:#306ea7;text-decoration:underline} } #map{height:700px;border-bottom:10px solid #306ea7} .contact-list{margin-left:-40px;line-height:24px;font-size:16px} .contact-list li{width:50%;float:left;margin-bottom:40px} .contact-list .ma{display:block;padding:25px 50px;background:#fff;margin-left:40px;overflow:hidden} .contact-list .nowti{float:left;width:140px;line-height:24px;font-size:20px;font-weight:700} .contact-list .icon{display:inline-block;vertical-align:bottom;width:30px;font-size:20px;color:#ccc;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} @media screen and (min-width:1025px){ .contact-list a:not(.na):hover{color:#306ea7} .contact-list a:not(.na):hover .icon{color:#306ea7} } .contact-list .item1{clear:both} .contact-list .text{overflow:hidden} .cta1{padding:80px 0 60px 0} .cta1 .ab-title{margin-bottom:40px} .marketing-map-box{width:962px;margin:0 auto} .marketing-map{position:relative;color:#fff} .marketing-map img{display:block;width:100%;height:796px} .marketing-map .dot{position:absolute;z-index:9;line-height:1;cursor:pointer} .marketing-map .dot>.icon{position:absolute;left:0;right:0;bottom:100%;padding-bottom:2px;text-align:center;font-size:28px} .marketing-map .dot.act{color:#c70606;z-index:20} .marketing-map .dot.act .map-info{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible} .marketing-map .icon:after{content:"";position:absolute;bottom:0;left:50%;margin-left:-10px;width:20px;height:10px;border-radius:50%;background:#fff;-webkit-animation:light 2s infinite;-moz-animation:light 2s infinite;animation:light 2s infinite} .marketing-map .jl{top:194px;right:89px} .marketing-map .ln{top:256px;right:121px} .marketing-map .tj{top:313px;right:208px} .marketing-map .bj{top:292px;right:232px} .marketing-map .nmg{top:284px;right:319px} .marketing-map .hb{top:346px;right:247px} .marketing-map .sd{top:383px;right:198px} .marketing-map .sx{top:377px;right:305px} .marketing-map .nx{top:376px;right:402px} .marketing-map .gs{top:395px;right:445px} .marketing-map .sxi{top:455px;right:370px} .marketing-map .xj{top:258px;right:722px} .marketing-map .sc{top:505px;right:463px} .marketing-map .sc .icon{color:#c70606} .marketing-map .sc .icon:after{background:#c70606} .marketing-map .yn{top:645px;right:494px} .marketing-map .gx{top:670px;right:342px} .marketing-map .hn{top:767px;right:323px} .marketing-map .gd{top:655px;right:253px} .marketing-map .fj{top:616px;right:168px} .marketing-map .hna{top:582px;right:289px} .marketing-map .jx{top:578px;right:216px} .marketing-map .zj{top:536px;right:140px} .marketing-map .sh{top:483px;right:113px} .marketing-map .js{top:448px;right:155px} .marketing-map .ah{top:468px;right:201px} .marketing-map .hbe{top:512px;right:261px} .marketing-map .hena{top:436px;right:265px} .marketing-map .gzh{top:595px;right:385px} .marketing-map .hlj{top:119px;right:59px} .marketing-map .jl{top:191px;right:90px} .marketing-map .qh{top:381px;right:575px} .marketing-map .xzh{top:470px;right:719px} .marketing-map .twa{top:657px;right:107px} .marketing-map .xga{top:694px;right:235px} .marketing-map .am{top:704px;right:263px} .marketing-map .chq{top:530px;right:375px} .marketing-map .map-info{position:absolute;z-index:99;bottom:100%;left:50%;margin-left:-132px;-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);opacity:0;visibility:hidden;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;cursor:default} .ser1{padding:55px 0 50px 0} .map-info{width:264px;padding-bottom:12px;color:#666; line-height: 1.8;} .map-info.hide{display:none} .map-info .b{position:relative;padding:20px 35px;border-radius:20px;background:#fff} .map-info .t{ font-size: 16px; color: #333; font-weight: bold; margin-bottom: 4px;} .map-info .name{ width: 62px; float: left; line-height: 1.8;} .map-info .tel:hover{ color: #3E5C9A; text-decoration: underline;} /* .map-info p{line-height:24px} .map-info p+p{margin-top:4px} .map-info .icon,.map-info strong{display:inline-block;vertical-align:bottom} .map-info .icon{width:25px;color:#ccc} .map-info strong{width:65px;font-size:16px} */ .map-info .sj{position:absolute;top:100%;left:50%;margin-left:-8px;border-left-width:8px;border-right-width:8px;border-top-width:9px;color:#fff} @-webkit-keyframes light{ 0%{opacity:1;-webkit-transform:scale(0);transform:scale(0)} 100%{opacity:0;-webkit-transform:scale(3);transform:scale(3)} } @-moz-keyframes light{ 0%{opacity:1;-moz-transform:scale(0);transform:scale(0)} 100%{opacity:0;-moz-transform:scale(3);transform:scale(3)} } @keyframes light{ 0%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)} 100%{opacity:0;-webkit-transform:scale(3);-moz-transform:scale(3);transform:scale(3)} } .investor-iframe{display:block;width:757px;max-width:100%;height:1107px;margin:0 auto} .pbanners{ position: relative;} .pbanners .pimg{ margin: 0; line-height: 1;} .pimg img{ display: block; width: 100%; height: auto; line-height: 1;} .servicet{ position: absolute; left: 50%; margin-left: -600px; bottom: 116px;} .servicet strong{ display: block; color: #FFFFFF; font-size: 50px; font-weight: bold; line-height: 1; margin-bottom: 15px;} .servicet small{ display: block; line-height: 1.2; color: #fff; font-size: 24px; font-family: arial; text-transform: uppercase;} .servicefix{ padding: 73px 0 64px; background: #FAFAFA; margin: auto;} .serlist{ width: 1200px; margin: auto;} .serlist li{ width: 48.3333%; background: #fff; float: left; margin-bottom: 32px;} .serlist li:nth-child(2n+2){ float: right;} .serlist li figure{ display: block; margin: 0;} .serlist li figure strong{ display: block; color: #707070; font-size: 24px; line-height: 1.2; font-weight: normal; padding: 32px 38px 30px; border-bottom: 1px solid #F2F2F2;} .sertext{ padding: 26px 38px 27px;} .sertext p{ color: #A4A4A4; font-size: 16px; line-height: 1.2; margin-bottom: 10px;} .sertext p span{ display: inline-block; margin-left: 7px;} .lager-box{ position: relative; float: right; display: block; width: 104px; border-left: 1px solid #F6F6F6; text-align: center;} .lager-box .txt{ height: 104px; line-height: 104px; transition: 0.3s; -webkit-transition: 0.3s;} .lager-box .txt span{ position: relative; padding-right: 12px;} .lager-box .txt span:before{ content: ""; position: absolute; top: 50%; margin-top: -3px; right: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top:6px solid #306ea7;} .lager-box .list{ position: absolute; left: 0; top: 100%; width: 100%; background-color: #f1f1f1; display: none;} .lager-box .list li{ border-top: 1px solid #fff;} .lager-box .list li a{ display: block; padding: 10px 5%;} .lager-box .list li a:hover{ color: #0079C3;} .lager-box:hover .txt{ background-color: #f1f1f1; } .lager-box:hover .txt span:before{ border-top-color: #306ea7;} .lager-box:hover .list{ display: block;} @media screen and (max-width:1700px){ .header .nav{margin-right:0} .his-list{width:1152px} .header .nav li>a{padding-left:16px;padding-right:16px} } @media screen and (max-width:1600px){ .lager-box{ width: 90px;} .header .logo{ width: 378px; margin-top: 27px;} .his-list .slick-prev{left:-117px} .his-list .slick-next{right:-117px} .header .nav li>a{padding-left:12px;padding-right:12px} } @media screen and (max-width:1440px){ .header,.mtop{height:84px} .header .logo{margin-top:17px} .header .nav li>a{padding:30px 8px} .lager-box{ width: 74px;} .lager-box .txt{ height: 84px; line-height: 84px;} } @media screen and (max-width:1366px){ .header .nav li>a{font-size:13px;padding-left:8px;padding-right:8px} .header .pull-nav{width:88px;left:50%;margin-left:-44px;right:auto} .header .nav li>a.act,.header .nav li>a.act2,.header .nav li>a:hover{background:0 0;color:#306ea7} .header .nav li>a.act2:before{background:#306ea7} .header .nav{margin-right:2%} .banner .txts .ch{font-size:60px} .hot-news-list .txts{padding-top:35px} .hot-news-list .nowti{padding-bottom:10px;margin-bottom:20px} .hot-news-list .tx{margin-bottom:40px} .in-list .nowti,.in-list a{line-height:36px} .ix-news .in-nav{margin-bottom:25px} .ix-link-list .about{height:286px;padding-top:25px} .ix-link-list .about .tx{font-size:12px;height:60px;line-height:20px!important} .ia-nums i{margin-right:5px;font-size:30px} .ia-nums{font-size:12px;margin-top:10px} .ia-nums p{margin-top:18px} .ix-link-list .about,.ix-link-list .txts{padding-left:20px;padding-right:20px} .ix-link-list .tx{height:72px} .ix-link-list .txts{height:51px;padding-top:13px} .ip-nav{width:340px;margin-right:-500px} .ip-nav .tbc{padding:0 60px 0 30px} .ip-nav .icon{width:20px;height:20px;margin-top:-10px;line-height:20px;right:25px} .his-list,.pw2{width:1000px} .his-a .pic{height:136px} .his-a .date{font-size:20px} .his-a .text{font-size:14px} .his-list .item2 .his-a{padding-top:110px} .his-a{height:362px} .honor-list{padding:0 70px} .honor-list .item>a{margin:0 10px} .sos-box .tx1{margin-top:30px} .sos-box img{width:458px} .sos-box{margin-top:-250px} .pd-imgs .slick-prev{left:-100px} .pd-imgs .slick-next{right:-100px} .case-list .nowti{font-size:16px} .down-list .date{margin-right:30px} .job-list li:first-child .t{font-size:16px} .job-list .b{padding-left:50px;padding-right:50px} .branch-list .txts{padding:30px 40px 0 40px} #map{height:498px} .contact-list .ma{padding-right:35px;padding-left:35px} .header .logo{margin-left:1.5%} } @media screen and (max-width:1280px){ .header .nav li>a{padding-left:6px;padding-right:6px} .his-list .slick-prev{left:-77px} .his-list .slick-next{right:-77px} .servicet{ margin-left: -45%; bottom: 60px;} .servicet strong{ font-size: 42px;} .servicet small{ font-size: 20px;} .servicefix{ padding: 50px 0;} .serlist{ width: 90%;} .serlist li figure strong{ padding: 24px 26px 24px; font-size: 20px;} .sertext{ padding: 24px 26px;} } @media screen and (max-width:1260px){ .header .logo>img{display:none} .header .logo .m{display:block} .header .logo{width:115px;margin-top:16px} .nd-back .icon{position:absolute;top:4px;margin:0} .nd-back{position:relative} .nd-back .icon-xiangzuojiantou{left:0} .nd-back .icon-xiangyoujiantou{right:0} .pd-imgs .slick-arrow{display:none!important} .pd-imgs .slick-dots{display:block!important} .pd-imgs .slick-dots li{background:#ccc} .pd-imgs .slick-dots .slick-active{background:#306ea7} } @media screen and (max-width:1024px){ .lager-box{ display: none;} .lager-mbox{ padding:0 35px 30px; font-size: 16px;} .lager-mbox .line{ padding: 0px 10px;} .header,.mtop{height:60px} .header .logo>img,.menu-handler{display:block} .header .logo .m{display:none} .header .logo{width:483px;margin:-2px 0 0 5%;-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)} .header .nav{display:none} .banner .pic2{position:relative} .banner-video{right:5%} .banner .txts .ch{font-size:50px} .hot-news-list .tx{height:48px} .hot-news-list .nowti{padding-bottom:6px} .hot-news-list .view-more{width:98px} .in-list .date{margin-left:10px} .in-list .nowti,.in-list a{line-height:32px} .in-list a{font-size:14px} .ix-news .in-nav{margin-bottom:30px} .ix-link-list li{width:50%} .ix-link-list li:first-child{width:100%;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5} .ix-link-list{border-left:1px solid #e5e5e5} .ix-link-list .tx{height:48px} .ix-link-list .about,.ix-link-list .txts{padding-left:30px;padding-right:30px} .ix-link-list .about{height:auto;padding-bottom:30px;padding-top:30px} .ix-link-list .about .tx{height:auto;width:300px;max-width:100%;font-size:14px} .ia-nums{font-size:14px;margin-top:0} .ia-nums i{font-size:36px} .ia-nums p{margin-top:30px} .ix2 .ip-title{position:static;margin-bottom:50px;color:#999} .ip-nav{display:none} .ip-imgs .slick-dots{width:35%;padding-right:5%;left:auto;bottom:20px;text-align:right;-moz-box-sizing:border-box;box-sizing:border-box;display:block!important} .ip-imgs .slick-dots li{background:#e5e5e5;margin:0 0 0 10px} .ip-imgs .slick-dots .slick-active{background:#306ea7} .ip-title .ch{color:#333} .ip-title .b{border-color:#e5e5e5} .ix2 .ip-title .logo img{display:none} .ix2 .ip-title .logo .m{display:block} .his-list,.pw2{width:90%} .his-a .pic{height:auto} .his-a .picbox:before,.his-box:before{display:none} .his-list .item1 .txts{padding-top:0} .his-list .item2 .picbox{position:relative} .his-list .item2 .his-a{padding-top:0} .his-list .item2 .picbox{padding:0 0 29px 0} .his-list .item2 .sj{top:auto;bottom:20px;border-bottom-width:0;border-top:9px solid} .his-a .text{white-space:normal} .his-a{height:auto;margin:0 10px} .his-list .item1 .picbox{padding-bottom:29px} .his-list .item1 .sj{bottom:20px} .his-list .slick-prev{left:0} .his-list .slick-next{right:0} .his-list{padding:0 70px} .ab2 .his-box{margin-top:60px} .ab2{padding:80px 0 90px 0} .his-list .item2 .txts{padding-bottom:0} .ab1,.ab4{padding-bottom:90px} .ab-data p i{font-size:36px} .ab-data .icon{padding-top:8px;font-size:38px} .ab-data li+li{margin-left:60px} .cul-list .ma{margin-left:20px} .cul-list{margin-left:-20px} .cul-list .text{font-size:16px} .cul-list .ti{font-size:24px} .cul-list .icon{margin-bottom:10px;font-size:40px} .ab3{padding-bottom:60px} .periodical-list li{width:50%} .pager a{width:50px;height:50px;margin:0 5px;border-width:1px;line-height:48px} .pager .arrow{width:100px;margin:0 10px} .sos-box{-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin:0} .notice-list .pic{display:none} .nd-pw{width:90%} .pro-list .nowti{font-size:16px} .case-list .icon{margin-top:28px;width:24px;height:24px;line-height:24px;font-size:10px} .job-list li:first-child .t{font-size:14px} .jb2{padding-bottom:90px} .job-list .b{padding-left:5%;padding-right:5%} .branch-list .pai{padding-bottom:0;height:220px} .branch-list .pai img{object-fit:cover} .contact-list li{width:100%;margin-bottom:15px} .cta1{padding-bottom:75px} .contact-list .ma{padding-right:5%;padding-left:5%} .marketing-map-box{width:100%;height:640px;position:relative;overflow:hidden} .marketing-map{position:absolute;top:50%;left:50%;margin:-398px 0 0 -481px;width:962px;height:796px;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)} .map-info{display:block!important;position:fixed;z-index:299;top:0;bottom:0;right:0;left:0;padding:0;width:auto;background:rgba(0,0,0,.5);-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .map-info.hide{opacity:0;visibility:hidden} .map-info .sj{display:none} .map-info .b{position:absolute;top:50%;left:50%;width:264px;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-moz-box-sizing:border-box;box-sizing:border-box} .ip-imgs .nowti{display:block} .map-info .close{position:absolute;top:8px;right:8px;width:20px;height:20px;background:#306ea7;border-radius:50%;text-align:center;line-height:20px;color:#fff;font-family:iconfont!important;font-size:12px} .map-info .close:before{content:"\e653"} .ix-news .in-nav{margin-bottom:20px} } @media screen and (max-width:861px){ .footer .l{float:none;padding-top:0} .footer .r{display:none} .banner .txts .ch,.pbanner .ch{font-size:40px} .pbanner .en{margin-top:8px;font-size:20px} .banner .txts .en{font-size:20px} .banner .slick-dots{bottom:5%} .banner-video{width:108px;bottom:5%} .hot-news,.ix-news{width:100%;float:none} .hot-news-list .tx{height:72px} .ix-news{margin-top:50px} .ab-data{text-align:left} .ab-data li{width:50%;margin-bottom:30px} .ab-data li+li{margin-left:0} .ab-data p i{font-size:46px} .ab-data .icon{padding-top:10px;font-size:48px} .ab1{padding-bottom:60px} .cul-list li{width:50%} .cul-list .ma{margin-left:30px} .cul-list{margin-left:-30px} .news-list li{width:50%} .notice-list a{padding-left:25px;padding-right:25px} .func-table td,.func-table th{padding:15px} .case-list li,.elegant-list li,.pro-list li{width:50%} .job-list .j5{display:none} .job-list .j2,.job-list .j4{width:13.2%} .job-list .j3{width:23.4%} .job-list .j1{width:40.9%} .job-list .j6{width:9.3%} .branch-list .txts{padding-left:30px;padding-right:30px} .marketing-map{-webkit-transform:scale(.65);-moz-transform:scale(.65);-ms-transform:scale(.65);transform:scale(.65)} .marketing-map-box{height:520px} .serlist li{ width: 100%; margin-bottom: 24px;} } @media screen and (max-width:641px){ .hot-news-list .tx{height:48px} .ix-link-list .txts{padding-left:20px;padding-right:20px} .job-list .j4{display:none} .job-list .j1{width:44.2%} .job-list .j2{width:16.5%} .job-list .j3{width:26.7%} .job-list .j6{width:12.6%} .servicet{ bottom: 30px;} .servicet strong{ font-size: 30px;} .servicet small{ font-size: 18px;} } @media screen and (max-width:601px){ .footer{padding:8.33vw 0} .banner .txts .ch,.pbanner .ch{font-size:32px} .pbanner .en{margin-top:1.33vw;font-size:16px} .banner .txts .en{padding-top:2.5vw;margin-top:1.67vw;font-size:16px} .banner-video{width:88px} .banner-video .nowti{font-size:10px;line-height:20px} .banner-video .sj{margin:-6px 0 0 -5px;border-top-width:6px;border-bottom-width:6px;border-left-width:10px} .hot-news-list{background:0 0} .hot-news-list .item>a{background:#306ea7} .hot-news-list .picbox{width:100%;float:none} .hot-news-list .pai:after{display:none} .hot-news-list .txts{padding:25px 5% 30px 5%} .hot-news-list .tx{height:96px} .hot-news-list .slick-dots{position:static;margin-top:5vw;width:100%} .hot-news-list .slick-dots li{background:#e5e5e5} .ix1{padding-top:9.17vw;padding-bottom:13.33vw} .hot-news .ix-ti{margin-bottom:3.67vw} .ix-news{margin-top:10vw} .in-list .nowti:before,.ix-ti:before{margin-right:2.5vw} .ix-news .in-nav{margin-bottom:3.33vw} .ix3{padding:13.33vw 0} .ix-community a:before{top:4.17vw;right:4.17vw;bottom:4.17vw;left:4.17vw} .ix2 .ip-title .en,.ix2 .ip-title .logo{display:none} .ix2 .ip-title .b{float:none;margin:0;border:none;padding:0} .ix2 .ip-title .ch{font-weight:400;font-size:16px} .ix2 .ip-title .ch:before{content:"";margin:0 2.5vw 5px 0;display:inline-block;vertical-align:bottom;width:12px;height:12px;border-radius:100%;border:3px solid #306ea7;-moz-box-sizing:border-box;box-sizing:border-box} .ix2 .ip-title{margin-bottom:3.33vw} .ab-title .ch{font-size:24px} .ab-title .en{font-size:20px} .his-list .slick-arrow{width:42px;height:42px;line-height:42px;font-size:14px;margin-top:-21px} .his-list{padding:0 50px} .his-a{margin:0 5px} .his-a .pic{border-width:2px} .ab2 .his-box{margin-top:10vw} .ab2{padding:13.33vw 0 15vw 0} .ab4{padding:11.67vw 0 15vw 0} .ab1,.ab3{padding:11.67vw 0 10vw 0} .ab1 .ab-title{margin-bottom:6.67vw} .ab-data li{margin-bottom:5vw} .ab1 .ab-data{margin-top:10vw} .ab-data p i{font-size:36px} .ab-data .icon{padding-top:8px;font-size:38px} .ab4 .ab-title{margin-bottom:6.67vw} .ab3 .cul-list,.ab4 .honor-list{margin-top:10vw} .honor-list .item>a{margin:0 5px} .honor-arrow .slick-arrow{width:42px;height:42px;margin-top:-21px;border-width:2px;line-height:38px;font-size:16px} .honor-list{padding:0 50px} .ab5{padding:15vw 0} .cul-list li{margin-bottom:5vw} .cul-list .ma{margin-left:20px} .cul-list{margin-left:-20px} .pager a{width:40px;height:40px;margin:0 2px;line-height:38px} .pager .arrow{width:70px;margin:0 2px} .ab6{padding:11.67vw 0 15vw 0} .periodical-list li{margin-bottom:3.33vw} .ab6 .periodical-list{margin-bottom:6.67vw} .periodical-list a{margin-left:15px} .periodical-list{margin-left:-15px} .sos-box .tx1{font-size:24px;margin-top:5vw} .sos-box .tx2{margin-bottom:3.83vw} .notice-list li{width:100%;margin-bottom:5vw} .notice-list a{padding-left:5%;padding-right:5%} .notice-list .pic{display:block;margin-right:5%} .ab6 .notice-list{margin-bottom:5vw} .nd-b .ti,.nd-t .ti{font-size:24px} .nd-t{padding:21.67vw 0 13.33vw 0} .nd-t .ib+.ib{margin-left:5.83vw} .nd-b{padding:13.33vw 0 16.67vw 0} .nd-b .nd-back{margin-top:10vw} .pd-t .t{padding:21.67vw 0 13.33vw 0} .pd-t{padding-bottom:13.33vw!important} .pd-t .pd-imgs{margin-top:13.33vw} .nd-b .func-table{margin-top:5vw} .func-table{overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch} .func-table table{width:700px} .case-nav{padding:10px 5%} .case-nav li{width:33.33%} .case-nav a{text-align:left;line-height:30px} .case-nav a:before{margin-bottom:9px} .ab6 .down-list{margin-bottom:10vw} .down-list a{height:60px} .down-list .date{width:60px;padding-top:10px;margin-right:20px} .down-list .nowti{line-height:60px;font-size:16px} .down-list .nowti .icon{font-size:20px;margin-right:8px} .down-list .icon-xiazai{width:60px;line-height:60px;font-size:28px} .elegant-list li{margin-bottom:5vw} .elegant-list a{margin-left:20px} .elegant-list{margin-left:-20px} .ab6 .elegant-list{margin-bottom:5vw} .jb-ti{font-size:24px;padding-bottom:5vw} .jb-ti:before{width:9.32vw;margin-left:-4.66vw} .jb1{padding:16.67vw 0 15vw 0} .jb2{padding:13.33vw 0 15vw 0} .jb2 .ab-title{margin-bottom:6.67vw} .jb2 .job-list{margin-bottom:10vw} .job-list .b{padding-top:7.5vw} .branch-list .picbox{width:100%;float:none} .branch-list .pai{height:auto;padding-bottom:43.16667%} .branch-list .txts{padding:5vw 5% 30px 5%} .ab6 .branch-list{margin-bottom:10vw} .bra-t{padding-bottom:18.33vw} .bra-link{padding:6.67vw 0} .cta1{padding:13.33vw 0 12.5vw 0} .cta1 .ab-title{margin-bottom:6.67vw} .contact-list .ma{padding-top:4.17vw;padding-bottom:4.17vw} #map{height:83vw} .marketing-map{-webkit-transform:scale(.55);-moz-transform:scale(.55);-ms-transform:scale(.55);transform:scale(.55)} .marketing-map-box{height:440px} } @media screen and (max-width:481px){ .navMobile dd>a{font-size:16px;padding-top:10px;padding-bottom:10px} .navMobile .mtv a{font-size:14px;padding-top:4px;padding-bottom:4px} .navMobile{border-width:5px;padding-top:55px} .header .logo{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)} .banner .txts .ch,.pbanner .ch{font-size:24px} .banner .txts .en,.pbanner .en{font-size:12px} .banner-video .nowti{display:none} .banner-video{width:58px} .ix-link-list .about,.ix-link-list .txts{padding-left:5%;padding-right:5%} .ix-link-list li{width:100%;float:none} .ix-link-list li+li{margin-top:5vw} .ix-link-list{border:none} .ix-link-list .tx{height:auto} .ix-link-list .txts{height:auto;padding-top:20px;padding-bottom:20px} .ix-link-list a{border:1px solid #e5e5e5} .ix-link-list li:first-child{border:none} .ix4{padding:10vw 0} .ip-imgs .pai{padding-bottom:0;height:50vw} .ip-imgs .pai img{object-fit:cover} .ip-imgs .slick-dots li{width:8px;height:8px;margin-left:6px} .ip-imgs .nowti{line-height:44px;font-size:14px} .ip-imgs .slick-dots{bottom:18px} .ab-title .ch{font-size:22px} .ab-title .en{font-size:16px} .his-list .slick-arrow,.honor-arrow .slick-arrow{width:32px;height:32px;margin-top:-16px;line-height:32px;font-size:12px} .his-list .slick-prev{left:-16px} .his-list .slick-next{right:-16px} .his-list{padding:0} .his-a .date{font-size:16px} .his-list .item1 .picbox,.his-list .item2 .picbox{padding-bottom:16px} .his-list .item1 .sj,.his-list .item2 .sj{bottom:10px;border-top-width:6px} .his-a .sj{margin-left:-7px;border-left-width:7px;border-right-width:7px} .ab1 .freeTx,.ab4 .freeTx{text-align:left} .ab-data p i{font-size:28px;margin-right:2px} .ab-data .icon{font-size:30px} .honor-arrow .slick-arrow{border:none;background:rgba(48,110,167,.8);color:#fff} .honor-list{padding:0 38px} .honor-list .item>a{margin:0 2px} .cul-list li{width:100%;float:none} .cul-list .text{font-size:18px} .cul-list .ti{font-size:26px} .cul-list .icon{font-size:50px;margin-bottom:15px} .periodical-list li{width:100%} .pager a{font-size:12px;width:36px} .pager .arrow{width:60px} .sos-box .tx1{font-size:22px} .sos-box a{height:40px;width:120px;line-height:40px} .news-list li{width:100%;margin-bottom:3.33vw} .ab6 .news-list{margin-bottom:6.67vw} .notice-list .pic{display:none} .nd-b .ti,.nd-t .ti{font-size:22px} .nd-back{height:50px} .nd-back .back{line-height:50px;width:120px} .nd-back .icon{width:42px;height:42px;line-height:42px;font-size:14px} .pd-back .arrow{width:80px;margin-right:5px} .pd-back a{line-height:50px} .case-list li{width:100%;margin-bottom:3.33vw} .case-list .txts{height:60px;padding:0 5%} .case-list .nowti{line-height:60px} .case-list .icon{margin-top:18px} .ab6 .case-list{margin-bottom:6.67vw} .ab6 .case-nav{margin-bottom:5vw} .down-list .date{width:50px;padding-top:8px;font-size:10px;margin-right:10px} .down-list .date .d{font-size:22px} .down-list a{height:50px} .down-list .nowti{line-height:50px;font-size:14px} .down-list .nowti .icon{font-size:16px;margin-right:5px} .down-list .icon-xiazai{width:50px;margin-left:10px;line-height:50px;font-size:22px} .down-list li+li{margin-top:10px} .jb-ti{font-size:22px} .job-list .j2{display:none} .job-list .j1{width:52.2%} .job-list .j3{width:37.7%} .job-list .j6{width:10.1%} .job-list .t>div{height:50px} .job-list .t .nowti{line-height:50px} .job-list .t{font-size:12px} .job-list .add:before{width:10px;margin-left:-5px} .job-list .add:after{height:10px;margin-top:-5px} .bra-link .ti{float:none;margin:0;font-size:18px} .contact-list{font-size:14px} .contact-list .nowti{font-size:16px;width:110px} .contact-list .icon{font-size:18px;width:25px} .marketing-map{-webkit-transform:scale(.4);-moz-transform:scale(.4);-ms-transform:scale(.4);transform:scale(.4)} .marketing-map-box{height:320px} .servicet strong{ font-size: 24px; margin-bottom: 8px;} .servicet small{ font-size: 16px;} .servicefix{ padding: 34px 0 20px;} .serlist li figure strong{ font-size: 20px;} } @media screen and (max-width:441px){ .pro-list li{width:100%;margin-bottom:3.33vw} .ab6 .pro-list{margin-bottom:6.67vw} .elegant-list li{width:100%} } .dock-box{ position: fixed; right: 0; top: 45%; width: 88px; z-index: 9999; } .dock-box img{ width: 100%; display: block; } @media screen and (max-width:1024px){ .dock-box{ width: 58px; top: auto; bottom: 5%;} }