*{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%} 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} 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} @font-face{font-family:EuphemiaUCASBold2_6_6;src:url(../css/EuphemiaUCASBold2_6_6.eot);src:url(../css/EuphemiaUCASBold2_6_6.eot) format('embedded-opentype'),url(../css/EuphemiaUCASBold2_6_6.woff2) format('woff2'),url(../css/EuphemiaUCASBold2_6_6.woff) format('woff'),url(../css/EuphemiaUCASBold2_6_6.ttf) format('truetype'),url(../css/EuphemiaUCASBold2_6_6.svg#EuphemiaUCASBold2_6_6) format('svg')} @font-face{font-family:EuphemiaUCASRegular2_6_6;src:url(../css/EuphemiaUCASRegular2_6_6.eot);src:url(../css/EuphemiaUCASRegular2_6_6.eot) format('embedded-opentype'),url(../css/EuphemiaUCASRegular2_6_6.woff2) format('woff2'),url(../css/EuphemiaUCASRegular2_6_6.woff) format('woff'),url(../css/EuphemiaUCASRegular2_6_6.ttf) format('truetype'),url(../css/EuphemiaUCASRegular2_6_6.svg#EuphemiaUCASRegular2_6_6) format('svg')} @font-face{font-family:DINLight;src:url(../css/DINLight.eot);src:url(../css/DINLight.eot) format('embedded-opentype'),url(../css/DINLight.woff2) format('woff2'),url(../css/DINLight.woff) format('woff'),url(../css/DINLight.ttf) format('truetype'),url(../css/DINLight.svg#DINLight) format('svg')} @font-face{font-family:DINCondRegular;src:url(../css/DINCondRegular.eot);src:url(../css/DINCondRegular.eot) format('embedded-opentype'),url(../css/DINCondRegular.woff2) format('woff2'),url(../css/DINCondRegular.woff) format('woff'),url(../css/DINCondRegular.ttf) format('truetype'),url(../css/DINCondRegular.svg#DINCondRegular) format('svg')} @font-face{font-family:DINCondBlack;src:url(../css/DINCondBlack.eot);src:url(../css/DINCondBlack.eot) format('embedded-opentype'),url(../css/DINCondBlack.woff2) format('woff2'),url(../css/DINCondBlack.woff) format('woff'),url(../css/DINCondBlack.ttf) format('truetype'),url(../css/DINCondBlack.svg#DINCondBlack) format('svg')} .ff-1{font-family:EuphemiaUCASBold2_6_6} .ff-2{font-family:EuphemiaUCASRegular2_6_6} .ff-3{font-family:DINLight} .ff-4{font-family:DINCondRegular} .ff-5{font-family:DINCondBlack} .ly-box{position:fixed;z-index:9999;top:0;bottom:0;left:0;right:0;background:url(../images/black5.png)} .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;top:0;right:-320px;z-index:1009;width:320px;height:100%;background:#eee;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;overflow:hidden} @media screen and (max-width:1366px){ .container{min-height:300px} } .pw{width:1000px;margin:0 auto} .pw2{width:1100px;margin:0 auto} @media screen and (max-width:1366px){ .pw2{width:1000px} } @media screen and (max-width:1024px){ .pw,.pw2{width:90%} } .tb{display:table;width:100%;height:100%} .tbc{display:table-cell;vertical-align:middle} .mcv{text-align:center;line-height:50px;display:none} .mcv .sj-b{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)} .splwo span{display:block} .splwo i{display:inline-block} .txts{-moz-box-sizing:border-box;box-sizing:border-box} .bsz{-moz-box-sizing:border-box;box-sizing:border-box} .btn{display:inline-block;vertical-align:bottom;position:relative} .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%} .aico{display:inline-block;background:url(../images/aicos.png)} .bico{display:inline-block;background:url(../images/bicos.png)} .logo{display:block} .logo>img{display:block;width:100%} .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;width:auto!important;height:auto!important} .freeTx table{display:inline-block;vertical-align:top;max-width:100%!important;overflow-x:auto;-webkit-overflow-scrolling:touch} .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} .brs{border-radius:100%} .aw,.ico{display:inline-block;background-repeat:no-repeat;background-position:center top} .line{display:block} .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} .sj{display:inline-block;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} .pbanner{position:relative;overflow:hidden} .i_g{display:block;position:relative;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 #0891a3;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:#0891a3;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:28px;left:50%;margin-left:-14px;width:28px;height:4px;background:#fff} .menuBtn .ml-1:before{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);-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(5px);-moz-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px);-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%;background:#000;margin:0 6px;-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 .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-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:-moz-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:-moz-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:-moz-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:-moz-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:-moz-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:-moz-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:-moz-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:-moz-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:-moz-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:-moz-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%)} } @keyframes _cyLogoShow{ 0%{background:-webkit-linear-gradient(330deg,transparent -15%,rgba(255,255,255,.5),transparent 15%);background:-moz-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:-moz-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:-moz-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:-moz-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:-moz-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:-moz-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:-moz-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:-moz-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:-moz-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:-moz-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:-moz-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%)} } @-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 circle{ 0%{-webkit-transform:none;transform:none} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @-moz-keyframes circle{ 0%{-moz-transform:none;transform:none} 100%{-moz-transform:rotate(360deg);transform:rotate(360deg)} } @keyframes circle{ 0%{-webkit-transform:none;-moz-transform:none;transform:none} 100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)} } @media screen and (min-width:1025px){ .scapic:hover img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-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} .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-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,transparent 20%,#0079c3 20%,transparent 30%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,transparent 10%,#0079c3 15%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-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-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,transparent 10%,#0079c3 15%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-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} } .friendship-link{position:relative;z-index:99;width:370px;max-width:100%} .friendship-link .s{position:relative;background:#4d4d4d;height:54px;padding:0 60px 0 30px;line-height:54px;overflow:hidden;cursor:pointer} .friendship-link .sj-t{display:block;position:absolute;right:35px;top:50%;margin-top:-3px;border-right-width:6px;border-left-width:6px;border-bottom-width:6px;color:#fff} .friendship-link .k{position:absolute;left:0;right:0;bottom:100%;background:#4d4d4d;overflow:hidden;display:none} .friendship-link .g{max-height:300px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch} .friendship-link .nowti{display:block;margin:0 30px;line-height:30px} .friendship-link.act .sj-t{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} @-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:70px;line-height:24px} .header .logo{margin:13px 0 0 45px;float:left} .header .nav{float:left;margin-left:18%} .header .r{color:#999;padding:23px 45px 0 0} .header .r a{color:#999} .header .lang{float:left} .header .lang a.act{color:#0891a3} .header .tools{float:left;margin-left:35px} .header .tools a{float:left;font-size:20px} .header .tools a+a{margin-left:15px} .logo{width:179px;position:relative;overflow:hidden} .logo:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0} .nav li{float:left} .nav li>a{display:block;position:relative;padding:23px 12px;font-size:16px;font-weight:700;color:#333} .nav li>a:before{content:"";position:absolute;left:auto;right:0;bottom:0;width:0;height:6px;background:#0891a3;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s} .nav li>a.act:before{left:0;right:auto;width:100%} @media screen and (min-width:1025px){ .nav li>a:hover:before{left:0;right:auto;width:100%} .header .r a:hover{color:#0891a3} .logo.act:before{-webkit-animation:_cyLogoShow .8s;-moz-animation:_cyLogoShow .8s;animation:_cyLogoShow .8s} } .mtop{height:70px} .banner .pic2{position:absolute;top:0;left:0} .banner .slick-dots{padding:0 55px;bottom:85px;text-align:right} .banner .slick-dots li{margin:0 0 0 25px;background:#333} .banner .slick-dots .slick-active{background:#fff} .banner .txts{position:absolute;left:0;right:0;bottom:56px;padding:0 5% 3.4% 5%;color:#333} .banner .en{margin-bottom:20px;font-size:48px;color:#0891a3} .banner .ch{font-size:48px} @media screen and (min-width:1025px){ .banner .slick-dots li:hover{background:#fff} } .banner-box{position:relative;overflow:hidden} .banner-news{position:absolute;z-index:200;left:0;right:0;bottom:0;padding-left:5%;height:56px;background:url(../images/black5.png);color:#fff;overflow:hidden} .banner-news a{color:#fff} .banner-news .more{float:right;background:#0891a3;width:116px;text-align:center;line-height:56px;font-size:15px} .banner-news .b{overflow:hidden;padding-top:16px;line-height:24px} .banner-news .ban-nw{width:760px;max-width:100%;overflow:hidden} .banner-news .tii{float:left} .banner-news .tii .icon{margin-right:7px;font-size:18px} .bw-list{font-size:15px;height:24px} .bw-list .nowti{float:left;width:65%;line-height:24px} .bw-list .date{float:right;padding-right:15px} @media screen and (min-width:1025px){ .bw-list a:hover{color:#0891a3} } .banner-line{position:absolute;z-index:109;left:0;right:116px;bottom:0;height:56px} .banner-line i{display:block;width:0;height:100%;background:#0891a3;opacity:.5} .pbg{background:#f5f5f5} .ixw{width:1680px;margin:0 auto} .ix-nw{margin-left:-35px} .ix-nw .ma{display:block;margin-left:35px} .ix-nw .l{width:25%} .ix-nw .inw-l{width:50%} .inw-l a{position:relative;color:#fff} .inw-l .pai{padding-bottom:61.21%} .inw-l .cover{background:url(../images/shadow.png) repeat-x left bottom} .inw-l .txts{position:absolute;left:0;right:0;bottom:0;padding:0 35px 18px 35px} .inw-l .date{margin-bottom:4px;font-size:12px} .inw-l .date i{margin-right:10px} .inw-l .nowti{font-size:18px} .inw-c a{position:relative} .inw-c a:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:35px;height:102px;background:url(../images/shadow1.png) left top} .inw-c .pai{padding-bottom:61.27%} .inw-c .txts{height:262px;overflow:hidden} .inw-c .date{margin-top:20px;font-size:12px;color:#0891a3} .inw-c .date i{margin-right:10px;color:#666} .inw-c .nowti{margin-top:4px;font-size:18px;color:#000} .inw-c .tx{margin-top:25px;height:120px;font-size:16px} .inw-c .more{position:absolute;left:0;bottom:8px;z-index:2} .same-btn{position:relative;overflow:hidden} .same-btn::before{content:"";position:absolute;top:50%;left:50%;margin:-80px 0 0 -80px;width:160px;height:160px;border-radius:100%;background:#017584;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)} .same-btn i{position:relative} @media screen and (min-width:1025px){ .sb-h:hover .same-btn::before{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:0;visibility:hidden;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s} } .ix-more{display:inline-block;vertical-align:bottom;width:120px;height:40px;border-radius:20px;background:#0891a3;line-height:40px;color:#fff;text-align:center} .inw-r .ma{position:relative;background:#fff;height:503px;overflow:hidden} .inw-r .more{position:absolute;left:0;right:0;bottom:0} .in-more{display:block;height:56px;width:100%;padding:0 25px;background:#ccc;line-height:56px;text-align:right;overflow:hidden} @media screen and (min-width:1025px){ .in-more:hover{background:#0891a3;color:#fff} } .in-list{overflow:hidden} .in-list .nowti{position:relative;line-height:24px} .in-list a{display:block;position:relative;padding:7px 25px} .in-list a:before{content:"";position:absolute;top:auto;bottom:0;right:0;width:100%;height:0;background:#0891a3;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} @media screen and (min-width:1025px){ .in-list a:hover:before{top:0;bottom:auto;height:100%} .in-list a:hover{color:#fff} } .ix1{padding-top:70px} .ip-ti{position:relative;min-height:40px} .ip-ti .ch{font-size:24px;color:#333;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .ip-ti .en{margin-top:4px;font-size:16px;color:#ccc;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .ip-ti .name{display:inline-block;vertical-align:bottom;position:absolute;top:3px;right:0;background:#fff;padding:0 15px;border-radius:16px;color:#0891a3;line-height:32px;white-space:nowrap;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);opacity:0;visibility:hidden;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .ip-ti .icon{position:absolute;right:0;top:3px;line-height:1;font-size:34px;color:#0891a3;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .ip-ti .icon-zhongyiyangsheng{font-size:40px} .ip-more{display:inline-block;vertical-align:bottom;line-height:24px;white-space:nowrap;color:#fff;margin-left:-60px;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .ip-more i{display:inline-block;vertical-align:bottom} .ip-more .icon{margin-left:20px;font-size:22px;color:#000} @media screen and (min-width:1025px){ .ipm-h:hover .ip-more{margin-left:0} .ipm-h:hover .ip-more .icon{color:#fff} } .ip-list{margin-left:-35px} .ip-list li{width:25%;float:left} .ip-list a{display:block;margin-left:35px;padding:0 40px;height:215px;border-top:4px solid #0891a3;background:#fff;overflow:hidden;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .ip-list .ip-ti{margin-top:15px} .ip-list .tx{margin-top:20px;height:60px;line-height:20px!important;color:#999;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .ip-list .more{margin-top:25px} .ix2{padding-top:70px} @media screen and (min-width:1025px){ .ip-list a:hover{background:#0891a3} .ip-list a:hover .ip-ti .ch,.ip-list a:hover .ip-ti .en,.ip-list a:hover .tx{color:#fff} .ip-list a:hover .ip-ti .name{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible} .ip-list a:hover .ip-ti .icon{opacity:0;visibility:hidden} } .ix-pro{position:relative} .ix-pro a{color:#fff} .ix-pro .pai{padding-bottom:39.12%} .ix-pro .cover{background:url(../images/shadow2.png) repeat-y left bottom} .ix-pro .txts{position:absolute;top:0;bottom:0;left:0;right:0} .ix-pro .ix-ti{padding:0 55px} .ix-pro .txb{position:absolute;right:30px;top:50%;margin-top:-70px;width:475px;height:140px;padding:30px 35px 0 35px;overflow:hidden;background:url(../images/black5.png);-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .ix-pro .name{display:inline-block;padding:0 12px;background:#0891a3;border-radius:12px;line-height:24px;white-space:nowrap} .ix-pro .nowti{margin-top:10px;font-size:24px;max-width:90%} .ix-pro .icon{position:absolute;right:35px;top:50%;margin-top:-12px;font-size:22px;line-height:24px;color:#0891a3;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} @media screen and (min-width:1025px){ .ix-pro a:hover .txb{-webkit-transform:translateX(-10%);-moz-transform:translateX(-10%);-ms-transform:translateX(-10%);transform:translateX(-10%)} .ix-pro a:hover .icon{-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)} } .ix-ti .en{font-size:48px} .ix-ti .ch{margin-top:32px;font-size:24px} .ix3{padding-top:70px} .ik-ti{line-height:30px;white-space:nowrap} .ik-ti i{display:inline-block;vertical-align:bottom} .ik-ti .c{font-size:20px;color:#000} .ik-ti .e{margin-left:15px;font-size:16px;color:#999} .ik-ti .icon{margin-right:15px;font-size:26px;color:#cb1519} .ik-list{margin-left:-132px} .ik-list li{width:50%;float:left} .ik-list li:first-child .ik-ti .icon{color:#0891a3} .ik-list a{display:block;margin-left:132px} .ik-list .pai{margin-top:15px;padding-bottom:44.47%} .ix4{padding:90px 0} .footer{background:#333;padding:45px 0 25px 0;color:#fff} .footer a{color:#fff} .footer .f-ctas{float:left} .footer .friendship-link{float:right} .footer .f-cop{margin-top:55px} @media screen and (min-width:1025px){ .footer a:hover{color:#0891a3} } .f-ctas{line-height:24px} .f-ctas .icon{display:inline-block;vertical-align:bottom;width:24px;height:24px;border-radius:100%;margin-right:10px;background:#0891a3;font-size:14px;text-align:center;color:#fff!important} .f-ctas>p{margin-bottom:20px} .navMobile{padding-top:60px} .navMobile a{display:block;line-height:1.4} .navMobile dd>a{padding:15px 50px;font-size:18px;color:#333} .navMobile dd>a.act{background:#e5e5e5} .navMobile .mtv{display:none} .navMobile .mtv a{padding:8px 70px;font-size:16px} .menuBox .lang{position:fixed;width:320px;right:-320px;bottom:0;padding:30px 0;background:#eee;overflow:hidden} .menuBox .lang a{width:50%;float:left;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;line-height:1;font-size:16px;color:#999} .menuBox .lang a+a{border-left:1px solid #999} @media screen and (max-width:1720px){ .ixw{width:1480px} .inw-c .txts{height:232px} .inw-c a:after{bottom:0} .inw-r .ma{height:442px} .in-list{height:360px} .in-list a{padding:8px 25px} .ip-list a{padding:0 30px} } @media screen and (max-width:1520px){ .ixw{width:1280px} .inw-c .txts{height:201px} .inw-c .tx{margin-top:20px;height:96px} .inw-r .ma{height:381px} .inw-r .in-more{line-height:46px;height:46px} .in-list{height:304px} .in-list a{padding:7px 25px} .ip-list{margin-left:-25px} .ip-list a{margin-left:25px;padding:0 30px} } @media screen and (max-width:1440px){ .header .nav{margin-left:14%} } @media screen and (max-width:1366px){ .ixw{width:1180px} .ix-nw{margin-left:-25px} .ix-nw .ma{margin-left:25px} .inw-c .txts{height:184px} .inw-c .ix-more{width:100px;height:36px;line-height:36px} .inw-c .date{margin-top:10px} .inw-c .tx{font-size:14px;margin-top:15px} .inw-r .ma{height:353px} .in-list a{padding:6px 20px} .in-list{height:288px} .in-more{padding:0 20px} .ip-list{margin-left:-15px} .ip-list a{margin-left:15px;padding:0 25px} .ip-ti .ch{font-size:20px} .ip-ti .en{font-size:14px} .ip-ti .name{font-size:12px;line-height:30px} .ip-ti .icon{font-size:28px} .ip-ti .icon-zhongyiyangsheng{font-size:34px} .ix-ti .en{font-size:38px} .ix-ti .ch{margin-top:27px;font-size:20px} .banner .ch,.banner .en{font-size:38px} .header .nav{margin-left:11%} } @media screen and (max-width:1280px){ .header .nav{margin-left:9%} } @media screen and (max-width:1220px){ .ixw{width:1000px} .inw-c .txts{height:157px} .inw-l .txts{padding-left:25px;padding-right:25px} .inw-c .nowti{margin-top:2px;font-size:16px} .inw-c .more{bottom:0} .inw-r .ma{height:298px} .in-list a{padding:5px 20px} .in-list{height:238px} .ip-list a{padding:0 20px} .ip-ti .name{padding:0 12px;font-size:12px;line-height:28px} .ix-pro .ix-ti{padding:0 45px} .nav li>a{font-size:14px} .header .nav{margin-left:8%} } @media screen and (max-width:1153px){ .header .logo{margin-left:35px} .header .r{padding-right:35px} .header .tools{margin-left:25px} .header .nav{margin-left:6%} .nav li>a{padding:23px 10px} } @media screen and (max-width:1024px){ .header .nav,.header .r{display:none} .menuBtn{display:block;width:80px;background:#0891a3} .header,.mtop{height:60px} .header .logo{margin:8px 0 0 5%} .banner .pic2{position:relative} .ixw{width:90%} .ix-nw{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap} .ix-nw .l{float:none} .ix-nw,.ix-nw .ma{margin-left:0} .ix-nw .inw-l{width:66.66%} .ix-nw .inw-c{width:33.33%} .ix-nw .inw-r{width:100%;margin-top:35px} .inw-c .ma{margin-left:35px;height:100%} .inw-c .txts{height:auto} .inw-c .date{margin-top:15px} .in-list,.inw-r .ma{height:auto} .inw-r .ma{padding-top:20px} .inw-r .more{position:static;margin-top:20px} .in-list a{padding:7px 25px} .in-more{padding:0 25px} .ip-list li{width:50%;margin-bottom:35px} .ip-list{margin-left:-35px} .ip-list a{margin-left:35px} .ix2{padding-top:35px} .ix3{padding-top:0} .ik-list a{margin-left:100px} .ik-list{margin-left:-100px} .banner .slick-dots{padding:0 5%} } @media screen and (max-width:861px){ .banner-line,.banner-news .sb-h{display:none} .banner-news{position:static;padding-right:5%;background:#0891a3} .bw-list .date{padding-right:0} .bw-list{font-size:14px} .bw-list .nowti{width:60%} .banner .txts{bottom:0;padding-bottom:30px} .banner .slick-dots{bottom:30px} .banner .ch,.banner .en{font-size:28px} .banner .en{margin-bottom:15px} .ix-nw .inw-l{width:100%;margin-bottom:35px} .inw-l .txts{padding-left:5%;padding-right:5%} .ix-nw .inw-c,.ix-nw .inw-r{width:50%} .inw-c .ma{margin-left:0} .inw-r .ma{margin-left:35px} .ix-nw .inw-r{margin-top:0} .in-list a{padding:4px 25px} .inw-c .more{bottom:8px} .inw-c .tx{margin-top:25px;height:120px;font-size:16px} .inw-c .date{margin-top:20px} .inw-c .nowti{margin-top:4px;font-size:18px} .inw-c a:after{bottom:15px} .ix-pro .ix-ti{padding:0 5%} .ix-ti .en{font-size:28px} .ix-ti .ch{margin-top:18px;font-size:18px} .ix-pro .txb{position:relative;top:0;right:0;margin:0;width:100%;padding-left:5%;padding-right:5%;background:#0891a3} .ix-pro .name{background:#fff;color:#0891a3} .ix-pro .icon{color:#fff;right:5%} .ik-list{margin-left:-35px} .ik-list a{margin-left:35px} .ik-ti .icon{margin-right:12px;font-size:22px} .ik-ti .c{font-size:18px} .ik-ti .e{margin-left:10px;font-size:14px} .ix4{padding:70px 0} .footer .f-ctas,.footer .friendship-link{float:none} .footer .f-cop{margin-top:35px} .footer .f-ctas{margin-bottom:45px} } @media screen and (max-width:641px){ .bw-list .nowti{width:100%;float:none} .bw-list .date{font-size:12px;float:none} .banner-news,.bw-list{height:auto} .banner-news .b{padding-bottom:16px} .banner .txts{background:#f5f5f5;position:relative;padding-top:30px;padding-bottom:75px} .banner .slick-dots{text-align:left} .banner .slick-dots li{background:#333;margin-left:0;margin-right:25px} .banner .slick-dots .slick-active{background:#0891a3} .ix-nw{display:block} .ix-nw .inw-c,.ix-nw .inw-r{width:100%} .inw-r .ma{margin-left:0} .inw-c a:after{bottom:0} .ix-nw .inw-r{margin-top:35px} .in-list a,.in-more{padding-left:5%;padding-right:5%} .ip-list a{margin-left:15px} .ip-list{margin-left:-15px} .ip-list li{margin-bottom:15px} .ik-list a{margin-left:15px} .ik-list{margin-left:-15px} } @media screen and (max-width:601px){ .ix-pro .nowti{font-size:20px} .ix-pro .txb{height:auto;padding-bottom:30px} .ik-ti .icon{width:24px} .ik-ti .e{display:block;margin-left:36px;line-height:1} .ik-ti .e em{display:none} .ix4{padding-top:35px} } @media screen and (max-width:481px){ .header .logo{-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transform:scale(.75);-moz-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)} .banner .ch,.banner .en{font-size:24px} .banner .en{margin-bottom:10px} .banner .slick-dots li{width:9px;height:9px;margin-right:20px} .bw-list .nowti{white-space:normal;height:48px} .inw-l .nowti{font-size:16px} .inw-l .date{margin-bottom:2px} .ix1{padding-top:35px} .inw-c .nowti{margin-top:2px;font-size:16px} .inw-c .tx{margin-top:20px;font-size:14px} .inw-c .date{margin-top:15px} .ip-list li{width:100%;float:none;margin-bottom:35px} .ip-list,.ip-list a{margin-left:0} .ix-ti .en{font-size:20px} .ix-ti .ch{margin-top:10px;font-size:14px} .ix-pro .txb{padding-top:20px;padding-bottom:20px} .ix-pro .name{line-height:20px;font-size:12px} .ik-list li{width:100%;float:none} .ik-ti .e{display:inline-block;line-height:30px;margin-left:10px} .ik-ti .e em{display:inline} .ik-list,.ik-list a{margin-left:0} .ik-list li+li{margin-top:35px} .ix4{padding-bottom:50px} } .pbanner{position:relative;overflow:hidden} .pbanner .txts{position:absolute;left:0;right:0;bottom:40px;color:#fff} .pbanner .ti{font-size:48px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)} .pnav{position:relative;background:#0891a3;color:#fff;line-height:24px} .pnav a{color:#fff} .pnav li>a{display:block;padding:12px 55px} .pnav li>a.act{background:#017584} .pnav .share{position:absolute;right:45px;top:0;padding-top:12px} .pnav .share a{float:none!important;background:0 0!important;height:auto!important;line-height:24px!important} .pnav .share .icon{font-size:20px!important} .pnav .back{position:absolute;left:45px;top:12px} .pnav .back .icon{display:inline-block;vertical-align:bottom;margin-right:5px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} @media screen and (min-width:1025px){ .pnav li>a:hover{background:#017584} .pnav .share a:hover{color:#017584} .pnav .back:hover{color:#017584} .pnav .back:hover .icon{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)} } .nw-list li+li{margin-top:40px} .nw-list a{display:block;padding:20px 80px 25px 20px;overflow:hidden;box-shadow:0 5px 10px rgba(0,0,0,.2)} .nw-list .picbox{float:left;width:360px;margin-right:45px} .nw-list .pai{padding-bottom:61.11%} .nw-list .txts{overflow:hidden} .nw-list .date{margin-top:25px;padding-right:15px;color:#000;font-size:16px;text-align:right;line-height:20px;white-space:nowrap;border-right:8px solid #0891a3} .nw-list .ti{color:#000;height:64px;font-size:24px;line-height:32px!important;overflow:hidden} .nw-list .tx{font-size:16px;height:72px;margin-top:20px} .nw-list .b{overflow:hidden;padding-top:70px} .nw-list .en{float:left;line-height:40px;white-space:nowrap;font-size:12px;color:#ccc;letter-spacing:5px} .nw-list .nw-more{float:right} .nw-more{display:inline-block;vertical-align:bottom;width:92px;height:36px;border:2px solid #0891a3;font-size:12px;line-height:36px;text-align:center;text-transform:uppercase;overflow:hidden;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} @media screen and (min-width:1025px){ .nwm-h:hover .nw-more{background:#0891a3;color:#fff} .nw-list a:hover{box-shadow:0 10px 20px rgba(0,0,0,.3)} } .pager a{width:72px;height:72px;margin:0 22px;line-height:72px;font-size:16px;color:#000} .pager a.act{background:#0891a3;color:#fff} @media screen and (min-width:1025px){ .pager a:hover{background:#0891a3;color:#fff} } .nw1{padding:65px 0 125px 0} .nw1 .nw-list{margin-bottom:50px} .ab_fixbg{position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;background:#0891a3;background:-webkit-linear-gradient(338deg,#0891a3,#143d89);background:-moz-linear-gradient(338deg,#0891a3,#143d89);background:linear-gradient(112deg,#0891a3,#143d89);overflow:hidden} .ab1{position:relative;color:#fff;overflow:hidden} .ab1 a{color:#fff} @media screen and (max-width:1366px){ .nw-list a{padding-right:45px} .nw1{padding-bottom:100px} .pbanner .ti{font-size:42px} .pbanner .txts{bottom:30px} .pnav li>a{padding:12px 45px} } @media screen and (max-width:1024px){ .pnav li>a{padding:12px 35px} .pnav .share{right:5%} .pbanner .txts{bottom:20px} .nw-list .picbox{width:320px;margin-right:35px} .nw-list a{padding-right:35px} .nw-list .ti{height:56px;font-size:20px;line-height:28px!important} .nw-list .tx{font-size:14px;margin-top:15px} .nw-list .b{padding-top:60px} .nw-list .en{letter-spacing:0} } @media screen and (max-width:861px){ .mcv{display:block} .pnav{z-index:199;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .pnav ul{position:absolute;left:0;right:0;top:100%;padding:10px 0;background:#017584;overflow:hidden;display:none} .pnav li{width:50%;float:left} .pnav li>a{padding:6px 0} .pnav.show{background:#017584} .pnav .share{padding-top:13px} .pbanner .ti{font-size:32px} .nw-list .picbox{width:220px;margin-right:25px} .nw-list .ti{height:auto;line-height:1.4!important;white-space:nowrap;text-overflow:ellipsis} .nw-list .tx{height:48px} .nw-more{height:30px;line-height:30px} .nw-list .en{line-height:34px;display:none} .pager a{width:62px;height:62px;margin:0 17px;line-height:62px;font-size:14px} } @media screen and (max-width:641px){ .nw-list .pai{display:none} .nw-list .picbox{width:100%;float:none} .nw-list .date{border:none;border-left:4px solid #0891a3;padding:0 0 0 10px;margin:0 0 15px 0;line-height:1;text-align:left;color:#999} .nw-list .ti{max-height:56px;font-size:20px;line-height:28px!important;white-space:normal} .nw-list .tx{margin-top:20px;height:auto;max-height:72px} .nw-list a{padding-left:5%;padding-right:5%} .nw-list .b{padding-top:40px} .pbanner .txts{bottom:15px} .pbanner .ti{font-size:28px} } @media screen and (max-width:601px){ .nw1{padding-bottom:14vw} .pager a{width:52px;height:52px;margin:0 12px;line-height:52px;font-size:14px} .pbanner .ti{font-size:24px} .pbanner .txts{bottom:10px} } @media screen and (max-width:481px){ .nw1{padding-top:45px} .mcv{line-height:44px} .pnav .share{padding-top:10px} .pnav .share .icon{font-size:16px!important} .nw-list .ti{max-height:52px;font-size:18px;line-height:26px!important} .nw-list .date{font-size:14px} .nw-list li+li{margin-top:30px} .pager a{width:44px;height:44px;margin:0 5px;line-height:44px;font-size:12px} .nw1 .nw-list{margin-bottom:40px} } .abv-list{position:absolute;left:0;right:0;top:50%;margin-top:-300px;padding:0 35px; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-around;} .abv-list li{width:20%} .abv-list a{display:block;position:relative;height:580px;margin:0 25px;padding:20px 30px 0 30px;background:url(../images/black5.png);background:rgba(0,0,0,.2);text-align:left;overflow:hidden;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .abv-list .num{position:relative;padding-top:8 px;line-height:60px;font-size:32px;color:#0891a3;white-space:nowrap;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .abv-list .num:before{content:"";position:absolute;left:0;top:0;width:16px;height:4px;background:#0891a3;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .abv-list .line{margin-top:6px;width:34px;height:5px;background:#0891a3;opacity:0;visibility:hidden;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .abv-list .ab-ti{padding-top:120px;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .abv-list .tx{margin-top:20px;width:210px;max-width:100%;height:60px;line-height:20px!important;opacity:0;visibility:hidden;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .abv-list .ico2{position:absolute;left:30px;bottom:40px;font-size:36px;color:#0891a3;white-space:nowrap;line-height:56px;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .abv-list .name{position:absolute;left:30px;bottom:40px;display:inline-block;vertical-align:bottom;text-transform:uppercase;font-size:12px;white-space:nowrap;line-height:56px;color:#999;letter-spacing:2px;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);opacity:0;visibility:hidden;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .abv-list .name:before{content:"";position:absolute;left:100%;top:50%;margin:-1px 0 0 8px;width:24px;height:2px;background:#ccc;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .abv-list .ab-more{position:absolute;right:30px;bottom:40px} .abv-list .ico1{position:absolute;right:50px;top:60px;font-size:70px;line-height:1;color:#ccc;-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} .ab-ti .en{margin-bottom:8px;font-size:32px;color:#0891a3;text-transform:uppercase;white-space:nowrap;overflow:hidden} .ab-ti .ch{font-size:18px;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .cir{display:block;-webkit-animation:circle 4s infinite linear;-moz-animation:circle 4s infinite linear;animation:circle 4s infinite linear} .cir:before{content:"";position:absolute;top:0;left:0;width:48px;height:48px;border-radius:100%;border:4px solid #0891a3} .cir .c{position:absolute;right:0;top:0;width:50%;height:50%;overflow:hidden} .cir .c:before{content:"";position:absolute;top:0;bottom:-100%;right:0;left:-100%;border-radius:100%;border:4px solid #ccc} .ab-more{width:56px;height:56px;line-height:56px;text-align:center;white-space:nowrap;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .ab-more .cir{position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;visibility:hidden;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .ab-more .icon{position:relative;font-size:22px} @media screen and (min-width:1025px){ .abv-list a:hover{background:#fff;color:#666} .abv-list a:hover .ab-ti{padding-top:60px} .abv-list a:hover .tx{opacity:1;visibility:visible} .abv-list a:hover .ab-ti .ch{color:#000} .abv-list a:hover .num{font-size:54px;color:#cb1519} .abv-list a:hover .num:before{width:100%} .abv-list a:hover .line{width:14px;opacity:1;visibility:visible} .abv-list a:hover .ico1{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible} .abv-list a:hover .ico2{opacity:0;visibility:hidden} .abv-list a:hover .name{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible} .abv-list a:hover .ab-more .cir{opacity:1;visibility:visible} .abv-list a:hover .ab-more{color:#000} } @media screen and (min-width:1367px){ .abv-list a:hover .ab-ti{padding-top:90px} } @media screen and (min-width:1201px){ .abv-list a:hover .num{font-size:64px} } @media screen and (max-width:1600px){ .abv-list a{margin:0 15px} .abv-list .ico1{right:40px} } @media screen and (max-width:1440px){ .abv-list a{margin:0 10px} .abv-list .ico1{right:30px} } @media screen and (max-width:1366px){ .abv-list a{margin:0 5px;padding-left:20px;padding-right:25px;height:480px} .abv-list{padding:0 15px;margin-top:-250px} .abv-list .ab-ti{padding-top:90px} .abv-list .ico1{font-size:60px;right:20px} .abv-list .ico2,.abv-list .name{left:20px;bottom:30px} .abv-list .ab-more{right:20px;bottom:30px} } @media screen and (max-width:1200px){ .abv-list a{margin:0 2px} .abv-list{padding:0 2px} .abv-list .ab-ti .en{font-size:26px} .abv-list .ab-ti .ch{font-size:16px} .abv-list .ico1{font-size:54px} } @media screen and (max-width:1024px){ .ab_fixbg{position:fixed} .ab1{padding:100px 5% 65px 5%;min-height:600px} .abv-list{position:static;top:0;margin:0 0 0 -25px;padding:0; flex-wrap: wrap; justify-content: flex-start;} .abv-list li{width:50%;margin-bottom:35px;} .abv-list a{margin:0 0 0 25px;height:580px;padding-left:30px;padding-right:30px} .abv-list .ab-ti .en{font-size:32px} .abv-list .ab-ti .ch{font-size:18px} .abv-list .tx{opacity:1;visibility:visible} .abv-list .ico2{left:30px;bottom:40px} .abv-list .ab-ti{padding-top:120px} .abv-list .num{font-size:64px;color:#cb1519} .abv-list .num:before{width:100%} .abv-list .line{width:14px;opacity:1;visibility:visible} .abv-list .ab-more{right:30px;bottom:40px} .abv-list .ab-more .cir{opacity:1;visibility:visible} } @media screen and (max-width:861px){ .abv-list li{width:50%} } @media screen and (max-width:641px){ .abv-list .ab-ti{padding-top:40px} .abv-list a{height:430px} .abv-list .num{font-size:48px;line-height:1} .abv-list .ab-more,.abv-list .ico2{bottom:30px} } @media screen and (max-width:601px){ .abv-list a{height:360px;padding-left:20px;padding-right:20px} .abv-list .ico2{left:20px;bottom:20px;font-size:32px;line-height:40px} .abv-list .ab-ti .en{font-size:26px} .abv-list .ab-ti .ch{font-size:16px} .abv-list .num{font-size:42px} .abv-list .ab-more{right:20px;bottom:20px} .ab-more{width:40px;height:40px;line-height:40px} .ab-more .cir:before{border-width:2px;width:36px;height:36px} .ab-more .cir .c:before{border-width:2px} .ab-more .icon{font-size:18px} .ab1{padding-top:16vw;padding-bottom:10vw} } @media screen and (max-width:481px){ .abv-list li{width:100%} .abv-list,.abv-list a{margin-left:0} } .ab2{padding:115px 0 125px 0} .ab2 .ab-intro{width:820px;max-width:90%;margin:0 auto} .ab2 .freeTx{margin-top:25px} .gi-ti{font-size:32px;color:#333;line-height:1.4} .gi-ti.white{color:#fff} .ab-his{position:relative} .ab-his:after,.ab-his:before{content:"";position:absolute;top:50%;width:200%;height:0;border-top:1px dashed #fff} .ab-his:before{right:100%;margin-right:20px} .ab-his:after{left:100%;margin-left:20px} .his-list{padding:0 205px} .his-list .item{padding:30px 0} .his-list:after,.his-list:before{content:"";position:absolute;top:50%;width:106px;height:0;border-top:1px dashed #fff} .his-list:before{left:84px} .his-list:after{right:84px} .his-arrow .slick-arrow{margin-top:-32px;width:56px;height:56px;border-radius:100%;border:4px solid #0891a3;background:0 0;text-align:center;line-height:56px;color:#0891a3;font-size:24px;font-family:iconfont!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .his-arrow .slick-prev:before{content:"\e604"} .his-arrow .slick-next:before{content:"\e61b"} .his-a{position:relative;height:420px;padding:45px 35px 0 50px;background:#eee} .his-a .freeTx{height:340px} .his-a .date{position:absolute;bottom:-30px;left:50%;margin-left:-90px;width:180px;height:60px;background:#0891a3;font-size:20px;text-align:center;line-height:60px;color:#fff;white-space:nowrap} .sbar{overflow:hidden;overflow-y:auto;padding-right:15px} .sbar::-webkit-scrollbar{width:6px;background:#ccc} .sbar::-webkit-scrollbar-thumb{background:#0891a3} @media screen and (min-width:1025px){ .his-list .slick-arrow:hover{background:#0891a3;color:#fff} } .ab3{padding:105px 0 235px 0} .ab3 .ab-his{margin-top:50px} .ab4{background:#f5f5f5;padding:120px 0 105px 0} .ab4 .freeTx{margin-top:45px} .mem-list{margin-left:-55px} .mem-list li{width:33.33%;float:left;margin-bottom:35px} .mem-list a{display:block;margin-left:55px} .mem-list .pai{padding-bottom:60.61%;box-shadow:0 3px 10px rgba(0,0,0,.2)} .mem-list .nowti{margin-top:18px;font-size:16px;height:24px;line-height:24px;color:#333;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} @media screen and (min-width:1025px){ .mem-list a:hover .nowti{color:#0891a3} } .ab5{padding:100px 0 140px 0} .ab5 .mem-list{margin-top:55px} .cul-box{position:relative} .cul-box:after{content:"";position:absolute;z-index:9;left:0;right:0;top:68px;height:1px;background:#fff;background-color:rgba(0,0,0,.1)} .cul-box .b{background:#fff;height:390px;margin:0 106px;color:#999;overflow:hidden} .cul-nav{height:68px;color:#1a1a1a;line-height:24px} .cul-nav li{position:relative;margin:0 10px;padding:22px 25px;font-size:18px;font-weight:700;cursor:pointer} .cul-nav li:before{content:"";position:absolute;left:auto;right:0;bottom:0;width:0;height:6px;background:#0891a3;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s} .cul-nav li.act:before{left:0;right:auto;width:100%} @media screen and (min-width:1025px){ .cul-nav li:hover:before{left:0;right:auto;width:100%} } .cul-tx{padding:70px 35px 0 35px} .cul-tx li{display:none;padding-left:15px;height:200px} .cul-tx .freeTx{width:544px;max-width:100%;margin:0 auto} .ab6{padding:100px 0 210px 0} .ab6 .cul-box{margin-top:80px} @media screen and (max-width:1366px){ .ab2{padding:95px 0 105px 0} .his-list{padding:0 155px} .his-list:after,.his-list:before{width:56px} .ab3,.ab6{padding-bottom:195px} .ab4{padding-top:100px} .ab5{padding-bottom:120px} } @media screen and (max-width:1024px){ .ab3,.ab6{padding-bottom:155px} } @media screen and (max-width:861px){ .pnav .back{top:13px;left:5%} .gi-ti{font-size:28px} .ab2,.ab4,.ab5{padding:75px 0 85px 0} .his-arrow .slick-arrow{margin-top:-25px;width:46px;height:46px;border:2px solid #0891a3;line-height:46px;font-size:20px} .his-list{padding:0 80px} .ab-his:after,.ab-his:before,.his-list:after,.his-list:before{display:none} .ab3 .ab-his{margin-top:15px} .ab3,.ab6{padding:85px 0 125px 0} .mem-list li{width:50%} .cul-box .b{margin:0} .cul-tx{padding-top:50px} .cul-tx li{height:220px} .ab6 .cul-box{margin-top:45px} } @media screen and (max-width:641px){ .his-list .item{padding:50px 0 30px 0} .his-arrow .slick-arrow{top:0;margin-top:0;width:49.8%;border:none;border-radius:0;background:#0891a3;color:#fff} .his-list{padding:0} .his-a{padding:35px 5% 0 5%} .sbar{padding-right:8px} .his-a .freeTx{height:360px} .ab3 .ab-his{margin-top:45px} .cul-tx li{padding-left:0} .cul-tx{padding-left:5%;padding-right:5%} } @media screen and (max-width:601px){ .gi-ti{font-size:24px} .ab2,.ab4,.ab5{padding:13vw 0 14vw 0} .ab3,.ab6{padding:14vw 0 20vw 0} .mem-list a{margin-left:35px} .mem-list{margin-left:-35px} .ab5{padding-bottom:10vw} .cul-nav{padding-left:5%;padding-right:5%;overflow:hidden} .cul-nav li{margin:0;padding-left:0;padding-right:0;width:33.33%;float:left} .cul-tx{padding-top:35px} .cul-tx li{height:250px} } @media screen and (max-width:481px){ .gi-ti{font-size:20px;width:200px;margin:0 auto} .pnav .back{top:10px} .his-a{padding-top:25px} .his-a .freeTx{height:380px} .his-a .date{bottom:-25px;margin-left:-80px;width:160px;height:50px;font-size:18px;line-height:50px} .ab3 .ab-his,.ab4 .freeTx,.ab5 .mem-list,.ab6 .cul-box{margin-top:35px} .mem-list a{margin-left:20px} .mem-list{margin-left:-20px} .mem-list .nowti{margin-top:10px;font-size:14px} .mem-list li{margin-bottom:25px} .cul-nav{height:58px} .cul-nav li{padding:17px 0;font-size:14px} .cul-nav li:before{height:4px} .cul-box:after{top:58px} } .spe-col{padding:20px;box-shadow:0 5px 10px rgba(0,0,0,.2)} .spe-col .pic{width:360px;margin-right:15px;float:left} .spe-col .txts{overflow:hidden} .spe-col .ip-ti{min-height:0;margin-bottom:20px} .spe-col a{display:block;position:relative;padding:0 50px 0 30px;line-height:38px;overflow:hidden} .spe-col a:before{content:"";position:absolute;top:auto;bottom:0;right:0;width:100%;height:0;background:#eee;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .spe-col .nowti{float:left;width:70%;position:relative;line-height:38px} .spe-col .date{float:right;position:relative;white-space:nowrap;color:#999} .spe-col .nw-add{position:absolute;right:15px;top:50%;margin-top:-1px;-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);opacity:0;visibility:hidden;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .spe-col .nw-en{padding-left:30px;margin-top:20px} .nw-add{display:block;position:relative;width:10px;height:2px;background:#bfbfbf} .nw-add:before{content:"";position:absolute;left:4px;top:-4px;width:2px;height:10px;background:#bfbfbf} @media screen and (min-width:1025px){ .spe-col a:hover:before{top:0;bottom:auto;height:100%} .spe-col a:hover .nw-add{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible} } .nw-en{line-height:40px;white-space:nowrap;font-size:12px;color:#ccc;letter-spacing:5px} .nw2{padding:55px 0 165px 0} .nw2 .spe-col{margin-bottom:45px} @media screen and (max-width:1366px){ .spe-col .nw-en,.spe-col a{padding-left:20px} .nw2{padding-bottom:145px} } @media screen and (max-width:1024px){ .spe-col a{padding-right:0} .nw2{padding-bottom:125px} } @media screen and (max-width:861px){ .spe-col .pic{display:none} .spe-col .nw-en,.spe-col a{padding-left:0} .spe-col{padding-left:5%;padding-right:5%} .nw2{padding-bottom:105px} } @media screen and (max-width:601px){ .nw2{padding-bottom:14vw} } @media screen and (max-width:481px){ .spe-col .date{font-size:12px} .spe-col .nowti{width:75%} .nw2{padding-top:45px} .nw2 .spe-col{margin-bottom:35px} .spe-col .ip-ti{margin-bottom:10px} } .nd-w{width:830px;max-width:90%;margin:0 auto} .nd-t{background:#f5f5f5;padding:55px 0 60px 0} .nd-t .clearfix{line-height:24px;margin-top:25px} .nd-t .nw-share{float:left} .nd-t .date{float:left;margin-left:40px;color:#0891a3;font-weight:700} .nd-t .nw-en{float:right;line-height:24px;color:#0891a3} .nw-share a{display:block;float:none!important;background:0 0!important;font-size:14px!important;height:auto!important;line-height:24px!important} .nw-share .icon{display:inline-block;vertical-align:bottom;font-size:18px;margin-left:8px;color:#0891a3;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} @media screen and (min-width:1025px){ .nw-share a:hover,.nw-share a:hover .icon{color:#017584!important} } .nd-back{ border-top: 1px solid #aaaaaa; padding-top: 20px; position: relative; } .nd-back a{display:block; width: 140px; height:44px; border: 1px solid #999; text-align:center;line-height:44px;color:#666;font-size:14px;overflow:hidden} .nd-back .back{margin:0 auto;background:#0891a3; border-color: #0891A3; color: #fff;} .nd-back .back-icon{margin:20px 0 0 20px} .nd-back .nd-arow{position: absolute; z-index:199; top: 20px;} .nd-back .nd-prev{left: 0;} .nd-back .nd-next{right: 0;} .back-icon{display:block;position:relative;width:16px;height:16px} .back-icon i:before,.back-icon:after,.back-icon:before{content:"";position:absolute} .back-icon i,.back-icon i:before,.back-icon:after,.back-icon:before{width:6px;height:6px;background:#fff} .back-icon i{display:block} .back-icon i:before{left:10px;top:0} .back-icon:before{left:0;bottom:0} .back-icon:after{right:0;bottom:0} @media screen and (min-width:1025px){ .nd-back a:hover{background:#0891A3;border-color: #0891A3; color: #fff;} .nd-back a.back:hover{ background: #999999; border-color: #999999;} } .nd-b{padding:40px 0 70px 0} .nd-b .nd-back{margin-top:70px} @media screen and (max-width:1024px){ .nd-back a{width: 120px; height:38px;line-height:38px;} } @media screen and (max-width:601px){ .nd-t .clearfix{margin-top:5vw} .nd-t{padding:12vw 0} } @media screen and (max-width:481px){ .nd-t .gi-ti{width:100%} .nd-t .date{margin-left:30px} .nd-t .nw-en{display:none} .nd-b .nd-back{margin-top:50px} .nd-b{padding-bottom:50px} .nd-back a.nd-arow { position: relative; width: 49%; float: left; top: auto; box-sizing: border-box;} .nd-back a.nd-next{ margin-left: 2%;} .nd-back a.back{ width: 100%; margin-top: 10px; float: left;} } .par-list a{display:block;padding:0 80px 0 45px;height:188px;border:1px solid #eee;overflow:hidden} .par-list .ti{margin-top:30px;color:#000;height:64px;font-size:24px;line-height:32px!important;overflow:hidden} .par-list .date{padding-left:15px;color:#000;font-size:16px;line-height:20px;white-space:nowrap;border-left:8px solid #0891a3} .par-list .datebox{float:left;width:360px;margin-right:20px;padding-top:10px} .par-list .b{overflow:hidden} .par-list .nw-en{float:left} .par-list .nw-more{float:right} .par-list .clearfix{margin-top:20px} .par-list li+li{margin-top:15px} @media screen and (min-width:1025px){ .par-list a:hover{box-shadow:0 0 10px rgba(0,0,0,.2)} } .nw1 .par-list{margin-bottom:50px} @media screen and (max-width:1366px){ .par-list a{padding-right:45px} } @media screen and (max-width:1024px){ .par-list .ti{height:56px;font-size:20px;line-height:28px!important} .par-list a{height:178px;padding:0 35px} .par-list .nw-en{letter-spacing:0} .par-list .datebox{width:320px} } @media screen and (max-width:861px){ .par-list .nw-en{display:none} .par-list .datebox{width:220px;padding-top:5px;margin-right:10px} .par-list a{height:168px} } @media screen and (max-width:641px){ .par-list a{padding:0 5%} .par-list .date{padding-left:10px;line-height:1;color:#999;border-width:4px} .par-list .datebox{width:auto;margin-right:0;padding-top:9px} } @media screen and (max-width:481px){ .par-list .date{font-size:14px} .par-list .ti{margin-top:20px;max-height:52px;font-size:18px;line-height:26px!important} .par-list a{height:150px} .nw1 .par-list{margin-bottom:40px} } .ten-list a{display:block;padding:30px 80px 0 45px;-moz-box-sizing:border-box;box-sizing:border-box;height:188px;border:1px solid #eee;overflow:hidden} .ten-list .date{padding-left:15px;border-left:8px solid #0891a3;color:#0891a3;font-size:16px;line-height:20px;white-space:nowrap} .ten-list .date-box{width:175px;float:left;padding-top:4px} .ten-list .txts{overflow:hidden} .ten-list .ti{margin-bottom:27px;height:56px;font-size:20px;line-height:28px!important;color:#000;overflow:hidden} .ten-list .nw-en{float:left} .ten-list .nw-more{float:right} .ten-list li+li{margin-top:15px} @media screen and (min-width:1025px){ .ten-list a:hover{box-shadow:0 0 10px rgba(0,0,0,.2)} } .nw1 .ten-list{margin-bottom:50px} @media screen and (max-width:1024px){ .ten-list a{padding-left:5%;padding-right:5%} } @media screen and (max-width:861px){ .ten-list .nw-en{letter-spacing:0} .ten-list .date-box{width:155px} .ten-list .nw-en{line-height:34px} .ten-list a{height:183px} } @media screen and (max-width:601px){ .ten-list .date-box{float:none;width:100%;padding-top:0;margin-bottom:15px} .ten-list a{height:auto;padding-bottom:30px} } @media screen and (max-width:481px){ .ten-list .ti{height:52px;font-size:18px;line-height:26px!important} .ten-list .date{padding-left:10px;border-width:4px;font-size:14px;line-height:1} .ten-list a{padding-top:20px} .nw1 .ten-list{margin-bottom:40px} } .job-list{margin-left:-60px} .job-list li{width:50%;float:left;margin-bottom:35px} .job-list a{display:block;position:relative;padding:0 40px;height:120px;border:1px solid #eee;margin-left:60px;overflow:hidden} .job-list .nw-add,.job-list .nw-add:before{background:#0891a3} .job-list .nw-add{position:absolute;right:40px;top:50%;margin-top:-1px;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);opacity:0;visibility:hidden;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .job-list .nowti{margin-top:25px;font-size:18px;color:#000} .job-list .infor{margin-top:25px} .infor{font-size:16px;color:#999} .infor span{float:left;margin-right:30px} .infor i{display:inline-block;vertical-align:bottom;margin-right:10px;color:#0891a3} @media screen and (min-width:1025px){ .job-list a:hover{background:#eee} .job-list a:hover .nw-add{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible} } .nw1 .job-list{margin-bottom:15px} .ly-box{background:#e5e5e5;opacity:0;visibility:hidden;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s} .ly-box .icon-guanbi{position:fixed;z-index:99;right:50%;top:50%;margin:-360px -530px 0 0;width:40px;height:40px;font-weight:700;font-size:12px;color:#0891a3;line-height:40px;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .ly-box .ly-cont{-webkit-transform:translateX(60px);-moz-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px);opacity:0;visibility:hidden;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s} .ly-box.show{opacity:1;visibility:visible} .ly-box.show .ly-cont{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible} .ly-cont{position:absolute;left:0;right:0;top:50%;margin-top:-390px} .ly-cont .pw2{background:#fff;height:780px;overflow:hidden} .ly-cont .t{background:#eee;padding:38px 40px;line-height:24px} .ly-cont .nowti{float:left;font-size:18px;color:#000;line-height:24px} .ly-cont .infor{float:left;margin-left:38%} .ly-cont .infor span{margin-right:90px} .ly-cont .b{padding:40px 70px 0 70px} .ly-cont .freeTx{height:590px} @media screen and (min-width:1025px){ .ly-box .icon-guanbi:hover{background:#0891a3;color:#fff} } @media screen and (max-width:1600px){ .ly-cont .pw2{height:680px} .ly-cont{margin-top:-340px} .ly-cont .freeTx{height:490px} .ly-box .icon-guanbi{margin-top:-310px} } @media screen and (max-width:1366px){ .job-list{margin-left:-40px} .job-list a{margin-left:40px} .ly-cont .pw2{height:580px} .ly-cont{margin-top:-290px} .ly-cont .t{padding-top:28px;padding-bottom:28px} .ly-cont .freeTx{height:410px} .ly-box .icon-guanbi{margin-top:-270px;margin-right:-480px} } @media screen and (max-width:1024px){ .job-list{margin-left:-30px} .job-list a{margin-left:30px} .ly-cont .pw2{width:100%;height:auto;background:0 0} .ly-cont{overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;background:#fff;position:static;top:0;margin:0} .ly-cont .b,.ly-cont .t{padding-left:5%;padding-right:5%} .ly-cont .infor{float:right;margin-left:0} .ly-cont .infor span{margin:0 0 0 30px} .ly-cont .freeTx{height:auto} .ly-box .icon-guanbi{top:auto;right:auto;margin:0;bottom:15px;right:15px;border-radius:100%;background:rgba(8,145,163,.8);color:#fff} .job-list .nw-add{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible} .ly-cont .b{padding-bottom:100px} } @media screen and (max-width:861px){ .job-list a{padding:0 25px} .job-list .infor span{float:none;display:block} .job-list .infor{margin-top:15px} .job-list a{height:140px} .job-list .nw-add{top:auto;margin:0;bottom:30px;right:15px} } @media screen and (max-width:641px){ .job-list li{width:100%;float:none;margin-bottom:15px} .job-list,.job-list a{margin:0} .job-list a{padding:0 5%} .job-list .nw-add{right:5%} .nw1 .job-list{margin-bottom:35px} } @media screen and (max-width:601px){ .ly-cont .b{padding-bottom:14vw;padding-top:6.66vw} .ly-cont .infor,.ly-cont .nowti{float:none} .infor{line-height:24px;font-size:14px} .infor i{margin-right:7px;font-size:15px} .ly-cont .infor span{margin:0 30px 0 0} .ly-cont .infor{margin-top:10px} } @media screen and (max-width:481px){ .nw1 .job-list{margin-bottom:25px} .job-list .nowti{margin-top:20px} .job-list a{height:auto;padding-bottom:20px} } .down-list{border-top:1px solid #eee} .down-list a{display:block;position:relative;padding:0 70px 0 40px;border:1px solid #eee;border-top:none;line-height:78px} .down-list a:before{content:"";position:absolute;top:auto;bottom:0;right:0;width:100%;height:0;background:#eee;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .down-list .nowti{position:relative;line-height:78px;font-size:16px;color:#000} .down-list .icon{position:absolute;top:0;right:40px;font-size:20px;color:#999;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} @media screen and (min-width:1025px){ .down-list a:hover:before{top:0;bottom:auto;height:100%} .down-list a:hover .icon{color:#0891a3} } .nw1 .down-list{margin-bottom:50px} @media screen and (max-width:1024px){ .down-list a{padding:0 5%} .down-list .icon{right:5%} .down-list .nowti{margin-right:30px} } @media screen and (max-width:641px){ .down-list .nowti,.down-list a{line-height:58px} } @media screen and (max-width:481px){ .down-list .icon{font-size:16px} .down-list .nowti{font-size:14px} .down-list .nowti,.down-list a{line-height:48px} .nw1 .down-list{margin-bottom:40px} } .sos-box{position:fixed;top:50%;left:5%;right:5%;margin-top:-164px;color:#999} .sos-box .img{vertical-align:bottom;max-width:70%} .sos-box .fib{margin-top:75px} .sos-box .btn{width:150px;height:56px;margin:0 12px;border-radius:8px;background:#b3b3b3;color:#fff;line-height:56px} .sos-box .tx1{margin-top:50px} @media screen and (min-width:1025px){ .sos-box .btn:hover{background:#0891a3} } @media screen and (max-width:1024px){ .sos-box{margin:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} } @media screen and (max-width:481px){ .sos-box .tx1{width:260px;margin:30px auto 0 auto} .sos-box .btn{width:100px;height:46px;margin:0 5px;font-size:12px;line-height:46px} .sos-box .fib{margin-top:45px} } .sta1{padding:65px 0 10% 0} .sta1 .gi-ti{color:#0891a3} .sta1 .freeTx{border:1px solid #eee;margin-top:45px;padding:65px 80px} @media screen and (max-width:1366px){ .sta1 .freeTx{padding-left:60px;padding-right:60px} } @media screen and (max-width:1024px){ .sta1{padding-bottom:100px} .sta1 .freeTx{padding:45px 5%;margin-top:30px} } @media screen and (max-width:601px){ .sta1{padding-top:13vw;padding-bottom:14vw} .sta1 .gi-ti{width:100%} .sta1 .freeTx{padding-top:6vw;padding-bottom:6vw;margin-top:6.5vw} } #map{height:600px} .cta-ti{font-size:48px;line-height:1.4;color:#0891a3} .cta-box{border:1px solid #eee;padding:40px 50px 15px 50px} .cta-list{margin-left:-60px;font-size:16px;color:#000} .cta-list a{display:block;color:#000;overflow:hidden} .cta-list li{width:50%;float:left;margin-bottom:25px} .cta-list .ma{margin-left:60px} .cta-list .ttu{float:left;width:60px;color:#0891a3} .cta-list .item1{clear:both} @media screen and (min-width:1025px){ .cta-list a:hover{color:#0891a3} } .cta1{padding:50px 0 80px 0} .cta1 .cta-box{margin-top:20px} @media screen and (max-width:1366px){ #map{height:480px} .cta-ti{font-size:38px} .cta-list{margin-left:-40px} .cta-list .ma{margin-left:40px} } @media screen and (max-width:1024px){ .cta-box{padding-left:5%;padding-right:5%} } @media screen and (max-width:861px){ .cta-ti{font-size:28px} .cta-list{margin-left:-30px} .cta-list .ma{margin-left:30px} } @media screen and (max-width:601px){ .cta-list li{width:100%;float:none} .cta-list,.cta-list .ma{margin-left:0} .cta-box{padding-top:30px;padding-bottom:5px} .cta1{padding:11vw 0 14vw 0} #map{height:80vw} .cta-ti{font-size:24px} } @media screen and (max-width:481px){ .cta-ti{font-size:20px} .cta-list{font-size:14px} .cta-list .ttu{width:50px} .cta-list li{margin-bottom:15px} .cta1 .cta-box{margin-top:15px;padding-top:15px;padding-bottom:0} } .que-list li{position:relative;border:1px solid #eee;padding-left:25px;line-height:24px;cursor:pointer;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .que-list li.act{background:#eee} .que-list li.act .b{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible} .que-list li.act .icon-font47 .i1{display:none} .que-list li.act .icon-font47 .i2{display:inline-block} .que-list li+li{margin-top:10px} .que-list .n1{width:35px;float:left;position:relative;padding:23px 0;margin-right:45px;line-height:24px} .que-list .n1:before{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:#0891a3} .que-list .txts{position:relative;padding:23px 0;overflow:hidden} .que-list .ti{font-size:16px;line-height:24px;margin-right:110px} .que-list .icon-font47{position:absolute;top:23px;right:25px;cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .que-list .icon-font47 i{display:inline-block;vertical-align:bottom;margin-left:10px;font-size:14px;color:#999;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .que-list .icon-font47 .i2{display:none} .que-list .name{font-size:18px;color:#0891a3} .que-list .b{position:absolute;z-index:99;top:100%;margin-top:-7px;padding-top:12px;right:0;width:380px;cursor:default;-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} .que-list .txb{position:relative;background:#fff;padding:25px 0 60px 0;color:#999;box-shadow:0 0 30px rgba(0,0,0,.2)} .que-list .n2{padding:0 40px 0 33px;border-left:7px solid #0891a3;line-height:33px} .que-list .freeTx{padding:20px 40px 0 40px} .que-list .sj{position:absolute;z-index:9;left:50%;margin-left:-12px;top:0;border-left-width:12px;border-right-width:12px;border-bottom-width:12px;border-bottom-color:#fff} .que-list .icon-guanbi{position:absolute;right:10px;bottom:10px;line-height:1;font-size:12px;cursor:pointer} @media screen and (min-width:1025px){ .que-list .icon:hover,.que-list .icon:hover i{color:#0891a3} .que-list li:hover{background:#eee} } .ser1{padding:80px 0 115px 0} .ser2{background:#eee;color:#999;padding:70px 0 100px 0} .ser2 a{color:#999} .ser2 .ask-que{margin-bottom:55px} .ser2 .ser-tx{margin-top:25px} .ser2 .gi-ti{margin-bottom:30px} .ask-que li{width:62%;float:left;-moz-box-sizing:border-box;box-sizing:border-box} .ask-que li:first-child{width:38%;padding-right:10px} .ask-que input{height:80px} .ask-que textarea{height:260px} .ask-que .s-input{display:block;width:100%;padding:27px 20px;margin-bottom:10px;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;border:1px solid #fff;line-height:24px;color:#999;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .ask-que .s-input:focus{border-color:#0891a3} .ask-que dd,.ask-que dt{width:50%;float:left;-moz-box-sizing:border-box;box-sizing:border-box} .ask-que dd{padding-left:5px} .ask-que dt{padding-right:5px} .ask-que .verif{height:80px;background:#fff;overflow:hidden} .ask-que .verif img{vertical-align:bottom;max-width:100%} .subBtn{display:block;margin:0 auto;width:240px;height:80px;background:#fff;color:#999;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} @media screen and (min-width:1025px){ .subBtn:hover{background:#0891a3;color:#fff} } @media screen and (max-width:1024px){ .que-list .icon-font47{display:none} .que-list .ti{margin-right:25px} } @media screen and (max-width:861px){ .que-list .b{position:static;top:0;width:100%;margin:0;padding:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible} .que-list .icon-guanbi,.que-list .n1:before,.que-list .sj{display:none} .que-list .txb{padding-left:5%;padding-right:5%;padding-bottom:40px;box-shadow:none;overflow:hidden} .que-list li{padding-left:0;background:#eee} .que-list .n2{line-height:1} .que-list .n1{width:40px;margin:0 0 0 5%;text-align:left} .que-list .txts{padding-right:5%} .que-list .ti{margin-right:0} .ser1{padding-bottom:95px} .ask-que li,.ask-que li:first-child{width:100%;float:none} .ask-que li:first-child{padding-right:0} .que-list .freeTx{padding-right:0} } @media screen and (max-width:601px){ .ser1,.ser2{padding:12vw 0 14vw 0} .ser2 .ask-que{margin-bottom:10vw} .ser2 .ser-tx{margin-top:5vw} } @media screen and (max-width:481px){ .que-list .name{font-size:16px} .que-list .n1{width:35px} .que-list .freeTx{padding-left:35px} .que-list .n2{padding-left:30px;border-width:5px} .que-list .txb{padding-bottom:30px} .ser2 .gi-ti{width:100%;margin-bottom:20px} .ask-que .verif,.ask-que input{height:60px} .ask-que .s-input{padding:17px 15px} .subBtn{width:180px;height:60px} } .pro-banner{position:relative;overflow:hidden} .pro-banner .pic2{position:absolute;top:0;left:0} .pro-banner .txts{position:absolute;left:0;right:0;bottom:100px;padding-bottom:8%} .pro-banner .pro-nav{margin-bottom:250px} .pro-nav li{width:110px;float:left} .pro-nav li+li{margin-left:220px} .pro-nav a{display:block;position:relative;height:110px;border-radius:100%;background:#0891a3;background:rgba(8,145,163,.5);color:#fff;text-align:center} .pro-nav a:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border-radius:100%;background:#cba160;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);opacity:0;visibility:hidden;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .pro-nav a.act:before{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible} .pro-nav .icon{display:block;padding-top:20px;margin-bottom:3px;height:40px;font-size:34px;line-height:40px} .pro-nav i,.pro-nav p{position:relative} .pro-nav .icon-zhongyiyangsheng{font-size:40px} @media screen and (min-width:1025px){ .pro-nav a:hover:before{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;visibility:visible} } .pro-ti{color:#0891a3} .pro-ti .ch{font-size:40px} .pro-ti .en{font-size:32px} .pro-tx{position:absolute;right:50%;margin-right:-510px;bottom:13%;width:580px;height:200px;padding:35px 35px 0 35px;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;overflow:hidden;box-shadow:0 5px 10px rgba(0,0,0,.2)} .pro-tx .tx{padding-top:15px;height:120px;border-top:1px solid #0891a3} #mouse{position:absolute;bottom:50px;left:50%;margin-left:-550px;font-size:34px;line-height:1;color:#0891a3;cursor:pointer;-webkit-animation:mouse 1.8s infinite;-moz-animation:mouse 1.8s infinite;animation:mouse 1.8s infinite} @-webkit-keyframes mouse{ 0%{-webkit-transform:translateY(-60%);transform:translateY(-60%);opacity:1} 100%{-webkit-transform:translateY(60%);transform:translateY(60%);opacity:0} } @-moz-keyframes mouse{ 0%{-moz-transform:translateY(-60%);transform:translateY(-60%);opacity:1} 100%{-moz-transform:translateY(60%);transform:translateY(60%);opacity:0} } @keyframes mouse{ 0%{-webkit-transform:translateY(-60%);-moz-transform:translateY(-60%);transform:translateY(-60%);opacity:1} 100%{-webkit-transform:translateY(60%);-moz-transform:translateY(60%);transform:translateY(60%);opacity:0} } .pro-list .pai{padding-bottom:39.09%} .pro-list a{display:block;background:#eee} .pro-list a+a{margin-top:35px} .pro-list .txts{padding:0 40px;position:relative} .pro-list .nowti{line-height:100px;font-size:24px;margin-right:30px} .pro-list .icon{position:absolute;top:50%;margin-top:-12px;right:40px;color:#999;font-size:20px;line-height:24px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} @media screen and (min-width:1025px){ .pro-list a:hover{background:#0891a3;color:#fff} .pro-list a:hover .icon{color:#fff;-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)} } .pro1{padding:120px 0 130px 0} @media screen and (max-width:1700px){ .pro-banner .pro-nav{margin-bottom:160px} } @media screen and (max-width:1366px){ .pro-nav li+li{margin-left:186.66px} .pro-ti .ch{font-size:32px} .pro-ti .en{font-size:26px} .pro-banner .pro-nav{margin-bottom:80px} .pro-tx{margin-right:-500px;bottom:30px} #mouse{margin-left:-500px} .pro1{padding-top:100px} } @media screen and (max-width:1024px){ .pro-banner .pic2{position:relative} #mouse{display:none} .pro-banner .txts{position:static;padding:80px 0 0 0} .pro-nav li{width:25%;text-align:center} .pro-nav li+li{margin-left:0} .pro-nav a{display:inline-block;vertical-align:bottom;width:110px;background:#0891a3} .pro-banner .pro-nav{margin-bottom:60px} .pro-tx{position:static;margin:0;padding:35px 5% 0 5%;width:100%;height:auto;box-shadow:none} .pro-tx .tx{height:auto;border:none;padding-top:0} .pro1{padding:80px 0 100px 0} .pro-list .txts{padding:0 5%} .pro-list .icon{right:5%} } @media screen and (max-width:641px){ .pro-nav a{width:90px;height:90px} .pro-nav .icon{height:30px;font-size:26px;line-height:30px} .pro-nav .icon-zhongyiyangsheng{font-size:34px} .pro-ti .ch{font-size:28px} .pro-ti .en{font-size:22px} .pro-list .nowti{line-height:80px;font-size:20px} } @media screen and (max-width:601px){ .pro-banner .txts{padding-top:12vw} .pro-banner .pro-nav{margin-bottom:10vw} .pro1{padding:12vw 0 14vw 0} } @media screen and (max-width:481px){ .pro-nav .icon{height:24px;padding-top:15px;font-size:22px;line-height:24px} .pro-nav .icon-zhongyiyangsheng{font-size:30px} .pro-nav a{width:74px;height:74px;font-size:12px} .pro-ti .ch{font-size:24px} .pro-ti .en{font-size:18px} .pro-tx{padding-top:25px} .pro-list .nowti{line-height:50px;font-size:16px} .pro-list .icon{font-size:16px} } @media screen and (max-width:321px){ .pro-nav a{width:70px;height:70px} } .pd-t{padding:60px 6% 0 6%} .pd-t .gi-ti{margin-bottom:30px} .pro-b{padding:60px 0 45px 0} .pro-b .freeTx{margin-bottom:155px} @media screen and (max-width:1024px){ .pro-b .freeTx{margin-bottom:115px} .pd-t{padding-left:5%;padding-right:5%} } @media screen and (max-width:601px){ .pd-t .gi-ti{margin-bottom:5vw} .pd-t,.pro-b{padding-top:10vw} .pro-b .freeTx{margin-bottom:20vw} } .ibox-new-img{ float: left; width: 56%; height: 534px; overflow: hidden;} .ibox-new-img .item{ position: relative; height: 534px;} .ibox-new-img .linkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; display: block;} .ibox-new-img .time-box{ position: absolute; left: 0; top: 0; background-color: #0891A3; width: 90px; text-align: center; color: #fff; padding: 5px 0; font-family: DINLight; font-weight: 500;} .ibox-new-img .time-box .day{ font-size: 40px; display: block; line-height: 1.1;} .ibox-new-img .time-box .time{ font-weight: 500; display: block; line-height: 1.2;} .ibox-new-img .imgBox{ position: relative; overflow: hidden; margin: 0; padding: 0; height: 100%;} .ibox-new-img .imgBox .imgw{ position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; margin: 0;} .ibox-new-img .c{ position: absolute; left: 5%; bottom: 5%; width: 60%; color: #fff; font-weight: bold; font-size: 20px; line-height: 1.5;} .ibox-new-img .cover { background: url(../images/shadow.png) repeat-x left bottom;} .ibox-new-img .slick-dots{ position: absolute; right: 3%; bottom: 5%; width: auto; left: auto; } .ibox-new-img .slick-dots li{ background: #fff; opacity: .5; filter:alpha(opacity=80); } .ibox-new-img .slick-dots .slick-active{ opacity: 1; filter:alpha(opacity=100); } .ibox-new-tab{ float: left; width: 44%; background-color: #fff; height: 534px; overflow: hidden; } .ibox-new-tabT{ position: relative; height: 84px; background-color: #0891A3; color: #fff; } .ibox-new-tabnav a{ float: left; font-size: 20px; padding: 0 5%; height: 84px; line-height: 84px; color: #fff; font-weight: 500; } .ibox-new-tabnav a.active{ background-color: #0E7582; } .ibox-new-tabT .more{ font-weight: bold; font-size: 30px; line-height: 84px; height: 84px; padding: 0 5%; position: absolute; right: 0; top: 0; color: #fff; } .ibox-new-tabT .more:hover{ transform: rotate(180deg); -webkit-transform: rotate(180deg); } .ibox-new-tabC{ padding: 10px 30px; } .ibox-new-list{ display: none; position: relative; -webkit-animation-name: tab; -moz-animation-name: tab; -o-animation-name: tab; animation-name: tab; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; animation-direction: normal; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; -o-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes tab { from { opacity: 0; -webkit-transform: translateY(8%); transform: translateY(8%); } to { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } } @-moz-keyframes tab { from { opacity: 0; -webkit-transform: translateY(8%); -moz-transform: translateY(8%); transform: translateY(8%); } to { opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); } } @-o-keyframes tab { from { opacity: 0; -webkit-transform: translateY(8%); -o-transform: translateY(8%); transform: translateY(8%); } to { opacity: 1; -webkit-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } } @keyframes tab { from { opacity: 0; -webkit-transform: translateY(8%); -moz-transform: translateY(8%); -o-transform: translateY(8%); transform: translateY(8%); } to { opacity: 1; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } } .ibox-new-list.active { display: block; } .ibox-new-list a{ display: block; font-size: 16px; height: 54px; line-height: 54px; overflow: hidden; color: #999999; } .ibox-new-list a:hover{ color: #017584; } .ibox-new-list a .time{ float: right; margin-left: 10px; } @media screen and (max-width:1520px){ .ibox-new-img,.ibox-new-img .item,.ibox-new-tab{ height: 458px; } .ibox-new-img .c{ font-size: 18px; } .ibox-new-tabT{ height: 70px; } .ibox-new-tabnav a{ height: 70px; line-height: 70px; font-size: 16px; } .ibox-new-tabT .more{ height: 70px; line-height: 70px; } .ibox-new-list a{ height: 45px; line-height: 45px; font-size: 14px; } } @media screen and (max-width:1366px){ .ibox-new-img,.ibox-new-img .item,.ibox-new-tab{ height: 400px; } .ibox-new-img .c{ font-size: 16px; } .ibox-new-tabT{ height: 60px; } .ibox-new-tabnav a{ height: 60px; line-height: 60px; } .ibox-new-tabT .more{ height: 60px; line-height: 60px; } .ibox-new-list a{ height: 40px; line-height: 40px; } } @media screen and (max-width:1220px){ .ibox-new-img .c{ font-size: 14px; } .ibox-new-tabnav a{ padding: 0 15px; font-size: 15px; } .ibox-new-tabC{ padding: 8px 15px; } } @media screen and (max-width:1220px){ .ibox-new-img, .ibox-new-img .item, .ibox-new-tab{ height: auto; } .ibox-new-img{ margin-bottom: 35px; } .ibox-new-img .imgBox .imgw{ position: relative; } .ibox-new-img{ float: none; width: 100%; } .ibox-new-tab{ float: none; width: auto; } .ibox-new-tabnav a{ padding: 0 20px; } .ibox-new-tabT .more{ padding: 0 20px; } .ibox-new-tabC{ padding: 8px 20px; } } @media screen and (max-width:768px){ .ibox-new-img .c{ width: 70%; } .ibox-new-img .slick-dots li{ width: 8px; height: 8px; margin: 0 3px; } .ibox-new-img .time-box { width: 70px; } .ibox-new-img .time-box .day{ font-size: 30px; } } @media screen and (max-width:640px){ .ibox-new-img .time-box { width: 60px; } .ibox-new-img .time-box .day{ font-size: 24px; } .ibox-new-img .time-box .year{ font-size: 12px; } .ibox-new-tabT{ height: 50px; } .ibox-new-tabnav a{ height: 50px; line-height: 50px; padding: 0 2%; font-size: 14px; } .ibox-new-tabT .more{ height: 50px; line-height: 50px; padding: 0; right: 10px; font-size: 24px; } }