*{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 'times new roman',arial,tahoma,'Microsoft Yahei','微软雅黑','Microsoft JhengHei','微软正黑体',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{cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;text-decoration:none} fieldset,iframe,img{border:0} button,input,select,textarea{font-size:100%;border:none;border-radius:0;outline:0;background:0 0;appearance:none;-moz-appearance:none;-webkit-appearance:none} table{border-spacing:0;border-collapse:collapse} 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{margin:0;padding:0;border:0 none} input[type=search]{-webkit-appearance:textfield} input:focus::-webkit-input-placeholder{color:transparent} input::-ms-clear{display:none} textarea{overflow-y:auto;resize:vertical} ::-moz-selection{color:#fff;background:#d76c00;text-shadow:none} ::selection{color:#fff;background:#d76c00;text-shadow:none} a:link,a:visited{text-decoration:none} a:active,a:hover{text-decoration:none} .clearfix:after,.clearfix:before{line-height:0;display:table;content:''} .clearfix:after{clear:both} a{color:#666} @font-face{font-family:DINCond-Bold;font-weight:400;font-style:normal;src:url(../css/DINCond-Bold.eot);src:local('☺'),url(../css/DINCond-Bold.woff) format('woff'),url(../css/DINCond-Bold.ttf) format('truetype'),url(../css/DINCond-Bold.svg) format('svg')} .ff-1{font-family:DINCond-Bold} .ly-box{position:fixed;z-index:9999;top:0;right:0;bottom:0;left:0;background:url(../images/black5.png)} .splwo span{display:block} .splwo i{display:inline-block} .header{position:fixed;z-index:1010;top:0;right:0;left:0;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.5)} .menuBox{position:fixed;z-index:1009;top:0;right:-320px;display:none;overflow:hidden;overflow-y:auto;width:320px;height:100%;background:#fff;-webkit-overflow-scrolling:touch} .menuBlack{position:fixed;z-index:1008;top:0;right:0;bottom:0;left:0;display:none;background:url(../images/black5.png)} .container{overflow:hidden;min-height:600px} @media screen and (max-width:1366px){ .container{min-height:300px} } .pw{width:1200px;margin:0 auto} @media screen and (max-width:1366px){ .pw{width:1000px} } @media screen and (max-width:1024px){ .pw{width:90%} } .pai{position:relative;overflow:hidden} .pai>img{position:absolute;display:block;width:100%;height:100%;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s} .txts{-moz-box-sizing:border-box;box-sizing:border-box} .bsz{-moz-box-sizing:border-box;box-sizing:border-box} .btn{position:relative;display:inline-block;vertical-align:bottom} .cover{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:url(../images/black5.png)} .bg{background-repeat:no-repeat;background-position:center center;background-size:cover} html.open{overflow:hidden} .na{cursor:default} .pic,.pic2,.picbox{position:relative;display:block;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{line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .freeTx{position:relative;overflow:hidden;text-align:justify} .freeTx img{ max-width: 100% !important; height: auto !important; } .freeTx table{display:inline-block;overflow-x:auto;max-width:100%!important;vertical-align:top;-webkit-overflow-scrolling:touch} .tx{line-height:24px!important;overflow:hidden;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-attachment:fixed;background-position:center center;background-size:cover} .fixbg>img{display:block;visibility:hidden;width:100%;opacity:0} .tb{display:table;width:100%;height:100%} .tbc{display:table-cell;vertical-align:middle} @media screen and (max-width:1024px){ .fixbg{background-attachment:scroll} } .psfixbg{position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:center center;background-size:cover} .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-width:4px;border-right-style:solid;border-right-color:transparent;border-bottom-width:8px;border-bottom-style:solid;border-left-width:4px;border-left-style:solid;border-left-color:transparent} .sj-b{border-top-width:8px;border-top-style:solid;border-right-width:4px;border-right-style:solid;border-right-color:transparent;border-left-width:4px;border-left-style:solid;border-left-color:transparent} .sj-r{border-top-width:4px;border-top-style:solid;border-top-color:transparent;border-bottom-width:4px;border-bottom-style:solid;border-bottom-color:transparent;border-left-width:8px;border-left-style:solid} .sj-l{border-top-width:4px;border-top-style:solid;border-top-color:transparent;border-right-width:8px;border-right-style:solid;border-bottom-width:4px;border-bottom-style:solid;border-bottom-color:transparent} .pbanner{position:relative;overflow:hidden} .i_g{position:absolute;top:-5%;left:-10%;display:block;width:110%!important} .active .i_g{left:-5%;-webkit-transition:6s .2s linear;-moz-transition:6s .2s linear;transition:6s .2s linear} @media screen and (max-width:1024px){ .i_g{position:relative;top:0} } .u-slick{position:relative;overflow:hidden} .u-slick .item{position:relative;overflow:hidden} .ol{position:absolute;z-index:9;display:block;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .ol-l{right:0;bottom:0;left:auto;width:0;height:100%;background:#000} .ol-v{top:auto;bottom:0;left:0;width:100%;height:0;background:#000} @media screen and (min-width:1025px){ .ol-h:hover .ol-l{right:auto;left:0;width:100%} .ol-h:hover .ol-v{top:0;bottom:auto;height:100%} } .fl{position:absolute;z-index:9;display:block;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;background:#000} .fl-b,.fl-t{width:0;height:2px} .fl-l,.fl-r{width:2px;height:0} .fl-t{top:0;left:0} .fl-r{top:0;right:0} .fl-b{right:0;bottom:0} .fl-l{bottom:0;left: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{position:absolute;z-index:9;display:block;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;background:#000} .dl-b,.dl-t{width:0;height:2px} .dl-l,.dl-r{width:2px;height:0} .dl-l,.dl-t{top:0;left: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%} } .as{position:relative;display:inline-block;width:20px;height:2px;vertical-align:bottom;background:#fff} .as:before{position:absolute;top:50%;left:50%;width:2px;height:20px;margin:-10px 0 0 -1px;content:'';background:#fff} .bdsharebuttonbox a{margin:0!important;padding:0!important} .vwrap{position:fixed;z-index:1040;top:0;left:0;display:none;width:100%} .vwrap .videobtg{position:fixed;z-index:900;top:0;left:0;overflow:hidden;width:100%;height:100%;opacity:.8;background:#000;filter:alpha(opacity=80)} .vwrap .videobox{position:fixed;z-index:990;top:50%;left:50%;width:860px;height:480px;margin-top:-240px;margin-left:-430px;background-color:#fff} .vwrap .videobox #videobox{display:inline-block;width:100%;height:100%;background:#80abde} #videobox_wrapper{height:100%!important} .vwrap .close{position:absolute;z-index:999;top:-28px;right:0;width:24px;height:24px;cursor:pointer} .vwrap .close i{display:block;width:24px;height:24px;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;background:url(../images/close1.png) no-repeat 50% 50%} .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{left:0;width:100%;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;z-index:1020;top:0;right:0;bottom:0;left:0;display:none;background:url(../images/black5.png)} .popUpblack.show .popUp{visibility:visible;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1} .popUp{position:absolute;top:50%;left:50%;visibility:hidden;width:220px;height:242px;margin:-126px 0 0 -115px;-webkit-transform:translateY(20%);-moz-transform:translateY(20%);-ms-transform:translateY(20%);transform:translateY(20%);opacity:0;border:5px solid #cf1408;background:#fff} .popUp .t{font-weight:700;line-height:26px;overflow:hidden;height:26px;padding:0 10px;color:#fff;background:#cf1408} .popUp .t .close{font-weight:400;float:right;cursor:pointer;color:#fff} .popUp .img{padding:20px} .popUp .img img{display:block;width:100%} .menu-handler{position:fixed;z-index:1012;top:0;right:0;display:none;overflow:hidden;width:60px;height:60px;cursor:pointer;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .menu-handler .burger{position:absolute;top:21px;left:50%;display:block;width:32px;height:4px;margin-left:-16px;-webkit-transition:.8s;-moz-transition:.8s;transition:.8s;background:#000} .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{left:-100%;visibility:hidden;opacity:0} .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;top:0;right:0;display:none;width:60px;height:60px} .menuBtn .mb{position:relative;height:100%;-webkit-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:-webkit-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{position:absolute;top:0;right:0;bottom:0;left:0;display:block;-webkit-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:-webkit-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{position:absolute;top:29px;left:50%;width:18px;height:2px;margin-left:-9px;content:'';background:#fff} .menuBtn .ml-1:before{-webkit-transition:-webkit-transform .2s .2s;-moz-transition:transform .2s .2s,-moz-transform .2s .2s;transition:-webkit-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;-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px)} .menuBtn .ml-2:before{-webkit-transition:-webkit-transform .2s;-moz-transition:transform .2s,-moz-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s,-moz-transform .2s;transition:transform .2s,-webkit-transform .2s;-webkit-transform:translateY(3px);-moz-transform:translateY(3px);-ms-transform:translateY(3px);transform:translateY(3px)} .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);-moz-transition:transform .25s .2s cubic-bezier(.4,.01,.165,.99),-moz-transform .25s .2s cubic-bezier(.4,.01,.165,.99);transition:-webkit-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)} .menuBtn.active{background:#a80a00} .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-dots{position:absolute;z-index:100;right:0;bottom:8%;left:0;text-align:center;letter-spacing:-6px} .slick-dots li{display:inline-block;width:10px;height:10px;margin:0 6px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;vertical-align:middle;border-radius:100%} .slick-dots li a{display:block;width:100%;height:100%} .cg-w .item.slick-current{z-index:3!important} .cg-w .item.prevSlick{z-index:4!important} .cg-w .item{z-index:2!important;opacity:1!important} .cg-w .item.prevSlick .pic2{-webkit-animation:increaseHeight 1.5s forwards;-moz-animation:increaseHeight 1.5s forwards;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:absolute;top:-5%;left:-5%;display:block;width:110%!important} .cg-m .active .igm{-webkit-animation:imgMove 6s linear;-moz-animation:imgMove 6s linear;animation:imgMove 6s linear} @media screen and (max-width:1024px){ .igm{position:relative;top:0} } @-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{-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0);opacity:0} to{-webkit-transform:none;transform:none;opacity:1} } @-moz-keyframes fadeInUp{ from{-moz-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0);opacity:0} to{-moz-transform:none;transform:none;opacity:1} } @keyframes fadeInUp{ from{-webkit-transform:translate3d(0,60px,0);-moz-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0);opacity:0} to{-webkit-transform:none;-moz-transform:none;transform:none;opacity:1} } @-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{-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0);opacity:0} to{-webkit-transform:none;transform:none;opacity:1} } @-moz-keyframes fadeInDown{ from{-moz-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0);opacity:0} to{-moz-transform:none;transform:none;opacity:1} } @keyframes fadeInDown{ from{-webkit-transform:translate3d(0,-60px,0);-moz-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0);opacity:0} to{-webkit-transform:none;-moz-transform:none;transform:none;opacity:1} } @-webkit-keyframes fadeInRight{ from{-webkit-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0);opacity:0} to{-webkit-transform:none;transform:none;opacity:1} } @-moz-keyframes fadeInRight{ from{-moz-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0);opacity:0} to{-moz-transform:none;transform:none;opacity:1} } @keyframes fadeInRight{ from{-webkit-transform:translate3d(60px,0,0);-moz-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0);opacity:0} to{-webkit-transform:none;-moz-transform:none;transform:none;opacity:1} } @-webkit-keyframes fadeInLeft{ from{-webkit-transform:translate3d(-60px,0,0);transform:translate3d(-60px,0,0);opacity:0} to{-webkit-transform:none;transform:none;opacity:1} } @-moz-keyframes fadeInLeft{ from{-moz-transform:translate3d(-60px,0,0);transform:translate3d(-60px,0,0);opacity:0} to{-moz-transform:none;transform:none;opacity:1} } @keyframes fadeInLeft{ from{-webkit-transform:translate3d(-60px,0,0);-moz-transform:translate3d(-60px,0,0);transform:translate3d(-60px,0,0);opacity:0} to{-webkit-transform:none;-moz-transform:none;transform:none;opacity:1} } @-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%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1} 100%{-webkit-transform:translateX(30px);transform:translateX(30px);opacity:0} } @-moz-keyframes hide-lr{ 0%{-moz-transform:translateX(0);transform:translateX(0);opacity:1} 100%{-moz-transform:translateX(30px);transform:translateX(30px);opacity:0} } @keyframes hide-lr{ 0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);opacity:1} 100%{-webkit-transform:translateX(30px);-moz-transform:translateX(30px);transform:translateX(30px);opacity:0} } @-webkit-keyframes hide-dt{ 0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1} 100%{-webkit-transform:translateY(30px);transform:translateY(30px);opacity:0} } @-moz-keyframes hide-dt{ 0%{-moz-transform:translateY(0);transform:translateY(0);opacity:1} 100%{-moz-transform:translateY(30px);transform:translateY(30px);opacity:0} } @keyframes hide-dt{ 0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);opacity:1} 100%{-webkit-transform:translateY(30px);-moz-transform:translateY(30px);transform:translateY(30px);opacity:0} } @-webkit-keyframes hide-dt-f{ 0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1} 100%{-webkit-transform:translateY(-30px);transform:translateY(-30px);opacity:0} } @-moz-keyframes hide-dt-f{ 0%{-moz-transform:translateY(0);transform:translateY(0);opacity:1} 100%{-moz-transform:translateY(-30px);transform:translateY(-30px);opacity:0} } @keyframes hide-dt-f{ 0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);opacity:1} 100%{-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);transform:translateY(-30px);opacity:0} } @-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} } @media screen and (min-width:1025px){ .scapic:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)} .transY{visibility:hidden;-webkit-transform:translateY(60px);-moz-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px);opacity:0} .transYF{visibility:hidden;-webkit-transform:translateY(-60px);-moz-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px);opacity:0} .transX{visibility:hidden;-webkit-transform:translateX(60px);-moz-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px);opacity:0} .transXF{visibility:hidden;-webkit-transform:translateX(-60px);-moz-transform:translateX(-60px);-ms-transform:translateX(-60px);transform:translateX(-60px);opacity:0} .active .transX,.active .transXF,.active .transY,.active .transYF{visibility:visible;-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0);opacity:1} .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{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-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;background:#000} .active .am-rvl{position:relative} .active .am-rvl:before{position:absolute;top:0;right:0;bottom:0;left:0;content:'';-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;background:#000} .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;left:-20%;display:block;width:140%;height:100%;content:'';-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{top:-75%;display:none;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{bottom:-75%;display:none;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{line-height:54px;position:relative;overflow:hidden;height:54px;padding:0 60px 0 30px;cursor:pointer;background:#4d4d4d} .friendship-link .sj-t{position:absolute;top:50%;right:35px;display:block;margin-top:-3px;color:#fff;border-right-width:6px;border-bottom-width:6px;border-left-width:6px} .friendship-link .k{position:absolute;right:0;bottom:100%;left:0;display:none;overflow:hidden;background:#4d4d4d} .friendship-link .g{overflow:hidden;overflow-y:auto;max-height:300px;-webkit-overflow-scrolling:touch} .friendship-link .nowti{line-height:30px;display:block;margin:0 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%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0} 50%{opacity:1} } @-moz-keyframes zoomIn{ 0%{-moz-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0} 50%{opacity:1} } @keyframes zoomIn{ 0%{-webkit-transform:scale3d(.3,.3,.3);-moz-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);opacity:0} 50%{opacity:1} } .active .zoomIn i{-webkit-animation:zoomIn .8s both;-moz-animation:zoomIn .8s both;animation:zoomIn .8s both} @-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%} } .mcv{line-height:50px;display:none;text-align:center} .mcv .sj-b{margin-left:8px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;border-top-width:6px} /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ .pswp{position:absolute;z-index:1500;top:0;left:0;display:none;overflow:hidden;width:100%;height:100%;outline:0;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden} .pswp *{-moz-box-sizing:border-box;box-sizing:border-box} .pswp img{max-width:none} .pswp--animate_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);opacity:.001;will-change:opacity} .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;top:0;left:0;width:100%;height:100%;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);opacity:0;background:#000;-webkit-backface-visibility:hidden;will-change:opacity} .pswp__scroll-wrap{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%} .pswp__container,.pswp__zoom-wrap{position:absolute;top:0;right:0;bottom:0;left:0;-ms-touch-action:none;touch-action:none} .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-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:-webkit-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);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top} .pswp__bg{-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);will-change:opacity} .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;top:0;right:0;bottom:0;left:0;overflow:hidden} .pswp__img{position:absolute;top:0;left:0;width:auto;height:auto} .pswp__img--placeholder{-webkit-backface-visibility:hidden} .pswp__img--placeholder--blank{background:#222} .pswp--ie .pswp__img{top:0;left:0;width:100%!important;height:auto!important} .pswp__error-msg{font-size:14px;line-height:16px;position:absolute;top:50%;left:0;width:100%;margin-top:-8px;text-align:center;color:#ccc} .pswp__error-msg a{text-decoration:underline;color:#ccc} /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ .pswp__button{position:relative;display:block;float:right;overflow:visible;width:44px;height:44px;margin:0;padding:0;cursor:pointer;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;opacity:.75;border:0;background:0 0;box-shadow:none;-webkit-appearance:none} .pswp__button:focus,.pswp__button:hover{opacity:1} .pswp__button:active{opacity:.9;outline:0} .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{width:44px;height:44px;background:url(../images/default-skin.png) 0 0 no-repeat;background-size:264px 88px} @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{position:absolute;top:50%;width:70px;height:100px;margin-top:-50px;background:0 0} .pswp__button--arrow--left{left:0} .pswp__button--arrow--right{right:0} .pswp__button--arrow--left:before,.pswp__button--arrow--right:before{position:absolute;top:35px;width:32px;height:30px;content:'';background-color:rgba(0,0,0,.3)} .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{position:absolute;z-index:1600;top:0;left:0;display:block;width:100%;height:100%;padding:10px;-webkit-transition:opacity .25s ease-out;-moz-transition:opacity .25s ease-out;transition:opacity .25s ease-out;opacity:0;background:rgba(0,0,0,.5);-webkit-backface-visibility:hidden;will-change:opacity} .pswp__share-modal--hidden{display:none} .pswp__share-tooltip{position:absolute;z-index:1620;top:56px;right:44px;display:block;width:auto;-webkit-transition:-webkit-transform .25s;-moz-transition:transform .25s,-moz-transform .25s;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s,-moz-transform .25s;-webkit-transform:translateY(6px);-moz-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);border-radius:2px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-backface-visibility:hidden;will-change:transform} .pswp__share-tooltip a{font-size:14px;line-height:18px;display:block;padding:8px 12px;text-decoration:none;color:#000} .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);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)} .pswp--touch .pswp__share-tooltip a{padding:16px 12px} a.pswp__share--facebook:before{position:absolute;top:-12px;right:15px;display:block;width:0;height:0;content:'';pointer-events:none;border:6px solid transparent;border-bottom-color:#fff;-webkit-pointer-events:none;-moz-pointer-events:none} a.pswp__share--facebook:hover{color:#fff;background:#3e5c9a} a.pswp__share--facebook:hover:before{border-bottom-color:#3e5c9a} a.pswp__share--twitter:hover{color:#fff;background:#55acee} a.pswp__share--pinterest:hover{color:#ce272d;background:#ccc} a.pswp__share--download:hover{background:#ddd} .pswp__counter{font-size:13px;line-height:44px;position:absolute;top:0;left:0;height:44px;padding:0 10px;opacity:.75;color:#fff} .pswp__caption{position:absolute;bottom:0;left:0;width:100%;min-height:44px} .pswp__caption small{font-size:11px;color:#bbb} .pswp__caption__center{font-size:13px;line-height:20px;max-width:420px;margin:0 auto;padding:10px;text-align:left;color:#ccc} .pswp__caption--empty{display:none} .pswp__caption--fake{visibility:hidden} .pswp__preloader{position:absolute;top:0;left:50%;width:44px;height:44px;margin-left:-22px;-webkit-transition:opacity .25s ease-out;-moz-transition:opacity .25s ease-out;transition:opacity .25s ease-out;opacity:0;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{position:absolute;top:15px;left:15px;width:14px;height:14px;margin:0;opacity:.75;background:0 0} .pswp--css_animation .pswp__preloader__cut{position:relative;overflow:hidden;width:7px;height:14px} .pswp--css_animation .pswp__preloader__donut{position:absolute;top:0;left:0;-moz-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;margin:0;border:2px solid #fff;border-bottom-color:transparent;border-left-color:transparent;border-radius:50%;background:0 0} @media screen and (max-width:1024px){ .pswp__preloader{position:relative;top:auto;left:auto;float:right;margin:0} } @-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{z-index:1550;visibility:visible;opacity:1;-webkit-font-smoothing:auto} .pswp__top-bar{position:absolute;top:0;left:0;width:100%;height:44px} .pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-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);-webkit-backface-visibility:hidden;will-change:opacity} .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 .t{height:70px;padding-right:80px} .header .b{height:50px;padding:0 80px;color:#fff;background:#666} .header .b a{color:#fff} .header .logobox{position:relative;float:left;height:100%;padding:0 50px 0 80px;background:#cf1408} .header .logobox .sj-r{position:absolute;bottom:0;left:100%;display:block;color:#cf1408;border-top-width:70px;border-bottom-width:0;border-left-width:35px} .header .logo{width:324px;margin-top:14px} .header .searchbox{position:relative;float:right;margin-top:15px} .header .sear-tx{width:258px;height:24px;padding:7px 15px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;border:1px solid #ccc;background:#ccc} .header .sear-btn{font-size:20px;line-height:40px;position:absolute;top:0;right:0;display:block;padding-right:15px;color:#fff} .header .nav{float:left} .header .nav li{float:left} .header .nav li>a{line-height:50px;position:relative;display:block;padding:0 17px} .header .nav li>a:before{position:absolute;position:absolute;right:0;bottom:0;left:auto;width:0;height:5px;content:'';content:'';-webkit-transition:.6s;-moz-transition:.6s;transition:.6s;background:#fff} .header .nav li>a.act:before{right:auto;left:0;width:100%} .header .tools{float:right} .header .tools a{font-size:24px;line-height:50px;float:left} .header .tools a+a{margin-left:25px} .header .lang{ float: right; padding: 23px 0; margin-right: 20px; line-height: 24px; font-family: arial; } .header .lang a.act{ color: #cf1408; } .mtop{height:120px} @media screen and (min-width:1025px){ .header .sear-tx:focus{border-color:#cf1408} .header .sear-btn:hover{color:#cf1408} .header .nav li>a:hover:before{right:auto;left:0;width:100%} .header .tools a:hover{color:#cf1408} .header .lang a:hover{ color: #cf1408; } } .banner .pic2{position:absolute;top:0;left:0} .banner .txts{position:absolute;top:0;right:0;bottom:0;left:0;text-align:center;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.2)} .banner .txts a{color:#fff} .banner .ch{font-size:48px} .banner .en{font-size:24px;margin-top:8px} .banner .slick-arrow{font-family:iconfont!important;font-size:20px;line-height:40px;position:absolute;z-index:100;top:50%;width:40px;height:40px;margin-top:-20px;text-align:center;color:#fff;background:url(../images/white5.png);background:rgba(255,255,255,.5);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .banner .slick-prev{left:5px} .banner .slick-prev:before{content:'\e602'} .banner .slick-next{right:5px} .banner .slick-next:before{content:'\e62e'} @media screen and (min-width:1025px){ .banner .slick-arrow:hover{background:#cf1408} } .pbg{background:#f3f3f3} .ix-ti .en{font-size:32px;color:#cf1408} .ix-ti .ch{font-size:18px;font-weight:700;margin-top:5px;color:#333} .ix-ti.white .ch{color:#fff} .ix-more{line-height:34px;display:inline-block;overflow:hidden;width:106px;height:34px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;text-align:center;vertical-align:bottom;color:#fff;border:2px solid #cf1408;background:#cf1408} .ix-bra{position:relative;float:left;width:36.66%} .ix-bra a{color:#fff} .ix-bra .txts{position:absolute;top:0;right:0;left:0;padding:35px 40px 0 40px} .ix-bra .ix-ti{margin-bottom:155px} .ix-bra .tx{line-height:20px!important;width:320px;max-width:100%;height:80px;margin-bottom:30px} @media screen and (min-width:1025px){ .ix-more:hover{color:#cf1408;background-color:transparent} } .ix-news{float:left;width:37.66%} .ix-news .ma{overflow:hidden;height:415px;margin:0 5px;padding:35px 40px 0 40px;background:#fff} .ix-news .inw-list{margin-top:35px} .inw-list{height:272px} .inw-list .nowti{margin-bottom:2px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;color:#333} .inw-list .date{font-size:12px;color:#999} .inw-list .item{padding-bottom:16px} .inw-list .slick-dots{line-height:0;position:absolute;z-index:39;right:0;bottom:0;left:0;text-align:left} .inw-list .slick-dots li{margin:0 22px 0 0;text-indent:-9999px;background:#ccc} .inw-list .slick-dots .slick-active{background:#cf1408} @media screen and (min-width:1025px){ .inw-list .sa:hover .nowti{color:#cf1408} .inw-list .slick-dots li:hover{background:#cf1408} } .ix-sp{float:left;width:25.68%} .ipro{position:relative;margin-top:5px} .ipro a{color:#fff} .ipro .cover{background:rgba(0,0,0,.1)} .ipro .ti{font-size:18px;padding:0 15px} .iser{overflow:hidden;height:221px;padding:0 15px;background:#fff} .iser .icon{font-size:50px;line-height:1;margin-bottom:15px;color:#cf1408} .iser .ix-ti{-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .iser .ix-ti .en{color:#ccc} @media screen and (min-width:1025px){ .iser a:hover .ix-ti{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)} } .ix1{padding-top:35px} .ix2{padding:10px 0 35px 0} .ix2 .clearfix{background:#fff} .ip-more{position:relative;display:inline-block;overflow:hidden;max-width:100%;height:55px;vertical-align:bottom;white-space:nowrap;color:#fff;background:#cf1408} .ip-more .nowti{line-height:55px;padding:0 60px 0 20px} .ip-more .line{position:absolute;top:26px;right:15px;width:13px;height:3px;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;background:#fff} .ip-more .line:before{position:absolute;top:-5px;left:5px;width:3px;height:13px;content:'';background:#fff} .ipx-box{margin-right:308px} .ipx-box .pa{padding:10px} .ipt-box{float:right;width:308px} .ipt-box .pa{padding:45px 40px 0 40px;border-top:4px solid #cf1408} .ipt-box .tx{line-height:20px!important;max-height:100px;margin-top:12px;text-align:center} .ipt-box .line{width:28px;height:2px;margin:35px auto 0 auto;background:#cf1408} .ip-list{overflow:visible;margin-left:-30px} .ip-list .sa{position:relative;display:block;overflow:hidden;margin-left:30px} .ip-list .ip-more{position:absolute;bottom:0;left:0} .ip-list .slick-dots{line-height:0;position:absolute;z-index:39;bottom:35px;left:100%;width:308px;margin-left:10px} .ip-list .slick-dots li{text-indent:-9999px;background:#ccc} .ip-list .slick-dots .slick-active{background:#cf1408} .ip-list .slick-arrow{font-family:iconfont!important;font-size:30px;line-height:1;position:absolute;z-index:49;bottom:25px;left:100%;color:#999;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .ip-list .slick-prev{margin-left:35px} .ip-list .slick-prev:before{content:'\e601'} .ip-list .slick-next{margin-left:263px} .ip-list .slick-next:before{content:'\e604'} @media screen and (min-width:1025px){ .ip-list .sa:hover .ip-more .line{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} .ip-list .slick-dots li:hover{background:#cf1408} .ip-list .slick-arrow:hover{color:#cf1408} } .f-ctas{line-height:1.5} .f-ctas li{position:relative;float:left;min-height:45px} .f-ctas li+li{margin-left:45px;padding-left:45px} .f-ctas li+li:before{position:absolute;top:0;left:0;width:1px;height:45px;content:'';background:#fff} .f-ctas .icon{font-size:40px;line-height:1;float:left;margin-right:15px} .f-ctas .c{overflow:hidden} .f-ctas .ti{line-height:1.5} .f-ma{width:89px} .footer{font-size:12px;position:relative;z-index:39;background:#333} .footer .t{padding:35px 0;color:#fff;background:#cf1408} .footer .t a{color:#fff} .footer .f-ctas{float:left;margin-top:20px} .footer .f-ma{float:right} .footer .b{padding:25px 0;color:#999} .footer .b a{color:#999} .footer .f-cop{line-height:20px;float:left;padding-top:17px} .footer .f-cop a,.footer .f-cop span{margin-left:20px} .footer .friendship-link{float:right} .menuBox{color:#fff;background:#a80a00} .menuBox a{color:#fff} .navMobile{padding:70px 15px 30px 15px;} .navMobile a{line-height:1.4;display:block} .navMobile dd>a{font-size:18px;padding:15px 25px} .navMobile .mtv{position:relative;display:none;padding:6px 30px;background:#cf1408} .navMobile .mtv:before{position:absolute;top:40px;bottom:40px;left:36px;width:1px;content:'';background:#fff} .navMobile .mtv a{font-size:16px;position:relative;padding:12px 0 12px 45px} .navMobile .mtv a:first-child:before,.navMobile .mtv a:last-child:before{position:absolute;top:50%;left:0;width:4px;height:4px;margin-top:-6px;content:'';border:4px solid #fff;border-radius:100%} .menuBox .lang{ padding-left: 40px; font-family: arial; } @media screen and (min-width:1025px){ .footer a:hover{opacity:.6} } @media screen and (max-width:1366px){ .header .t{height:50px} .header .logo{width:284px;margin-top:8px} .header .sear-tx{width:228px;padding:5px 15px} .header .sear-btn{font-size:18px;line-height:36px} .header .searchbox{margin-top:7px} .header .b{height:40px} .header .nav li>a{line-height:40px} .header .nav li>a:before{height:3px} .header .tools a{font-size:20px;line-height:40px} .header .logobox .sj-r{border-top-width:50px} .mtop{height:90px} .ix-bra .ix-ti{margin-bottom:95px} .inw-list .item{padding-bottom:8px} .ix-news .ma{height:340px} .inw-list{height:232px} .inw-list .nowti{margin-bottom:0} .ix-news .inw-list{margin-top:25px} .iser{height:184px} .iser .icon{font-size:40px;margin-bottom:8px} .ix-ti .en{font-size:28px} .ix-ti .ch{font-size:16px} .ip-list .sa{margin-left:20px} .ip-list{margin-left:-20px} .ip-list .slick-dots{bottom:15px} .ip-list .slick-arrow{bottom:5px} .ipt-box .pa{padding-top:35px} .ipt-box .line{display:none} .f-ctas li+li{margin-left:35px;padding-left:35px} .header .lang{ padding: 13px 0; } } @media screen and (max-width:1280px){ .header .logobox{padding-left:50px} .header .t{padding-right:50px} .header .b{padding:0 50px} } @media screen and (max-width:1024px){ .header .b,.header .logobox .sj-r,.header .searchbox{display:none} .header .t{height:60px;background:#cf1408} .header .logobox{height:auto;margin:9px 0 0 5%;padding:0;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;background:0 0} .header .logo{width:324px;margin:0} .menuBtn{display:block} .banner .pic2{position:relative} .mtop{height:60px} .ix1{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-bra,.ix-news{float:none;width:50%} .ix-news .ma{height:auto;margin:0;background:0 0} .ix-news{background:#fff} .ix-sp{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;float:none;width:100%} .ipro{margin-top:0} .ipro,.iser{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1} .iser{height:auto;padding:0} .iser .ix-ti{padding:0 5%} .ix-news .inw-list{margin-top:35px} .ix-bra .ix-ti{margin-bottom:35%} .ip-list,.ip-list .sa{margin-left:0} .ip-list .slick-arrow{bottom:25px} .ip-list .slick-dots{bottom:35px} .ipt-box .line{display:block} .ipt-box .pa{padding-top:55px} .footer .f-ctas{float:none;margin-top:0} .footer .f-ma{float:none} .f-ctas li+li{margin-left:0;padding-left:0} .f-ctas li{margin:0 60px 20px 0} .f-ctas li+li:before{display:none} .footer .friendship-link{float:none} .footer .f-cop{float:none;padding-top:12px} .header .lang{ display: none; } } @media screen and (max-width:861px){ .ix1{display:block} .ix-bra,.ix-news{width:100%;margin-bottom:10px} .ix-bra .ix-ti{margin-bottom:45px} .ix-bra .txts{position:relative;padding:35px 5%} .ix-bra .pic{position:absolute;top:0;right:0;bottom:0;left:0} .ix-bra .pic img{height:100%;object-fit:cover} .ix-news .ma{padding:35px 5%} .ipt-box{float:none;width:100%} .ipt-box .pa{padding:35px 5% 25px 5%;border:none} .ipt-box .tx{max-height:none} .ipx-box{margin-right:0} .ip-list .slick-arrow{display:none!important} .ip-list .slick-dots{position:relative;bottom:0;left:0;width:100%;margin:10px 0 0 0} .banner .ch{font-size:38px} .banner .en{font-size:20px} .ix-bra .tx{height:auto} .f-ctas li{float:none;width:100%;margin-right:0} .f-ctas li:last-child{margin-bottom:0} .footer .t .pw{position:relative} .footer .f-ma{position:absolute;right:0;bottom:0} } @media screen and (max-width:601px){ .banner .ch{font-size:28px} .banner .en{font-size:16px} } @media screen and (max-width:481px){ .banner .slick-arrow{font-size:14px;line-height:30px;width:30px;height:30px;margin-top:-15px} .banner .ch{font-size:20px} .banner .en{font-size:12px;margin-top:5px} .header .logobox{-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)} .ix-sp{display:block} .iser{margin-bottom:10px;padding:14vw 0} .ip-more{height:45px} .ip-more .nowti{line-height:45px} .ip-more .line{top:21px} .f-ctas .icon{font-size:28px;margin-right:10px} .f-ctas li{min-height:30px} .friendship-link .s{line-height:40px;height:40px;padding:0 30px 0 15px} .friendship-link .sj-t{right:15px} .friendship-link .nowti{margin:0 15px} } .pbanner{position:relative;overflow:hidden} .pbanner .pb-ti{position:absolute;z-index:29;right:50%;bottom:0;overflow:hidden;width:240px;margin-right:-600px;padding:26px 0;color:#fff;background:#cf1408} .pbanner .pb-ti .ti{font-size:32px;font-weight:700;margin:0 25px} .pbg{background:#f3f3f3} .pnav{position:absolute;z-index:29;top:0;right:50%;width:240px;margin-right:-600px;padding:35px 0;background:#fff} .pnav.fix{position:fixed;top:120px} .pnav li>a{font-size:16px;line-height:24px;position:relative;display:block;padding:16px 15px;color:#000;border-bottom:1px solid #f3f3f3} .pnav li>a:before{position:absolute;top:auto;right:0;bottom:0;width:7px;height:0;content:'';-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;background:#cf1408} .pnav li>a.act{background:#e5e5e5} .pnav li>a.act:before{top:0;bottom:auto;height:100%} .pnav li>a.act .sj-l{visibility:visible;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1} .pnav li:first-child a{border-top:1px solid #f3f3f3} .pnav .sj-l{visibility:hidden;margin-right:20px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;-webkit-transform:translateX(-5px);-moz-transform:translateX(-5px);-ms-transform:translateX(-5px);transform:translateX(-5px);opacity:0;color:#cf1408;border-top-width:5px;border-right-width:6px;border-bottom-width:5px} @media screen and (min-width:1025px){ .pnav li>a:hover{background:#e5e5e5} .pnav li>a:hover:before{top:0;bottom:auto;height:100%} } .cont{margin-right:300px} .bread-nav{line-height:24px;position:relative;padding:5px 0 5px 25px;color:#999} .bread-nav a{color:#999} .bread-nav a.act{cursor:default;color:#cf1408} .bread-nav:before{position:absolute;top:50%;left:0;width:6px;height:6px;margin-top:-3px;content:'';border-radius:100%;background:#cf1408} @media screen and (min-width:1025px){ .bread-nav a:hover{color:#cf1408} } .ent-ti .en{font-size:40px;font-weight:700;margin-bottom:10px;text-transform:capitalize;color:#cf1408} .ent-ti .ch{font-size:40px;font-weight:700;color:#333} .ent1{padding:60px 0 75px 0} .ent1 .ent-ti{margin-bottom:35px} @media screen and (max-width:1600px){ .pbanner .pb-ti .ti{font-size:28px} .pnav{padding:25px 0} .pnav li>a{font-size:15px;padding:13px 15px} } @media screen and (max-width:1366px){ .pbanner .pb-ti .ti{font-size:20px;margin:0 20px} .pbanner .pb-ti{width:200px;margin-right:-500px;padding:20px 0} .pnav{width:200px;margin-right:-500px;padding:0} .pnav li>a:before{width:5px} .pnav.fix{top:90px} .pnav li>a{font-size:13px;padding:8px 15px} .pnav .sj-l{margin-right:15px;border-top-width:4px;border-right-width:5px;border-bottom-width:4px} .cont{margin-right:250px} .ent-ti .ch,.ent-ti .en{font-size:32px} } @media screen and (max-width:1024px){ .pbanner .pb-ti{right:0;bottom:50%;overflow:visible;width:100%;margin:0;padding:0;-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);transform:translateY(50%);background:0 0;text-shadow:0 0 10px rgba(0,0,0,.2)} .pbanner .pb-ti .ti{font-size:32px;margin:0 5%;text-align:center} .pbanner .pic img{-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;transform:none!important} .pnav{position:relative;right:0;width:100%;margin:0} .pnav .mcv{display:block;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;color:#fff;background:#cf1408} .pnav .sj-l,.pnav li>a:before{display:none} .pnav ul{position:absolute;top:100%;right:0;left:0;display:none;overflow:hidden;padding:4px 0;background:#a80a00} .pnav li{float:left;width:50%} .pnav li>a{text-align:center;color:#fff;border:none} .pnav li>a.act{background:0 0} .pnav li:first-child a{border:none} .pnav.show .mcv{background:#a80a00} .pnav.show .mcv .sj{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)} .cont{margin-right:0} .ent-ti .ch,.ent-ti .en{font-size:30px} .pnav.fix{position:relative} } @media screen and (max-width:601px){ .ent1{padding:12vw 0 14vw 0} .pbanner .pb-ti .ti{font-size:28px} .ent-ti .ch,.ent-ti .en{font-size:24px} } @media screen and (max-width:481px){ .pbanner .pb-ti .ti{font-size:24px} .ent-ti .ch,.ent-ti .en{font-size:20px} .ent-ti .en{margin-bottom:5px} .ent1 .ent-ti{margin-bottom:25px} .mcv{line-height:44px} .bread-nav{font-size:12px;padding-left:20px} } .ent2{padding:55px 0 110px 0} .ent2 .pic{float:left;width:33.66%} .ent2 .txts{float:right;width:61.11%} .ent2 .ti{font-size:16px;line-height:1.4;margin-bottom:40px} .ent2 .ti span{font-size:40px;display:block;margin-top:4px;color:#000} @media screen and (max-width:861px){ .ent2 .pic{float:none;width:303px;max-width:100%;margin-bottom:35px} .ent2 .txts{float:none;width:100%} .ent2{padding-bottom:90px} } @media screen and (max-width:601px){ .ent2 .ti span{font-size:32px} .ent2{padding:11vw 0 14vw 0} } @media screen and (max-width:481px){ .ent2 .pic{margin-bottom:25px} .ent2 .ti{margin-bottom:30px} .ent2 .ti span{font-size:28px} } .cul-list li{position:relative;padding:15px;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;background:#fff} .cul-list li+li{margin-top:35px} .cul-list li:before{position:absolute;top:15px;bottom:15px;left:0;width:2px;content:'';background:#cf1408} .cul-list .ti{font-size:16px;text-align:center;color:#000} .cul-list .tbc:first-child{width:130px;background:#f3f3f3} .cul-list .txts{padding:15px 0 15px 30px} .cul-list .ch{font-size:24px;margin-bottom:7px;color:#000} .cul-list .en{font-size:16px;color:#999} @media screen and (min-width:1025px){ .cul-list li:hover{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);box-shadow:0 0 8px rgba(0,0,0,.2)} } .ent3{padding:50px 0 90px 0} @media screen and (max-width:641px){ .cul-list .ch{font-size:20px} .cul-list .en{font-size:14px} } @media screen and (max-width:601px){ .ent3{padding:10vw 0 14vw 0} .cul-list .tbc:first-child{width:110px} .cul-list .ti{font-size:14px} .cul-list .ch{font-size:18px} } @media screen and (max-width:481px){ .cul-list .ti{padding:0 15px} .cul-list .tbc:first-child{width:90px} .cul-list .txts{padding-left:20px} .cul-list .ch{font-size:16px} .cul-list .en{font-size:12px} .cul-list li+li{margin-top:25px} } .si-list{margin-left:-40px} .si-list a{float:left;width:50%;margin-bottom:40px} .si-list .ma{margin-left:40px} .si-a{display:block} .si-a .pai{padding-bottom:65.12%} .si-a .cover{visibility:hidden;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;opacity:0;background:rgba(207,20,8,.9)} .si-a .see-big-btn{color:#fff} .si-a .nowti{font-size:16px;font-weight:700;margin-top:20px;color:#000} .si-a figure{ display: none; } .see-big-btn{line-height:1;position:absolute;top:50%;right:0;left:0;visibility:hidden;margin-top:-28px;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);text-align:center;opacity:0} .see-big-btn .icon{font-size:28px;display:block;margin-bottom:14px} @media screen and (min-width:1025px){ .si-a:hover .see-big-btn{visibility:visible;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1} .si-a:hover .cover{visibility:visible;opacity:1} } .si-nav{line-height:24px;background:#fff} .si-nav a{font-size:16px;float:left;padding:15px 33px;white-space:nowrap;color:#333} .si-nav a.act{color:#fff;background:#cf1408} @media screen and (min-width:1025px){ .si-nav a:hover{color:#cf1408} } .ent4{padding:30px 0 70px 0} .ent4 .si-nav{margin-bottom:60px} @media screen and (max-width:861px){ .si-nav{background:0 0} .si-nav a{width:23.5%;margin-right:2%;margin-bottom:2%;padding-right:0;padding-left:0;text-align:center;background:#fff} .si-nav a:nth-child(4n){margin-right:0} .ent4 .si-nav{margin-bottom:50px} .ent4{padding-bottom:50px} } @media screen and (max-width:601px){ .si-nav a{font-size:14px;padding:2.5vw 0} .si-list .ma{margin-left:25px} .si-list{margin-left:-25px} .si-list a{margin-bottom:30px} .si-a .nowti{font-size:15px;margin-top:15px} .ent4 .si-nav{margin-bottom:10vw} .ent4{padding-bottom:8vw} } @media screen and (max-width:481px){ .si-list .ma{margin-left:15px} .si-list{margin-left:-15px} .si-a .nowti{font-size:14px;margin-top:8px} .si-list a{margin-bottom:20px} .si-nav a{width:32%} .si-nav a:nth-child(4n){margin-right:2%} .si-nav a:nth-child(3n){margin-right:0} } .lea-list{margin-left:-52px} .lea-list li{float:left;width:33.33%;margin-bottom:72px} .lea-list a{display:block;margin-left:52px;background:#fff} .lea-list .pai{padding-bottom:105.66%;border-bottom:2px solid #cf1408} .lea-list .txts{overflow:hidden;height:165px;padding:0 25px;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s} .lea-list .nowti{-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;text-align:center} .lea-list .tx1{font-size:24px;font-weight:700;margin-top:20px;color:#000} .lea-list .tx2{font-size:16px;margin-top:5px} .lea-list .lea-more{margin-top:20px} .lea-more{font-size:12px;line-height:32px;position:relative;width:110px;height:32px;margin:0 auto;text-align:center} .lea-more:before{position:absolute;top:0;left:50%;width:32px;height:32px;margin-left:-16px;content:'';-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;border-radius:16px;background:#cf1408} .lea-more p{position:relative;visibility:hidden;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;opacity:0} .lea-more .line{position:absolute;top:50%;left:50%;width:8px;height:2px;margin:-1px 0 0 -4px;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;background:#fff} .lea-more .line:before{position:absolute;top:-3px;left:3px;width:2px;height:8px;content:'';background:#fff} .ent5{padding:55px 0 40px 0} @media screen and (min-width:1025px){ .leam-h:hover .lea-more:before{width:110px;margin-left:-55px;background:#fff} .leam-h:hover .lea-more p{visibility:visible;opacity:1} .leam-h:hover .line{visibility:hidden;opacity:0} .lea-list a:hover .txts{background:#cf1408} .lea-list a:hover .nowti{color:#fff} } @media screen and (max-width:1366px){ .lea-list a{margin-left:30px} .lea-list{margin-left:-30px} .lea-list li{margin-bottom:50px} .lea-list .txts{height:155px;padding:0 15px} .lea-list .tx2{font-size:14px} .lea-list .tx1{font-size:22px} } @media screen and (max-width:861px){ .lea-list a{margin-left:20px} .lea-list{margin-left:-20px} .lea-list li{margin-bottom:30px} .ent5{padding-bottom:50px} } @media screen and (max-width:641px){ .lea-list li{width:50%} .lea-list a{margin-left:30px} .lea-list{margin-left:-30px} .lea-list li{margin-bottom:40px} } @media screen and (max-width:601px){ .ent5{padding:8vw 0} .lea-list a{margin-left:15px} .lea-list{margin-left:-15px} .lea-list li{margin-bottom:20px} .lea-list .tx1{font-size:20px} .lea-list .tx2{line-height:20px;height:40px;white-space:normal} } .ent6{padding:60px 0 100px 0} .ent6 .freeTx{padding:45px 10px 35px 10px;background:#fff} @media screen and (max-width:1024px){ .ent6 .freeTx{padding-right:5%;padding-left:5%} } @media screen and (max-width:601px){ .ent6{padding:10vw 0 17vw 0} } .news-list li+li{margin-top:40px} .news-list a{position:relative;display:block;overflow:hidden;min-height:80px;background:#fff} .news-list .pic{float:left} .news-list .txts{overflow:hidden;padding:15px 151px 31px 40px} .news-list .rel:before{position:absolute;top:0;left:0;width:25px;height:5px;content:'';-webkit-transition:.6s;-moz-transition:.6s;transition:.6s;background:#cf1408} .news-list .date{font-weight:700;line-height:1;position:absolute;top:50%;right:45px;overflow:hidden;width:66px;height:66px;margin-top:-35px;padding-left:10px;border-top:2px solid #cf1408;border-bottom:2px solid #cf1408} .news-list .date:before{position:absolute;top:auto;right:0;bottom:0;width:100%;height:0;content:'';-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;background:#cf1408} .news-list .date p{position:relative} .news-list .date .y{font-size:16px;position:absolute;top:33px;left:10px} .news-list .date .y i{display:none} .news-list .date .m{font-size:20px;margin-top:13px} .news-list .ti{font-size:18px;font-weight:700;line-height:24px!important;overflow:hidden;max-height:48px;text-align:justify;color:#333} .news-list .tx{max-height:48px;margin-top:13px} .news-list .rel{padding-top:25px} @media screen and (min-width:1025px){ .news-list a:hover .rel:before{width:100%} .news-list a:hover .date:before{top:0;bottom:auto;height:100%} .news-list a:hover .date{color:#fff} .news-list a:hover{box-shadow:0 0 10px rgba(0,0,0,.2)} } .nw1{padding:55px 0 120px 0} .nw1 .news-list{margin-bottom:50px} .pager a{line-height:54px;width:54px;height:54px;margin:0 12px;background:#fff} .pager a.act{color:#fff;background:#cf1408} @media screen and (min-width:1025px){ .pager a:hover{color:#fff;background:#cf1408} } @media screen and (max-width:1366px){ .news-list .txts{padding-right:141px;padding-left:30px} .news-list .date{right:35px} .nw1{padding-bottom:100px} } @media screen and (max-width:861px){ .news-list .pic{display:none} .news-list .txts{padding-right:5%;padding-left:5%} .news-list .rel{padding-right:100px} .news-list .date{right:5%} } @media screen and (max-width:601px){ .nw1{padding:8vw 0 14vw 0} .news-list li+li{margin-top:6.66vw} .nw1 .news-list{margin-bottom:12vw} .news-list .ti{font-size:16px} } @media screen and (max-width:481px){ .pager a{line-height:44px;width:44px;height:44px;margin:0 6px} .news-list .date{font-weight:400;position:static;top:0;right:0;width:100%;height:auto;margin:0 0 8px 0;padding:0;color:#999;border:none} .news-list .date .y{font-size:14px;position:static;top:0;left:0;display:inline} .news-list .date .m{font-size:14px;display:inline;margin:0} .news-list .date .y i{display:inline} .news-list .rel{padding:0} .news-list .rel:before{display:none} .news-list .txts{padding:0} .news-list a{padding:30px 5% 8vw 5%} .news-list a:before{position:absolute;top:0;left:5%;width:25px;height:5px;content:'';background:#cf1408} } .nd-t{position:relative;padding:130px 0 80px 0;color:#fff;background-repeat:no-repeat;background-position:center center;background-size:cover} .nd-t .ti{font-size:32px;font-weight:700} .nd-tools{position:absolute;z-index:29;right:50%;bottom:0;overflow:hidden;width:240px;height:56px;margin-right:-600px;color:#fff;background:#cf1408} .nd-tools a{color:#fff} .nd-tools .date{font-weight:700;line-height:.8;position:relative;float:left;height:34px;margin:11px 0 0 15px;padding-left:20px;border-left:3px solid #fff} .nd-tools .date .y{font-size:16px;position:absolute;bottom:0;left:20px} .nd-tools .date .y i{display:none} .nd-tools .date .m{font-size:20px} .nd-tools .share{float:right;margin:16px 20px 0 0} .share{overflow:hidden} .share a{font-size:14px!important;line-height:24px!important;float:left;height:auto!important;color:#fff!important;background:0 0!important} .share .icon{font-size:16px!important;margin-left:7px!important} @media screen and (min-width:1025px){ .nd-back a:hover .sj{visibility:visible;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1} } .nw2{padding:50px 0 100px 0} .nw2 .nd-hide-back{margin-top:70px} .nd-hide-back{display:none;overflow:hidden} .nd-hide-back a{font-size:16px;line-height:24px;float:left;width:33.33%;padding:15px 0;text-align:center;background:#fff} .nd-hide-back a:nth-child(2){color:#fff;background:#cf1408} @media screen and (max-width:1366px){ .nd-tools{width:200px;margin-right:-500px} .nd-tools .date{padding-left:12px} .nd-tools .date .y{left:12px} .nd-tools .share{margin-right:15px} } @media screen and (max-width:1024px){ .nd-back{display:none!important} .nd-tools{right:5%;margin:0} .nd-t{padding:110px 0 90px 0} .nd-hide-back{display:block} .nd-t .ti{width:680px;max-width:100%} } @media screen and (max-width:861px){ .nd-t .ti{font-size:28px} } @media screen and (max-width:641px){ .nd-tools{position:relative;right:0;width:100%;height:auto;margin-top:15px;background:0 0} .nd-tools .date{font-weight:400;line-height:24px;height:auto;margin:0;padding:0;border:none} .nd-tools .date .y{font-size:14px;position:static;left:0;display:inline} .nd-tools .date .y i{display:inline} .nd-tools .date .m{font-size:14px;display:inline} .nd-tools .share{float:left;margin:0 0 0 30px} .share .icon{font-size:14px!important;margin-left:4px!important} } @media screen and (max-width:601px){ .nd-t{padding:18vw 0 15vw 0} .nd-t .ti{font-size:24px} .nd-tools{margin-top:2.5vw} .nw2{padding:8vw 0 14vw 0} .nw2 .nd-hide-back{margin-top:11vw} .nd-hide-back a{font-size:14px;padding:12px 0} } @media screen and (max-width:481px){ .nd-t .ti{font-size:20px} } .pra-list{margin-left:-20px} .pra-list li{float:left;width:50%;margin-bottom:55px} .pra-list a{display:block;margin-left:20px;background:#fff} .pra-list .pai{margin-bottom:1px;padding-bottom:54.55%} .pra-list .txts{overflow:hidden;height:56px;padding-right:25px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s} .pra-list .nowti{font-size:16px;line-height:36px;margin-top:10px;padding-left:25px;border-left:6px solid #cf1408} @media screen and (min-width:1025px){ .pra-list a:hover .txts{color:#fff;background:#cf1408} } .pro1{padding:55px 0 90px 0} @media screen and (max-width:601px){ .pra-list .nowti{font-size:14px;line-height:26px;padding-left:15px;border-left:4px solid #cf1408} .pra-list .txts{height:46px} .pra-list li{margin-bottom:25px} .pro1{padding:9vw 0 14vw 0} .pro1 .pra-list{margin-bottom:5vw} } @media screen and (max-width:481px){ .pra-list li{float:none;width:100%} .pra-list,.pra-list a{margin-left:0} } .po-nav{line-height:24px;margin-bottom:1px;color:#000;background:#fff} .po-nav a{font-size:16px;font-weight:700;float:left;padding:15px 12px;white-space:nowrap;color:#000} .po-nav a.act{color:#fff;background:#cf1408} @media screen and (min-width:1025px){ .po-nav a:not(.act):hover{color:#cf1408} } .pt-nav{line-height:24px;background:#fff} .pt-nav a{font-size:16px;position:relative;float:left;padding:15px 11px;white-space:nowrap} .pt-nav a:before{position:absolute;right:0;bottom:0;left:auto;width:0;height:6px;content:'';-webkit-transition:.6s;-moz-transition:.6s;transition:.6s;background:#cf1408} .pt-nav a.act:before{right:auto;left:0;width:100%} @media screen and (min-width:1025px){ .pt-nav a:hover:before{right:auto;left:0;width:100%} } .pro-list{margin-left:-30px} .pro-list li{float:left;width:33.33%;margin-bottom:50px} .pro-list a{margin-left:30px} .pro-a{display:block} .pro-a .pai{padding-bottom:114.29%} .pro-a .cover{visibility:hidden;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;opacity:0;background:rgba(207,20,8,.6)} .pro-a .more{font-size:12px;line-height:32px;position:absolute;top:50%;left:50%;display:block;visibility:hidden;width:110px;height:32px;margin:-16px 0 0 -55px;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;-webkit-transform:scale(.9) translateY(-100%);-moz-transform:scale(.9) translateY(-100%);-ms-transform:scale(.9) translateY(-100%);transform:scale(.9) translateY(-100%);text-align:center;opacity:0;border-radius:16px;background:#fff} .pro-a .nowti{font-size:16px;line-height:56px;height:56px;margin-top:1px;padding:0 15px;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;text-align:center;background:#fff} @media screen and (min-width:1025px){ .pro-a:hover .cover{visibility:visible;opacity:1} .pro-a:hover .more{visibility:visible;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1} .pro-a:hover .nowti{color:#fff;background:#cf1408} } .pro2{padding:30px 0 100px 0} .pro2 .pt-nav{margin-bottom:55px} .pro2 .pager{margin-top:20px} @media screen and (max-width:861px){ .pro-a .nowti{font-size:14px;line-height:50px;height:50px} .pro-list a{margin-left:20px} .pro-list{margin-left:-20px} .pro-list li{margin-bottom:40px} .po-nav,.pt-nav{position:relative;overflow:hidden;overflow-x:auto;height:54px;-webkit-overflow-scrolling:touch} .po-nav a,.pt-nav a{display:inline-block;float:none;vertical-align:bottom;letter-spacing:0} .po-nav .clearfix,.pt-nav .clearfix{position:absolute;top:0;left:0;white-space:nowrap;letter-spacing:-6px} } @media screen and (max-width:601px){ .pro2 .pt-nav{margin-bottom:9vw} .pro-list li{width:50%;margin-bottom:6.66vw} .pro2{padding-bottom:14vw} } @media screen and (max-width:481px){ .pro2 .pt-nav{margin-bottom:11vw} } .ab-h{height:15px} @media screen and (max-width:601px){ .ab-h{height:0} } .pd-back{margin-top:75px;padding-bottom:0;border-top:6px solid #cf1408} .pd-back .share a{color:#999!important} .pd-back .s{padding:15px 40px} @media screen and (min-width:1025px){ .pd-back .share .icon:hover{color:#cf1408!important} } .pi-list{float:left;width:415px;margin-right:50px} .pi-list .slick-arrow{position:absolute;z-index:119;top:0;bottom:0;width:60px} .pi-list .slick-arrow i{position:absolute;top:50%;display:block;visibility:hidden;width:34px;height:34px;margin-top:-17px;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;opacity:0;color:#fff;background:#cf1408} .pi-list .slick-arrow i:before{position:absolute;top:11px;left:14px;width:0;height:0;content:'';border-top:6px solid transparent;border-bottom:6px solid transparent} .pi-list .slick-prev{left:0} .pi-list .slick-prev i{left:0;-webkit-transform:translateX(20px);-moz-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)} .pi-list .slick-prev i:before{border-right:6px solid} .pi-list .slick-next{right:0} .pi-list .slick-next i{right:0;-webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)} .pi-list .slick-next i:before{border-left:6px solid} @media screen and (min-width:1025px){ .pi-list .slick-arrow:hover i{visibility:visible;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1} } .pdtxts{overflow:hidden} .pdtxts .bodr{padding-top:40px;border-top:2px solid #cf1408} .pdtxts .ti{font-size:32px;line-height:44px;position:relative;padding-left:25px;color:#333} .pdtxts .ti:before{position:absolute;top:18px;left:0;width:8px;height:8px;content:'';background:#cf1408} .pdtxts .freeTx{height:235px;margin-top:20px;text-align:left} .pdtxts .freeTx .clearfix{padding:15px;background:#fff} .pdtxts .tx1{float:left} .pdtxts .tx2{overflow:hidden} .pdtxts .b{overflow:hidden;margin-top:45px;padding-bottom:35px;border-bottom:2px solid #cf1408} .pdtxts .price{line-height:1;float:left;padding-top:9px;color:#333} .pdtxts .price strong{font-size:32px;margin-left:10px;color:#cf1408} .pdtxts .buy-btn{float:right} .pdtxts .share{display:none;margin-top:10px} .pdtxts .share a{color:#666!important} .buy-btn{font-size:16px;line-height:50px;display:block;width:150px;height:50px;text-align:center;color:#fff;background:#cf1408} @media screen and (min-width:1025px){ .buy-btn:hover{background:#666} } .pro3{padding:41px 0 25px 0} .pro3 .pd-ti{margin-top:80px} .pro3 .pro-list{margin-top:30px} .pro3 .nd-hide-back{margin-top:60px} .pro3>.freeTx{margin-top:50px} .pd-ti{font-size:24px;font-weight:700;line-height:24px;padding-bottom:10px;color:#333;border-bottom:1px solid #ccc} .pd-ti .more{font-size:14px;font-weight:400;float:right;color:#999} @media screen and (min-width:1025px){ .pd-ti .more:hover{color:#cf1408} } @media screen and (max-width:1366px){ .pi-list{width:365px;margin-right:40px} .pdtxts .ti{font-size:28px;line-height:40px} .pdtxts .ti:before{top:16px} .pdtxts .bodr{padding-top:30px} .pdtxts .price strong{font-size:28px;margin-left:8px} .buy-btn{font-size:14px;line-height:42px;width:120px;height:42px} .pdtxts .price{padding-top:7px} .pdtxts .b{margin-top:35px;padding-bottom:25px} .pdtxts .freeTx .clearfix{padding:10px 15px} .pdtxts .freeTx{height:215px} .pd-back .s{padding:8px 35px} .pd-back .share a{font-size:13px!important} .share .icon{font-size:14px!important;margin-left:5px!important} .pro3 .pd-ti{margin-top:60px} } @media screen and (max-width:1024px){ .pdtxts .share{display:block} .pdtxts .freeTx{height:185px} .pi-list .slick-arrow{top:50%;bottom:auto;width:34px;margin-top:-17px} .pi-list .slick-arrow i{top:0;visibility:visible;margin:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1;background:rgba(207,20,8,.9)} } @media screen and (max-width:861px){ .pi-list{float:none;width:100%;margin-right:0;background:#fff} .pi-list .pic{height:320px} .pi-list .pic img{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;vertical-align:middle} .pdtxts .freeTx{height:auto} .pdtxts .b{margin-top:80px;padding-bottom:35px} } @media screen and (max-width:601px){ .pdtxts .ti{font-size:24px;line-height:34px} .pdtxts .ti:before{top:13px} } @media screen and (max-width:481px){ .pi-list .pic{height:auto} .pi-list .pic img{position:relative;width:100%} .pdtxts .ti{font-size:20px;line-height:28px;padding-left:15px} .pdtxts .ti:before{top:11px;width:6px;height:6px} .pdtxts .b{margin-top:60px;padding-bottom:25px} .buy-btn{line-height:38px;width:100px;height:38px} .pdtxts .price strong{font-size:24px;margin-left:6px} .pdtxts .bodr{padding-top:25px} .pro3 .nd-hide-back{margin-top:11vw} .pd-ti{font-size:20px} .pro3 .pd-ti{margin-top:10vw} .pro3{padding-top:6.5vw} .pro3>.freeTx{margin-top:40px} } .ser-tx{font-size:16px;padding:20px;color:#000;background:#fff} .ser-tels{font-size:16px;padding:25px 20px;background:#fff} .ser-tels li{float:left;width:50%} .ser1 .ser-tx{margin-bottom:10px} .hotline{display:block;overflow:hidden;color:#000} .hotline .icon{font-size:28px;line-height:70px;float:left;width:70px;height:70px;margin-right:20px;text-align:center;color:#fff;border-radius:10px;background:#cf1408} .hotline .tel{font-size:32px;font-weight:700;line-height:1;margin-top:5px;color:#cf1408} .hotline .ti{margin-top:3px} .ser1{padding:70px 0 90px 0} @media screen and (max-width:861px){ .ser-tels li{float:none;width:100%} .ser-tels li+li{margin-top:20px} .ser1{padding:50px 0 70px 0} } @media screen and (max-width:601px){ .ser1{padding:8vw 0 14vw 0} } @media screen and (max-width:481px){ .ser-tels,.ser-tx{font-size:14px} .hotline .tel{font-size:28px} .hotline .icon{font-size:24px;line-height:60px;width:60px;height:60px;margin-right:15px} .ser-tels li+li{margin-top:15px} } .bi-list{margin-left:-20px} .bi-list a{margin-bottom:55px} .bi-list .ma{margin-left:20px} .bi-list .nowti{line-height:56px;position:relative;margin-top:1px;padding:0 25px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;color:#666;background:#fff} .bi-list .nowti:before{position:absolute;top:10px;bottom:10px;left:0;width:6px;content:'';background:#cf1408} .bi-list .si-a .pai{padding-bottom:54.55%} @media screen and (min-width:1025px){ .bi-list a:hover .nowti{color:#fff;background:#cf1408} } @media screen and (max-width:601px){ .bi-list .nowti{font-size:14px;line-height:46px;padding:0 15px} .bi-list .nowti:before{width:4px} .bi-list a{margin-bottom:25px} .pro1 .bi-list{margin-bottom:5vw} } @media screen and (max-width:481px){ .bi-list a{float:none;width:100%} .bi-list,.bi-list .ma{margin:0} } .bra-list{border-top:2px solid #cf1408} .bra-list li{line-height:24px;overflow:hidden;margin-bottom:1px;padding:25px;background:#fff} .bra-list .ti{font-size:18px;font-weight:700;line-height:24px;position:relative;float:left;-moz-box-sizing:border-box;box-sizing:border-box;width:250px;min-height:24px;margin-right:35px;padding-left:40px;color:#333} .bra-list .ti .icon{font-size:24px;position:absolute;top:0;left:0;color:#cf1408} .bra-list .b{overflow:hidden} .bra-list .b>p{position:relative;min-height:24px;padding-left:30px} .bra-list .b>p+p{margin-top:5px} .bra-list .b>p span{margin-right:25px} .bra-list .ico{position:absolute;top:0;left:0;width:20px;height:24px} .bra1{padding:40px 0 100px 0} @media screen and (min-width:1025px){ .bra-list a:hover{color:#cf1408} } @media screen and (max-width:861px){ .bra-list .ti{width:200px} } @media screen and (max-width:601px){ .bra-list .ti{float:none;width:100%;margin-right:0;margin-bottom:15px} .bra-list li{padding-right:5%;padding-left:5%} .bra1{padding:7vw 0 14vw 0} } @media screen and (max-width:481px){ .bra-list .ti{font-size:16px;padding-left:35px} .bra-list .ti .icon{font-size:22px} } .ach-list{margin-left:-40px} .ach-list a{float:left;width:33.33%;margin-bottom:40px} .ach-list .ma{margin-left:40px} .av-box{background:#fff} .ach-nav{padding:0 80px} .ach-nav .item{float:left} .ach-nav .av-a{position:relative;display:block;padding:10px 0} .ach-nav .av-a:before{position:absolute;right:0;bottom:0;left:auto;width:0;height:10px;content:'';-webkit-transition:.6s;-moz-transition:.6s;transition:.6s;background:#cf1408} .ach-nav .av-a.act:before{right:auto;left:0;width:100%} .ach-nav .pai{padding-bottom:61.54%} .ach-nav .slick-arrow{position:absolute;z-index:99;top:50%;width:40px;height:40px;margin-top:-20px;color:#666;background:#e5e5e5} .ach-nav .slick-arrow i{position:absolute;top:14px;left:17px;display:block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent} .ach-nav .slick-prev{left:0} .ach-nav .slick-prev i{border-right:6px solid} .ach-nav .slick-next{right:0} .ach-nav .slick-next i{border-left:6px solid} @media screen and (min-width:1025px){ .ach-nav .av-a:hover:before{right:auto;left:0;width:100%} .ach-nav .slick-arrow:hover{color:#fff;background:#cf1408} } .ach1{padding:50px 0} .ach1 .av-box{margin-top:15px} @media screen and (max-width:1366px){ .ach-nav{padding:0 55px} } @media screen and (max-width:1024px){ .ach-list a{width:50%} } @media screen and (max-width:601px){ .ach-list .ma{margin-left:25px} .ach-list{margin-left:-25px} .ach-list a{margin-bottom:30px} .ach1{padding-top:10vw;padding-bottom:8vw} } @media screen and (max-width:481px){ .ach-list{margin-left:-15px} .ach-list .ma{margin-left:15px} .ach-list a{margin-bottom:20px} .ach-nav .slick-arrow{width:34px;height:34px;margin-top:-17px} .ach-nav .slick-arrow i{top:11px;left:14px} .ach-nav .av-a{padding:6px 0} .ach-nav .av-a:before{height:6px} } .ai-list{margin-left:-15px} .ai-list a{float:left;width:33.33%;margin-bottom:25px} .ai-list .ma{margin-left:15px} .ai-list .pic{height:200px;background:#fff} .ai-list .pic img{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;vertical-align:middle} .ai-list .nowti{font-weight:400;position:relative;margin-top:0;padding:15px;text-align:center;color:#333} .ai-list .nowti:before{position:absolute;right:50%;bottom:0;width:0;height:1px;content:'';-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;background:#cf1408} @media screen and (min-width:1025px){ .ai-list a:hover .nowti:before{right:0;width:100%} } .ab1{padding:40px 0 100px 0} .ab1 .ai-list{margin-bottom:25px} @media screen and (max-width:861px){ .ai-list a{width:50%} } @media screen and (max-width:601px){ .ai-list .nowti{padding-top:10px;padding-bottom:0} .ab1{padding:7vw 0 14vw 0} } @media screen and (max-width:481px){ .ai-list .pic{height:120px} .ai-list .nowti{padding-top:8px} .ai-list a{margin-bottom:20px} .ab1 .ai-list{margin-bottom:20px} } #map{position:absolute;top:0;right:0;bottom:0;left:0} #map .BMap_mask{background:rgba(0,0,0,.2)!important} .cta-box{font-size:18px;line-height:2;padding:30px 0;background:#fff} .cta-box+.cta-box{margin-top:30px} .ctas-list{position:relative;overflow:hidden;padding:0 40px} .ctas-list:before{position:absolute;top:0;bottom:0;left:0;width:6px;content:'';background:#cf1408} .ctas-list li{float:left;width:50%} @media screen and (min-width:1025px){ .ctas-list a:hover{color:#cf1408} } .ct-list{padding:0 40px} .ct-list li{float:left;width:50%} .ct-list .hotl{line-height:1;position:relative;display:block;margin-top:24px} .ct-list .hotl:before{position:absolute;top:50%;left:-40px;width:6px;height:72px;margin-top:-36px;content:'';background:#cf1408} .ct-list .hotl .tel{font-size:32px;font-weight:700;margin-bottom:10px;color:#cf1408} .ab2{padding:40px 0 100px 0} @media screen and (max-width:1024px){ .cta-banner .pb-ti{display:none} } @media screen and (max-width:861px){ .ct-list li,.ctas-list li{float:none;width:100%} .ct-list .hotl:before,.ctas-list:before{display:none} .ct-list,.ctas-list{padding:0 5%} .ct-list .hotl{margin-top:0;margin-bottom:20px} } @media screen and (max-width:641px){ .cta-banner .pic2{display:none} #map{position:relative;height:320px} } @media screen and (max-width:601px){ .ab2{padding:8vw 0 14vw 0} .cta-box{padding:5vw 0} .cta-box{font-size:16px} .cta-box+.cta-box{margin-top:5vw} } @media screen and (max-width:481px){ .cta-box{font-size:14px} .ct-list .hotl .tel{font-size:28px;margin-bottom:8px} .ct-list .hotl{margin-bottom:15px} #map{height:260px} } .sep-list{margin-left:-30px} .sep-list li{float:left;width:25%;margin-bottom:40px} .sep-list a{margin-left:30px} .sear-t{padding:80px 0 25px 0;background:#e5e5e5} .sear-t .ti{font-size:24px;color:#000} .sear-b{padding:15px 0 100px 0} .sear-b .ti{font-size:16px;margin-bottom:45px;color:#000} .sear-b .ti span{font-weight:700;color:#cf1408} .sear-b .sep-list{margin-bottom:25px} @media screen and (max-width:1024px){ .sep-list li{width:33.33%} } @media screen and (max-width:861px){ .sep-list a{margin-left:20px} .sep-list{margin-left:-20px} } @media screen and (max-width:601px){ .sep-list li{width:50%;margin-bottom:6.66vw} .sear-t{padding-top:13.33vw} .sear-b .ti{margin-bottom:8vw} .sear-b{padding-bottom:14vw} } @media screen and (max-width:481px){ .sear-t{padding-bottom:15px} } .sos-box{position:fixed;top:50%;right:0;left:0;margin-top:-268px;padding:0 5%;text-align:center} .sos-box img{max-width:100%;vertical-align:middle} .sos-box .tx1{font-size:22px;font-weight:700;line-height:1;color:#cf1408} .sos-box .tx2{margin-top:15px} .sos-box .ib{line-height:54px;width:150px;height:54px;text-align:center;color:#fff;background:#999} .sos-box .ib+.ib{margin-left:15px} .sos-box .fib{margin-top:40px} @media screen and (min-width:1025px){ .sos-box .ib:hover{background:#cf1408} } @media screen and (max-width:1366px){ .sos-box .tx1{margin-top:-20px} .sos-box{margin-top:-278px} } @media screen and (max-width:1024px){ .sos-box{margin-top:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)} } @media screen and (max-width:481px){ .sos-box .ib{line-height:44px;width:120px;height:44px} .sos-box .ib+.ib{margin-left:10px} .sos-box .fib{margin-top:30px} } .jb1{padding-top:40px} .jb1 .freeTx{font-size:16px;padding:35px 45px;background:#fff} .jb2{padding-top:30px} .jb2 .jb-tx{margin-top:30px} .jb-list{font-size:18px;padding:0 45px;background:#fff} .jb-list li{overflow:hidden;padding:6px 0;border-bottom:1px solid #f3f3f3} .jb-list li:first-child{padding:15px 0;border-top:4px solid #cf1408} .jb-list .j1{float:left;width:89%} .jb-list .j2{overflow:hidden} .jb-list .ti{font-weight:700;color:#333} .jb-tx{font-size:16px;padding:45px;background:#fff} .jb-tx .recs{margin-top:0} .jb3{padding:30px 0 100px 0} .recs{overflow:hidden} .recs a{line-height:56px;float:left;overflow:hidden;width:158px;height:56px;margin-top:20px;margin-right:20px;text-align:center;white-space:nowrap;color:#fff;background:#999} @media screen and (min-width:1025px){ .recs a:hover{background:#cf1408} } @media screen and (max-width:1024px){ .jb-list,.jb-tx,.jb1 .freeTx{padding-right:5%;padding-left:5%} } @media screen and (max-width:861px){ .jb-list .j1{width:84%} .recs a{width:23.5%;margin-top:2%;margin-right:2%} .recs a:nth-child(4n){margin-right:0} .jb-tx .recs{margin-top:10px} } @media screen and (max-width:641px){ .recs a{width:32%} .recs a:nth-child(4n){margin-right:2%} .recs a:nth-child(3n){margin-right:0} } @media screen and (max-width:601px){ .jb1 .freeTx{padding-top:6vw;padding-bottom:6vw} .jb1{padding-top:8vw} .jb3{padding-bottom:14vw} .jb-tx{padding-top:8vw;padding-bottom:8vw} .jb-list{font-size:16px} .jb-list .j1{width:80%} } @media screen and (max-width:481px){ .jb-tx,.jb1 .freeTx{font-size:14px} .recs a{font-size:12px;line-height:46px;height:46px} .jb-list{font-size:14px} } .ly-box{visibility:hidden;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s;opacity:0;background:url(../images/white5.png);background:rgba(255,255,255,.9)} .ly-box .close{position:fixed;z-index:99;top:50%;right:50%;display:block;visibility:hidden;width:53px;height:53px;margin:-325px -503px 0 0;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s;-webkit-transform:translateX(80px);-moz-transform:translateX(80px);-ms-transform:translateX(80px);transform:translateX(80px);opacity:0;background:#cf1408} .ly-box .close .ico{display:block;height:100%;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;background-image:url(../images/close2.png);background-position:center center} .ly-box.show{visibility:visible;opacity:1} .ly-box.show .close,.ly-box.show .ly-cont{visibility:visible;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;opacity:1} @media screen and (min-width:1025px){ .ly-box .close:hover .ico{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} } .ly-cont{position:absolute;top:50%;left:50%;visibility:hidden;width:900px;height:650px;margin:-325px 0 0 -450px;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s;-webkit-transform:translateX(80px);-moz-transform:translateX(80px);-ms-transform:translateX(80px);transform:translateX(80px);opacity:0;background:#fff;box-shadow:0 10px 50px rgba(0,0,0,.2)} .ly-cont .pa{padding:40px 50px 0 50px} .ly-cont .pic{float:left;width:265px;min-height:1px;margin-right:40px} .ly-cont .txts{overflow:hidden} .ly-cont .ti{margin-bottom:45px;padding-top:25px;color:#999;border-top:2px solid #cf1408} .ly-cont .ti strong{font-size:40px;display:block;margin-bottom:5px;color:#333} .ly-cont .freeTx{overflow-y:auto;height:400px} @media screen and (max-width:1366px){ .ly-cont{height:550px;margin-top:-275px} .ly-box .close{margin-top:-275px} .ly-cont .freeTx{height:300px} } @media screen and (max-width:1024px){ .ly-cont{position:static;right:0;left:0;overflow:hidden;overflow-y:auto;width:100%;height:100%;margin:0;-webkit-overflow-scrolling:touch} .ly-box .close{top:auto;right:5%;bottom:15px;left:auto;margin:0;background:rgba(207,20,8,.9)} .ly-cont .freeTx{height:auto} .ly-cont .pa{padding:60px 5% 100px 5%} } @media screen and (max-width:861px){ .ly-cont .pic{width:210px} } @media screen and (max-width:641px){ .ly-cont .pic{float:none;width:265px;max-width:100%;margin:0} .ly-cont .ti{border:none} .ly-cont .ti strong{font-size:30px} } @media screen and (max-width:601px){ .ly-cont .pa{padding-top:10vw;padding-bottom:16vw} .ly-cont .ti{margin-bottom:7.5vw;padding-top:4vw} } @media screen and (max-width:481px){ .ly-cont .ti strong{font-size:24px;margin-bottom:0} .ly-box .close{width:43px;height:43px} } #close-dock { position: absolute; right: 0; top: 0; background-color: #fff; background-color: rgba(0,0,0,0); text-align: center; width: 36px; height: 36px; line-height: 36px; font-size: 15px; cursor: pointer; text-indent: 10px; }