@charset "UTF-8"; /*! * Cy Style Projects for NanShanSheDing (https://RNMMP.grd) * Copyright 2016-2018 Code yo, Authors own. * Licensed under MIT, NMMP (https://RNMMP.grd/YouBorrowMyCodeToYourItem/AndYouDonNotTellMe/) */ /*! Reset v1.2.1-alpha.2 */ html{height:100%;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%} body{margin:0;font:normal 14px/30px Arial,sans-serif;color:#666;background:#fff} h1,h2,h3,h4,h5,h6{margin:0;font-weight:400;line-height:1} p{margin:0} address{margin-bottom:1.125rem;font-style:normal;line-height:inherit} dd,dl,ol,ul{margin:0;padding:0;list-style:none} blockquote{margin:0 2.875em 1.125em 2.875em} small{font-size:62.5%} sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline} sub{bottom:-.375em} sup{top:-.5em} a{color:inherit;text-decoration:none} i{font-style:inherit} figure{margin:0} img{vertical-align:top;border:0 none} img::-moz-selection{background:0 0} img::selection{background:0 0} table{width:100%;border-collapse:collapse} th{text-align:inherit} button,input,optgroup,option,select,textarea{margin:0;border:0 none;border-radius:0;padding:0;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background-color:inherit} button,input,option,select{outline:0 none} button,input{overflow:visible} button,select{text-transform:none} [type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button} button{cursor:pointer} [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0} textarea{padding:.375em .625em;overflow:auto;resize:none} a,button,input,select,textarea{-webkit-appearance:none;-moz-appearance:none} hr{visibility:visible;height:1px;margin:0;background:#eee;border:0 none} *,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box} *{-webkit-tap-highlight-color:rgba(255,255,255,0)} :focus{outline:0 none} /*! Animate v2.1.0-alpha.1 */ .container{-webkit-transition:max-width .3s;-o-transition:max-width .3s;transition:max-width .3s} .act{-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;-o-transition-property:transform,opacity;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transition-duration:.7s;-o-transition-duration:.7s;transition-duration:.7s} .cy-tg.cy-upToDown{opacity:0;-webkit-transform:translate(0,-20px);-ms-transform:translate(0,-20px);transform:translate(0,-20px)} .cy-tg.cy-downToUp{opacity:0;-webkit-transform:translate(0,20px);-ms-transform:translate(0,20px);transform:translate(0,20px)} .cy-tg.cy-leftToRight{opacity:0;-webkit-transform:translate(-20px,0);-ms-transform:translate(-20px,0);transform:translate(-20px,0)} .cy-tg.cy-rightToLeft{opacity:0;-webkit-transform:translate(20px,0);-ms-transform:translate(20px,0);transform:translate(20px,0)} .act.cy-downToUp,.act.cy-leftToRight,.act.cy-rightToLeft,.act.cy-upToDown{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none} .cy-tg.cy-rightToLeftSkew{opacity:0;-webkit-transform:translate(20px,0) scale(.9) skew(-20deg);-ms-transform:translate(20px,0) scale(.9) skew(-20deg);transform:translate(20px,0) scale(.9) skew(-20deg);-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0} .act.cy-rightToLeftSkew{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none} .cy-tg.cy-rightToLeftScale{opacity:0;-webkit-transform:translate(20px,0) scale(.9);-ms-transform:translate(20px,0) scale(.9);transform:translate(20px,0) scale(.9);-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%} .act.cy-rightToLeftScale{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none} .cy-tg.cy-upToDownScale{opacity:0;-webkit-transform:translate(0,-20%) scale(.2);-ms-transform:translate(0,-20%) scale(.2);transform:translate(0,-20%) scale(.2);-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%} .act.cy-upToDownScale{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center} .cy-d1{-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s} .cy-d2{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s} .cy-d3{-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s} .cy-d4{-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s} .cy-d5{-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s} .cy-d6{-webkit-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s} .cy-d7{-webkit-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s} .cy-d8{-webkit-transition-delay:.8s;-o-transition-delay:.8s;transition-delay:.8s} .cy-d9{-webkit-transition-delay:.9s;-o-transition-delay:.9s;transition-delay:.9s} .cy-d10{-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s} .cy-d0-5{-webkit-transition-delay:.05s;-o-transition-delay:.05s;transition-delay:.05s} .cy-d1-5{-webkit-transition-delay:.15s;-o-transition-delay:.15s;transition-delay:.15s} .cy-d2-5{-webkit-transition-delay:.25s;-o-transition-delay:.25s;transition-delay:.25s} .cy-d3-5{-webkit-transition-delay:.35s;-o-transition-delay:.35s;transition-delay:.35s} .cy-d4-5{-webkit-transition-delay:.45s;-o-transition-delay:.45s;transition-delay:.45s} .cy-d5-5{-webkit-transition-delay:.55s;-o-transition-delay:.55s;transition-delay:.55s} .cy-d6-5{-webkit-transition-delay:.65s;-o-transition-delay:.65s;transition-delay:.65s} .cy-d7-5{-webkit-transition-delay:.75s;-o-transition-delay:.75s;transition-delay:.75s} .cy-d8-5{-webkit-transition-delay:.85s;-o-transition-delay:.85s;transition-delay:.85s} .cy-d9-5{-webkit-transition-delay:.95s;-o-transition-delay:.95s;transition-delay:.95s} .icon-show{-webkit-animation:iconShow .5s;animation:iconShow .5s} .logo-show{display:block;position:relative;z-index:1} .logo-show:before{position:absolute;top:0;left:0;z-index:5;width:100%;height:100%} .logo-show:hover:before{-webkit-animation:logoShow .5s 1 linear;animation:logoShow .5s 1 linear;content:''} @-webkit-keyframes logoShow{ 0%{background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) -15%,rgba(255,255,255,.5),rgba(255,255,255,0) 15%);background:linear-gradient(120deg,rgba(255,255,255,0) -15%,rgba(255,255,255,.5),rgba(255,255,255,0) 15%)} 10%{background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) -5%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%);background:linear-gradient(120deg,rgba(255,255,255,0) -5%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%)} 20%{background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.5),rgba(255,255,255,0) 35%);background:linear-gradient(120deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.5),rgba(255,255,255,0) 35%)} 30%{background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%);background:linear-gradient(120deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%)} 40%{background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%);background:linear-gradient(120deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%)} 50%{background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.5),rgba(255,255,255,0) 65%);background:linear-gradient(120deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.5),rgba(255,255,255,0) 65%)} 60%{background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.5),rgba(255,255,255,0) 75%);background:linear-gradient(120deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.5),rgba(255,255,255,0) 75%)} 70%{background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.5),rgba(255,255,255,0) 85%);background:linear-gradient(120deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.5),rgba(255,255,255,0) 85%)} 80%{background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 65%,rgba(255,255,255,.5),rgba(255,255,255,0) 95%);background:linear-gradient(120deg,rgba(255,255,255,0) 65%,rgba(255,255,255,.5),rgba(255,255,255,0) 95%)} 90%{background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 75%,rgba(255,255,255,.5),rgba(255,255,255,0) 105%);background:linear-gradient(120deg,rgba(255,255,255,0) 75%,rgba(255,255,255,.5),rgba(255,255,255,0) 105%)} 100%{background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 85%,rgba(255,255,255,.5),rgba(255,255,255,0) 115%);background:linear-gradient(120deg,rgba(255,255,255,0) 85%,rgba(255,255,255,.5),rgba(255,255,255,0) 115%)} } @keyframes logoShow{ 0%{background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) -15%,rgba(255,255,255,.5),rgba(255,255,255,0) 15%);background:-o-linear-gradient(330deg,rgba(255,255,255,0) -15%,rgba(255,255,255,.5),rgba(255,255,255,0) 15%);background:linear-gradient(120deg,rgba(255,255,255,0) -15%,rgba(255,255,255,.5),rgba(255,255,255,0) 15%)} 10%{background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) -5%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%);background:-o-linear-gradient(330deg,rgba(255,255,255,0) -5%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%);background:linear-gradient(120deg,rgba(255,255,255,0) -5%,rgba(255,255,255,.5),rgba(255,255,255,0) 25%)} 20%{background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.5),rgba(255,255,255,0) 35%);background:-o-linear-gradient(330deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.5),rgba(255,255,255,0) 35%);background:linear-gradient(120deg,rgba(255,255,255,0) 5%,rgba(255,255,255,.5),rgba(255,255,255,0) 35%)} 30%{background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%);background:-o-linear-gradient(330deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%);background:linear-gradient(120deg,rgba(255,255,255,0) 15%,rgba(255,255,255,.5),rgba(255,255,255,0) 45%)} 40%{background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%);background:-o-linear-gradient(330deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%);background:linear-gradient(120deg,rgba(255,255,255,0) 25%,rgba(255,255,255,.5),rgba(255,255,255,0) 55%)} 50%{background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.5),rgba(255,255,255,0) 65%);background:-o-linear-gradient(330deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.5),rgba(255,255,255,0) 65%);background:linear-gradient(120deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.5),rgba(255,255,255,0) 65%)} 60%{background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.5),rgba(255,255,255,0) 75%);background:-o-linear-gradient(330deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.5),rgba(255,255,255,0) 75%);background:linear-gradient(120deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.5),rgba(255,255,255,0) 75%)} 70%{background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.5),rgba(255,255,255,0) 85%);background:-o-linear-gradient(330deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.5),rgba(255,255,255,0) 85%);background:linear-gradient(120deg,rgba(255,255,255,0) 55%,rgba(255,255,255,.5),rgba(255,255,255,0) 85%)} 80%{background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 65%,rgba(255,255,255,.5),rgba(255,255,255,0) 95%);background:-o-linear-gradient(330deg,rgba(255,255,255,0) 65%,rgba(255,255,255,.5),rgba(255,255,255,0) 95%);background:linear-gradient(120deg,rgba(255,255,255,0) 65%,rgba(255,255,255,.5),rgba(255,255,255,0) 95%)} 90%{background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 75%,rgba(255,255,255,.5),rgba(255,255,255,0) 105%);background:-o-linear-gradient(330deg,rgba(255,255,255,0) 75%,rgba(255,255,255,.5),rgba(255,255,255,0) 105%);background:linear-gradient(120deg,rgba(255,255,255,0) 75%,rgba(255,255,255,.5),rgba(255,255,255,0) 105%)} 100%{background:-webkit-linear-gradient(330deg,rgba(255,255,255,0) 85%,rgba(255,255,255,.5),rgba(255,255,255,0) 115%);background:-o-linear-gradient(330deg,rgba(255,255,255,0) 85%,rgba(255,255,255,.5),rgba(255,255,255,0) 115%);background:linear-gradient(120deg,rgba(255,255,255,0) 85%,rgba(255,255,255,.5),rgba(255,255,255,0) 115%)} } @-webkit-keyframes iconShow{ 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)} } @keyframes iconShow{ 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)} } @media (max-width:1024px){ table{font-size:12px;} .cy-tg.cy-downToUp,.cy-tg.cy-leftToRight,.cy-tg.cy-rightToLeft,.cy-tg.cy-rightToLeftScale,.cy-tg.cy-rightToLeftSkew,.cy-tg.cy-upToDown{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none} } .slick-loading .slick-list{background:#fff url(../images/loading.gif) center center no-repeat} .slick-slider{position:relative;display:block;-webkit-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;z-index:1} .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);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.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} .slick-arrow.slick-hidden{display:none} .slick-next,.slick-prev{position:absolute;top:50%;display:block;width:32px;height:32px;padding:0;margin-top:-16px;font-size:0;line-height:0;cursor:pointer;z-index:5} .slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0} .slick-next.slick-disabled,.slick-prev.slick-disabled{opacity:.3} .slick-prev{left:-36px} [dir=rtl] .slick-prev{right:-36px;left:auto} .slick-next{right:-36px} [dir=rtl] .slick-next{right:auto;left:-36px} .slick-dots{position:absolute;bottom:0;display:block;width:100%;padding:0;margin:0;font-size:0;line-height:0;text-align:center;z-index:5} .slick-dots li{position:relative;display:inline-block;margin:0 3px;width:10px;height:10px;padding:0;cursor:pointer} .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom} .mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto} .mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr} .mCSB_container{overflow:hidden;width:auto;height:auto} .mCSB_inside>.mCSB_container{margin-right:30px} .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0} .mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px} .mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0} .mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0} .mCSB_outside+.mCSB_scrollTools{right:-26px} .mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0} .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px} .mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto} .mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0} .mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;border-radius:16px} .mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;border-radius:16px;text-align:center} .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px} .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px} .mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer} .mCSB_scrollTools .mCSB_buttonDown{bottom:0} .mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px} .mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%} .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0} .mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0} .mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px} .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto} .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto} .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0} .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0} .mCSB_scrollTools{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"} .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"} .mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"} .mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"} .mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(../images/mcsb_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"} .mCSB_scrollTools .mCSB_buttonUp{background-position:0 0} .mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px} .mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px} .mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px} .mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"} .mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"} .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0} .mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px} .mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto} .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent} .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px} .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px} .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"} .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"} .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"} .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"} .vwrap{display:none;z-index:9777;width:100%;position:fixed} .vwrap .videobtg{z-index:900;position:fixed;width:100%;height:100%;left:0;top:0;background:#000;opacity:.8;filter:alpha(opacity=80);overflow:hidden} .vwrap .videobox{z-index:990;width:800px;height:600px;background-color:#fff;position:fixed;left:50%;top:50%;margin-top:-300px;margin-left:-400px} .manager{width:100%;} .manager ul{width:100%;margin:0;padding:0;list-style:none} .manager ul li{list-style:none;width:49.3%;background:#f6f5f5;padding:3%;display:inline-block;margin-bottom:1.5%;} .manager ul li h4{color:#0a68b7;font-size:18px;margin-bottom:10px;} .manager ul li p{font-size:13px;color:#333333;line-height:26px;} .manager ul li.w{margin-left:1%} .contactMargin{padding-top:50px;padding-bottom:35px;} @media (max-width:1024px){ table{font-size:12px;} .vwrap .videobox{margin-top:-225px;margin-left:-300px;width:600px;height:450px} } @media (max-width:768px){ .vwrap .videobox{margin-top:-187px;margin-left:-250px;width:500px;height:375px} } @media (max-width:576px){ .vwrap .videobox{margin-top:-150px;margin-left:-200px;width:400px;height:300px} } @media (max-width:425px){ .vwrap .videobox{margin-top:-112px;margin-left:-150px;width:300px;height:225px} } .vwrap .videobox #videobox{width:100%;display:inline-block;height:100%;background:#80abde} #videobox_wrapper{height:100%!important} .vwrap .close{z-index:999;width:32px;height:32px;cursor:pointer;position:absolute;top:0;right:-42px} @media (max-width:768px){ .vwrap .close{top:-36px;right:0} } .vwrap .close i{display:block;width:32px;height:32px;background:url(../images/video-close.png) no-repeat 50% 50%;-webkit-transition:.4s;-o-transition:.4s;transition:.4s} .vwrap .close:hover i{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} #videobox_display_button,#videocontainer_display_button{background:none no-repeat!important} .jwplayer .jwicon{opacity:.8;filter:alpha(opacity=80);cursor:pointer;background:no-repeat scroll center center;-webkit-transform:rotate(0)!important;-ms-transform:rotate(0)!important;transform:rotate(0)!important} .jwplayer .jwicon:hover{opacity:1;filter:alpha(opacity=100)} .jwclick,.jwlogo{display:none!important} .jwdisplayIcon{background:none no-repeat!important} .vbBox{position:relative;background:no-repeat center center;overflow:hidden;cursor:pointer} .vbBox .vicoBox{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10} .vbBox .vico{position:absolute;top:50%;left:50%;display:block;width:64px;height:64px;margin-top:-32px;margin-left:-32px;background:no-repeat;background-size:cover;-webkit-transition:.3s;-o-transition:.3s;transition:.3s} .vbBox #case-video_wrapper,.vbBox .jwplayer{position:absolute!important;top:0;left:0;right:0;bottom:0;z-index:2} .fancybox-enabled{overflow:hidden} .fancybox-enabled body{overflow:visible;height:100%} .fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden} .fancybox-container~.fancybox-container{z-index:99992} .fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;-webkit-transition-timing-function:cubic-bezier(.55,.06,.68,.19);-o-transition-timing-function:cubic-bezier(.55,.06,.68,.19);transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden} .fancybox-container--ready .fancybox-bg{opacity:.87;-webkit-transition-timing-function:cubic-bezier(.22,.61,.36,1);-o-transition-timing-function:cubic-bezier(.22,.61,.36,1);transition-timing-function:cubic-bezier(.22,.61,.36,1)} .fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr} .fancybox-show-controls .fancybox-controls{opacity:1} .fancybox-infobar{display:none} .fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all} .fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased} .fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all} .fancybox-show-buttons .fancybox-buttons{display:block} .fancybox-slider-wrap{overflow:hidden;direction:ltr} .fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent} .fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:0;white-space:normal;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch} .fancybox-slide:before{content:"";height:100%;width:0} .fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle} .fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box} .fancybox-slide--image{overflow:hidden} .fancybox-slide--image:before{display:none} .fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:0;font-size:16px;font-family:Arial,sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch} .fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff} .fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:0 0} .fancybox-placeholder{z-index:99995;background:0 0;cursor:default;overflow:visible;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden} .fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0} .fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:0 0;background-size:100% 100%} .fancybox-controls--canzoomOut .fancybox-placeholder{cursor:-webkit-zoom-out;cursor:zoom-out} .fancybox-controls--canzoomIn .fancybox-placeholder{cursor:-webkit-zoom-in;cursor:zoom-in} .fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab} .fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing} .fancybox-spaceball{z-index:1} .fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden} .fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default} .fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif} .fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:0;background:0 0;z-index:10;cursor:pointer} .fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;-webkit-transition:background .2s;-o-transition:background .2s;transition:background .2s;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:2} .fancybox-close-small:focus:after{outline:1px dotted #888} .fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:0 0} .fancybox-close-small:hover:after{color:#555;background:#eee} .fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(20%,rgba(0,0,0,.1)),color-stop(40%,rgba(0,0,0,.2)),color-stop(80%,rgba(0,0,0,.6)),to(rgba(0,0,0,.8)));background:-webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));background:-o-linear-gradient(top,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s;pointer-events:none} .fancybox-show-caption .fancybox-caption-wrap{opacity:1} .fancybox-caption{padding:30px 0;border-top:1px solid rgba(255,255,255,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none} .fancybox-caption a,.fancybox-caption button{pointer-events:all} .fancybox-caption a{color:#fff;text-decoration:underline} .fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:0 0;color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;outline:0} .fancybox-button--disabled{cursor:default;pointer-events:none} .fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)} .fancybox-button:hover{background:rgba(0,0,0,.8)} .fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block} .fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5} .fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)} .fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:0 0;border-top:2px solid currentColor;border-right:2px solid currentColor} .fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} .fancybox-button--left{border-bottom-left-radius:5px} .fancybox-button--right{border-bottom-right-radius:5px} .fancybox-button--close{float:right} .fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)} .fancybox-button--close:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} .fancybox-button--close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} .fancybox-loading{border:6px solid rgba(99,99,99,.4);border-top:6px solid rgba(255,255,255,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:0 0;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999} @-webkit-keyframes a{ 0%{-webkit-transform:rotate(0);transform:rotate(0)} to{-webkit-transform:rotate(359deg);transform:rotate(359deg)} } @keyframes a{ 0%{-webkit-transform:rotate(0);transform:rotate(0)} to{-webkit-transform:rotate(359deg);transform:rotate(359deg)} } @media (max-width:768px){ .fancybox-controls{text-align:left} .fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important} .fancybox-caption{padding:20px 0;margin:0} } .fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:0 0} .fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:0 0} .fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:0 0} .fancybox-button--thumbs span{font-size:23px} .fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;-webkit-box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0} .fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px} .fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;-webkit-box-sizing:border-box;box-sizing:border-box} .fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0} .fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:0;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-box-sizing:border-box;box-sizing:border-box} li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)} .fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;-webkit-transition:all .2s cubic-bezier(.25,.46,.45,.94);-o-transition:all .2s cubic-bezier(.25,.46,.45,.94);transition:all .2s cubic-bezier(.25,.46,.45,.94)} .fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1} @media (max-width:768px){ .fancybox-thumbs{display:none!important} .fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0} } /*! Animate End */ body.overflow,html.overflow{overflow-y:hidden} html::-webkit-scrollbar{width:7px;height:7px;background-color:#f7f7f7} html::-webkit-scrollbar-track{border-radius:0;background-color:#f7f7f7} html::-webkit-scrollbar-thumb{border-radius:0;width:17px;height:17px;background-color:#333} body{overflow-x:hidden;font-family:"Microsoft YaHei",sans-serif} .cy-wrapper{overflow:hidden} .cy-wrapper,.footer{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s} .cy-wrapper.hide,.footer.hide{will-change:transform;-webkit-filter:blur(3px);filter:blur(3px);-webkit-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s;-webkit-transform:translate(-270px,0);-ms-transform:translate(-270px,0);transform:translate(-270px,0)} .container{margin:0 auto;padding:0 15px;width:100%} @media (min-width:577px){ .container{max-width:540px} } @media (min-width:769px){ .container{max-width:720px} } @media (min-width:1025px){ .container{max-width:960px;padding:0} } @media (min-width:1241px){ .container{max-width:1140px} } @media (min-width:1441px){ .container{max-width:1280px} } @media (min-width:1681px){ .container{max-width:1440px} } @media (min-width:1881px){ .container{max-width:1550px} } .clearfix:after,.clearfix:before{content:'';display:table} .clearfix:after{clear:both} .details-body{overflow:hidden;line-height:20px;text-align:justify} .details-body p{line-height:30px} .details-body img{display:inline-block;max-width:100%;height:auto!important;margin:0 auto} .builder{display:inline-block;vertical-align:top} .copyright a:hover{color:#0a68b7;text-decoration:underline} ::-moz-selection{background:#0a68b7;color:#fff} ::selection{background:#0a68b7;color:#fff} body.cy-body{display:table;width:100%;height:100%} body.cy-body .cy-wrapper{height:100%} body.cy-body .footer{display:table-footer-group;height:1px} .bsBox{width:auto!important;height:auto!important} .cy-404{display:table;padding:5% 0;width:100%;height:100%;background:#37465d} .cy-404 .content-404{display:table-cell;vertical-align:middle;text-align:center} .cy-404 .pic-404 img{max-width:90%} .cy-404 .back-404{display:block;margin:30px auto 0;padding:10px 0;width:160px;font-size:14px;line-height:25px;background:#0a68b7;color:#fff;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s} .cy-404 .back-404:hover{background:rgba(218,37,28,.7)} @media (max-width:1024px){ .cy-404 .back-404{width:140px;font-size:13px;line-height:20px} } @media (max-width:768px){ .cy-404 .back-404{width:120px;font-size:12px;line-height:15px} } @media (max-width:576px){ .cy-404 .back-404{width:90px;line-height:10px} } .header{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-o-transition:transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s} .header.is-hidden{will-change:transform;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)} .secondary-nav{position:relative;z-index:5} .secondary-nav .s-nav{position:absolute;top:0;left:0;width:100%;z-index:3;margin-top:-65px;text-align:center;background:#f9f9f9} .secondary-nav .sec-n-list{display:inline-block;vertical-align:top} .secondary-nav .sec-n-item{float:left} .secondary-nav .sec-n-item a{display:block;padding:20px 25px;font-size:16px;line-height:25px;color:#333;-webkit-transition:all .3s,padding .1s;-o-transition:all .3s,padding .1s;transition:all .3s,padding .1s} .secondary-nav .sec-n-item.current a,.secondary-nav .sec-n-item:hover a{background:#38a623;color:#fff} @media (min-width:1025px){ .secondary-nav.fixed .s-nav{position:fixed;margin-top:85px;will-change:transform;-webkit-transition:top .5s,-webkit-transform .5s;transition:top .5s,-webkit-transform .5s;-o-transition:transform .5s,top .5s;transition:transform .5s,top .5s;transition:transform .5s,top .5s,-webkit-transform .5s} .secondary-nav.fixed .sec-n-item a{padding:10px 25px} .secondary-nav.slide-up .s-nav{top:-40px;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)} } @media (max-width:1440px){ .secondary-nav.fixed .s-nav{margin-top:75px} .secondary-nav.fixed .sec-n-item a{padding:10px 20px} .secondary-nav.slide-up .s-nav{top:-30px} .secondary-nav .s-nav{margin-top:-55px} .secondary-nav .sec-n-item a{padding:15px 20px} } @media (max-width:1240px){ .secondary-nav.fixed .s-nav{margin-top:65px} .secondary-nav.slide-up .s-nav{top:-25px} .secondary-nav .s-nav{margin-top:-50px} .secondary-nav .sec-n-item a{font-size:15px;line-height:20px} } @media (max-width:1024px){ .secondary-nav.fixed .s-nav{margin-top:-40px} .secondary-nav.fixed .sec-n-item a{padding:10px 15px} .secondary-nav .s-nav{margin-top:-40px} .secondary-nav .sec-n-list{display:block} .secondary-nav .container{padding:0;max-width:100%} .secondary-nav .sec-nav{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch} .secondary-nav .sec-nav::-webkit-scrollbar{display:none} .secondary-nav .sec-n-list{width:7777px} .secondary-nav .sec-n-item a{padding:10px 15px;font-size:14px} .secondary-nav .sec-n-item a:active{background:#0a68b7;color:#fff} } @media (max-width:576px){ .secondary-nav .sec-n-item a{font-size:13px} } @media (max-width:425px){ .secondary-nav.fixed .s-nav{margin-top:-35px} .secondary-nav.fixed .sec-n-item a{padding:5px 10px} .secondary-nav .s-nav{margin-top:-35px} .secondary-nav .sec-n-item a{padding:5px 10px;font-size:12px;line-height:25px} } .nav-banner{position:relative;z-index:3;margin-bottom:65px;} .nav-banner .banner-pic{background:no-repeat bottom center;background-size:cover} .nav-banner .banner-pic img{width:100%} .nav-banner .banner-title{position:absolute;top:0;left:0;z-index:5;width:100%;height:100%} .flexbox .nav-banner .banner-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center} .no-flexbox .nav-banner .banner-title .container{display:table;height:100%} .no-flexbox .nav-banner .banner-title .b-t-title{display:table-cell;vertical-align:middle} .nav-banner .b-t-title{font-size:48px;font-weight:700;line-height:50px;text-align:center;color:#fff} .nav-banner .b-t-title .t{font-family:"Microsoft JhengHei","Microsoft YaHei",Arial,sans-serif;font-weight:inherit;line-height:inherit} .nav-banner .b-t-title .e{margin-top:20px;font-family:Arial,sans-serif;text-transform:uppercase} .nav-banner .b-t-title .i{display:block;margin-top:30px;font-size:0;line-height:1} @media (max-width:1440px){ .nav-banner{margin-bottom:55px} .nav-banner .b-t-title{font-size:42px;line-height:40px} .nav-banner .b-t-title .e{margin-top:15px} .nav-banner .b-t-title .i{margin-top:25px} } @media (max-width:1240px){ .nav-banner{margin-bottom:50px} .nav-banner .b-t-title{font-size:36px;line-height:35px} .nav-banner .b-t-title .e{margin-top:10px} .nav-banner .b-t-title .i{margin-top:20px} } @media (max-width:1024px){ .nav-banner{margin-bottom:40px} .nav-banner .banner-pic{height:320px} .nav-banner .banner-pic img{display:none} .nav-banner .b-t-title{font-size:30px;line-height:30px} .nav-banner .b-t-title .i{margin-top:15px} .nav-banner .b-t-title .i img{width:25px} } @media (max-width:768px){ .nav-banner .banner-pic{height:41.6667vw} .nav-banner .b-t-title{font-size:24px;line-height:25px} .nav-banner .b-t-title .i{margin-top:10px} } @media (max-width:576px){ .nav-banner .b-t-title{font-size:20px;line-height:20px} .nav-banner .b-t-title .e{font-weight:400} .nav-banner .b-t-title .i{display:none} } @media (max-width:425px){ .nav-banner{margin-bottom:35px} .nav-banner .banner-pic{height:175px} .nav-banner .b-t-title{font-size:18px} .nav-banner .b-t-title .e{margin-top:7px} } .sec-cy{padding:60px 0} @media (max-width:1440px){ .sec-cy{padding:50px 0} } @media (max-width:1240px){ .sec-cy{padding:45px 0} } @media (max-width:1024px){ .sec-cy{padding:40px 0} } @media (max-width:768px){ .sec-cy{padding:35px 0} } @media (max-width:425px){ .sec-cy{padding:30px 0} } .ipc-pages{padding:50px 0 0;line-height:1;text-align:center} .ipc-pages .next,.ipc-pages .page-num,.ipc-pages .prev{display:inline-block;margin:0 2px;font-size:14px;line-height:20px;vertical-align:top;background:#666;color:#fff;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s} .ipc-pages .next:hover,.ipc-pages .page-num:hover,.ipc-pages .prev:hover{background:#0a68b7} .ipc-pages .page-num{padding:10px 18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .ipc-pages .page-num-current{background:#0a68b7} .ipc-pages .next,.ipc-pages .prev{padding:10px 15px} @media (max-width:1440px){ .ipc-pages{padding-top:40px} .ipc-pages .page-num{padding:10px 15px} .ipc-pages .next,.ipc-pages .prev{padding:10px 12px} } @media (max-width:1240px){ .ipc-pages{padding-top:30px} .ipc-pages .next,.ipc-pages .page-num,.ipc-pages .prev{line-height:15px} } @media (max-width:1024px){ .ipc-pages{padding-top:25px} .ipc-pages .next,.ipc-pages .page-num,.ipc-pages .prev{padding:5px 10px;font-size:13px;line-height:20px} } @media (max-width:768px){ .ipc-pages{padding-top:20px} .ipc-pages .next,.ipc-pages .page-num,.ipc-pages .prev{margin:0 1px;padding:5px 10px;font-size:12px} } @media (max-width:576px){ .ipc-pages .next,.ipc-pages .prev{display:none} } .ipc-title{text-align:center} .ipc-title .t{font-size:30px;line-height:40px;color:#333} .ipc-title .e{margin-top:10px;font-size:18px;font-weight:700;line-height:20px;text-transform:uppercase;color:#666} .ipc-title.w .e,.ipc-title.w .t{color:#fff} @media (max-width:1024px){ .ipc-title .t{font-size:24px;line-height:30px} .ipc-title .e{font-size:16px} } @media (max-width:576px){ .ipc-title .t{font-size:20px;line-height:25px} .ipc-title .e{margin-top:5px;font-size:14px} } @media (max-width:375px){ .ipc-title .t{font-size:18px} .ipc-title .e{font-size:12px;line-height:15px} } .header{position:fixed;top:0;left:0;right:0;z-index:4777} .header .m-h-o{display:none} @media (max-width:1024px){ .header .m-h-o{display:block;position:fixed;top:0;left:0;z-index:-1;width:100%;height:100%;background:rgba(0,0,0,.5);visibility:hidden;opacity:0;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;content:''} .header .m-h-o.show{visibility:visible;opacity:1} } .header-overlay{visibility:hidden;height:85px;-webkit-transition:height .15s;-o-transition:height .15s;transition:height .15s} @media (max-width:1440px){ .header-overlay{height:75px} } @media (max-width:1240px){ .header-overlay{height:65px} } @media (max-width:1024px){ .header-overlay{height:60px} } @media (max-width:576px){ .header-overlay{height:50px} } .header-content{background:#fff} .header-content .logo{display:block;float:left;margin:15px 35px 20px;-webkit-transition:margin .15s;-o-transition:margin .15s;transition:margin .15s} .header-content .logo img{height:50px;-webkit-transition:height .15s;-o-transition:height .15s;transition:height .15s} .header-content .tools{float:right;border-left:1px solid #e4e4e4;padding:15px 50px 20px 35px;-webkit-transition:padding .15s;-o-transition:padding .15s;transition:padding .15s} .header-content .hot-line .n{margin-bottom:5px;font-size:12px;line-height:15px;color:#666} .header-content .hot-line .n a,.header-content .hot-line .n b{float:left;font-weight:normal;margin-right:10px;} .header-content .hot-line .n .ct-item{position:relative;z-index:1;margin-right:5px;float:left;} .header-content .hot-line .n .ct-item .i{display:block;width:16px;height:16px;background:no-repeat center center;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer} .header-content .hot-line .n .ct-item.wx .i{background-image:url(../images/wx.png)} .header-content .hot-line .n .ct-item:hover{z-index:3} .header-content .hot-line .n .ct-item:hover .i{} .header-content .hot-line .n .ct-item.wx .qr-tp{position:absolute;left:50%;top:100%;margin-top:10px;margin-left:-50px;margin-bottom:10px;border:1px solid #ccc;border-radius:3px;padding:4px;background:#fff;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform:translate(0,-17%);-ms-transform:translate(0,-17%);transform:translate(0,-17%);visibility:hidden;opacity:0} .header-content .hot-line .n .ct-item.wx .qr-tp img{width:90px} .header-content .hot-line .n .ct-item.wx .qr-tp:after,.header-content .hot-line .n .ct-item.wx .qr-tp:before{position:absolute;bottom:100%;left:50%;content:''} .header-content .hot-line .n .ct-item.wx .qr-tp:before{z-index:3;margin-left:-5px;border-bottom:5px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent} .header-content .hot-line .n .ct-item.wx .qr-tp:after{margin-left:-7px;border-bottom:7px solid #ccc;border-left:7px solid transparent;border-right:7px solid transparent} .header-content .hot-line .n .ct-item.wx:hover .qr-tp{-webkit-transform:none;-ms-transform:none;transform:none;visibility:visible;opacity:1} .header-content .hot-line .c{font-family:"Bagad Bold Tryout",Arial,sans-serif;font-size:24px;line-height:30px;color:#000} .header-content .menu-btn{display:none} .header-content .header-nav{line-height:1;text-align:center;white-space:nowrap} .header-content .header-nav .hn-list{display:inline-block;vertical-align:top} .header-content .header-nav .hn-item{float:left;position:relative;z-index:1} .header-content .header-nav .hn-item.current .name{color:#0a68b7} .header-content .header-nav .hn-item.current .name:before{visibility:visible;opacity:1;content:''} .header-content .header-nav .hn-item:hover{z-index:3} .header-content .header-nav .hn-item:hover .name{color:#0a68b7} .header-content .header-nav .hn-item:hover .sub-nav{-webkit-transition-delay:.15s;-o-transition-delay:.15s;transition-delay:.15s;-webkit-transform:none;-ms-transform:none;transform:none;visibility:visible;opacity:1} .header-content .header-nav .name{display:block;position:relative;margin: 30px 30px;font-size:17px;line-height:25px;color:#000;-webkit-transition:all .15s,color .3s;-o-transition:all .15s,color .3s;transition:all .15s,color .3s} .header-content .header-nav .name:before{position:absolute;left:0;bottom:-30px;width:100%;height:5px;background:#0a68b7;visibility:hidden;opacity:0;-webkit-transition:all .3s,bottom .15s,height .15s;-o-transition:all .3s,bottom .15s,height .15s;transition:all .3s,bottom .15s,height .15s} .header-content .header-nav .sub-nav{position:absolute;top:100%;left:-20px;right:-20px;padding:15px 0;background:#f0f0f0;-webkit-transition:visibility .35s,opacity .35s,-webkit-transform .35s;transition:visibility .35s,opacity .35s,-webkit-transform .35s;-o-transition:transform .35s,visibility .35s,opacity .35s;transition:transform .35s,visibility .35s,opacity .35s;transition:transform .35s,visibility .35s,opacity .35s,-webkit-transform .35s;-webkit-transform:translate(0,10px);-ms-transform:translate(0,10px);transform:translate(0,10px);visibility:hidden;opacity:0} .header-content .header-nav .sub-nav .sn-item a{display:block;padding:5px;font-size:15px;line-height:25px;text-align:center;color:#666;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s} .header-content .header-nav .sub-nav .sn-item a:hover{background:#0a68b7;color:#fff} @media (max-width:1440px){ .header-content .logo{margin:12px 30px 13px} .header-content .tools{padding:12px 30px 13px} .header-content .header-nav .name{margin:30px 15px 20px} .header-content .header-nav .name:before{bottom:-20px} .header-content .header-nav .sub-nav{left:-15px;right:-15px;padding:10px 0} .header-content .header-nav .sub-nav .sn-item a{font-size:14px;line-height:20px} } @media (max-width:1240px){ .header-content .logo img{height:40px} .header-content .hot-line .c{font-size:20px;line-height:20px} .header-content .header-nav .name{margin:25px 10px 15px} .header-content .header-nav .name:before{bottom:-15px} .header-content .header-nav .sub-nav{left:-10px;right:-10px} } @media (min-width:1024px) and (max-width:1140px){ .header-content .header-nav .name{font-size:16px} .header-content .header-nav .name:before{height:4px} .header-content .header-nav .sub-nav .sn-item a{font-size:13px} } .header-content .wapen{display:none;} @media (max-width:1024px){ .header-content .logo{margin:10px 25px} .header-content .tools{border-left:0 none;padding:0} .header-content .hot-line{display:none} .header-content .wapen{display:block;float:right;width:60px;height:60px;text-align:center;line-height:60px;font-size:17px;} .header-content .menu-btn{position:relative;z-index:3;width:70px;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer} .header-content .menu-btn.active .m-btn .mb2{visibility:hidden;-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transition:visibility .3s,-webkit-transform .3s .3s;transition:visibility .3s,-webkit-transform .3s .3s;-o-transition:visibility .3s,transform .3s .3s;transition:visibility .3s,transform .3s .3s;transition:visibility .3s,transform .3s .3s,-webkit-transform .3s .3s} .header-content .menu-btn.active .m-btn .mb1{top:12px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)} .header-content .menu-btn.active .m-btn .mb3{top:-12px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)} .header-content .menu-btn.active .m-btn .mb1,.header-content .menu-btn.active .m-btn .mb3{-webkit-transition:top .3s,-webkit-transform .3s .3s;transition:top .3s,-webkit-transform .3s .3s;-o-transition:top .3s,transform .3s .3s;transition:top .3s,transform .3s .3s;transition:top .3s,transform .3s .3s,-webkit-transform .3s .3s} .header-content .m-btn{width:38px;height:27px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s} .header-content .m-btn .mb{display:block;position:relative;top:0;width:100%;height:3px;background:#666} .header-content .m-btn .mb2{-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transition:visibility .3s,-webkit-transform .3s;transition:visibility .3s,-webkit-transform .3s;-o-transition:visibility .3s,transform .3s;transition:visibility .3s,transform .3s;transition:visibility .3s,transform .3s,-webkit-transform .3s} .header-content .m-btn .mb1,.header-content .m-btn .mb3{-webkit-transition:top .3s,-webkit-transform .3s;transition:top .3s,-webkit-transform .3s;-o-transition:top .3s,transform .3s;transition:top .3s,transform .3s;transition:top .3s,transform .3s,-webkit-transform .3s} .header-content .header-nav{overflow-y:auto;overflow-x:hidden;position:fixed;top:60px;left:100%;bottom:0;z-index:777;padding:40px 0;width:290px;text-align:left;background:#f1f1f1;-webkit-transition:margin .5s,visibility .5s,top .15s,padding .15s;-o-transition:margin .5s,visibility .5s,top .15s,padding .15s;transition:margin .5s,visibility .5s,top .15s,padding .15s;visibility:hidden} .header-content .header-nav.show{margin-left:-290px;visibility:visible} .header-content .header-nav::-webkit-scrollbar{display:none} .header-content .header-nav .hn-list{display:block} .header-content .header-nav .hn-item{float:none} .header-content .header-nav .hn-item.show .name,.header-content .header-nav .hn-item:hover .name{background:#0a68b7;color:#fff} .header-content .header-nav .name{margin:0;padding:15px 60px;font-weight:700;line-height:30px;color:#333} .header-content .header-nav .name:before{content:none!important} .header-content .header-nav .sub-nav{display:none;position:relative;top:auto;left:auto;right:auto;background:#333;-webkit-transform:none;-ms-transform:none;transform:none;visibility:visible;opacity:1} .header-content .header-nav .sub-nav .sn-item a{padding:10px 60px;font-size:14px;font-weight:700;text-align:left;color:#fff} } @media (max-width:576px){ .header-content .logo{margin:10px 15px} .header-content .logo img{height:30px} .header-content .menu-btn{width:60px;height:50px} .header-content .menu-btn.active .m-btn .mb1{top:10px} .header-content .menu-btn.active .m-btn .mb3{top:-10px} .header-content .m-btn{width:32px;height:23px} .header-content .header-nav{top:50px;padding:20px 0} .header-content .header-nav .name{line-height:20px} } .footer-content{position:relative;z-index:1;padding:60px 0 40px;background:#0a68b7} .footer-content:before{position:absolute;top:0;left:0;z-index:-1;border-top:1px solid #5c5c5d;border-bottom:2px solid #44a7fb;width:100%;content:''} @media (max-width:1024px){ .footer-content{padding:50px 0 30px} .footer-content .container{max-width:90%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} } @media (max-width:768px){ .footer-content{padding:40px 0 30px} } @media (max-width:425px){ .footer-content .container{max-width:none} } .footer-info{float:left;margin:20px 0;max-width:60%;font-size:12px;line-height:20px;color:#ccc} .footer-info .friendly-link{float:left;position:relative;z-index:3;margin-right:25px;width:220px} .footer-info .friendly-link .n{border:1px solid #b7b7b7;padding:10px 15px;font-size:14px;line-height:18px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer} .footer-info .friendly-link .n:before{display:inline-block;float:right;margin-top:5px;border-top:8px solid #ccc;border-left:6px solid transparent;border-right:6px solid transparent;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;content:''} .footer-info .friendly-link .n:hover{background:#fff;color:#333} .footer-info .friendly-link .n.active{background:#fff;color:#333} .footer-info .friendly-link .n.active:before{border-top-color:#333;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)} .footer-info .friendly-link .ll{display:none;position:absolute;left:0;right:0;bottom:100%;z-index:3;padding:5px 0;background:#fff;color:#333} .footer-info .friendly-link .ll a{display:block;padding:5px 15px;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s} .footer-info .friendly-link .ll a:hover{background:#ccc} .footer-info .contact{float:left;position:relative;z-index:5;margin:3px 0} .footer-info .ct-item{float:left;position:relative;z-index:1;margin-right:5px} .footer-info .ct-item .i{display:block;border:1px solid #999;border-radius:50%;width:34px;height:34px;background:no-repeat center center;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer} .footer-info .ct-item.sina .i{background-image:url(../images/sina.png)} .footer-info .ct-item.wx .i{background-image:url(../images/wx.png)} .footer-info .ct-item.phone .i{background-image:url(../images/phone.png)} .footer-info .ct-item:hover{z-index:3} .footer-info .ct-item:hover .i{border-color:#0a68b7;background-color:#0a68b7} .footer-info .ct-item.wx .qr-tp{position:absolute;left:50%;bottom:100%;margin-left:-50px;margin-bottom:10px;border:1px solid #ccc;border-radius:3px;padding:4px;background:#fff;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform:translate(0,-17%);-ms-transform:translate(0,-17%);transform:translate(0,-17%);visibility:hidden;opacity:0} .footer-info .ct-item.wx .qr-tp img{width:90px} .footer-info .ct-item.wx .qr-tp:after,.footer-info .ct-item.wx .qr-tp:before{position:absolute;top:100%;left:50%;content:''} .footer-info .ct-item.wx .qr-tp:before{z-index:3;margin-left:-5px;border-top:5px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent} .footer-info .ct-item.wx .qr-tp:after{margin-left:-7px;border-top:7px solid #ccc;border-left:7px solid transparent;border-right:7px solid transparent} .footer-info .ct-item.wx:hover .qr-tp{-webkit-transform:none;-ms-transform:none;transform:none;visibility:visible;opacity:1} .footer-info .ct-item.phone .i{float:left;margin-right:15px} .footer-info .ct-item.phone .c{overflow:hidden;font-family:"Bagad Bold Tryout",Arial,sans-serif;font-size:24px;line-height:34px} .footer-info .copyright{margin-top:20px} @media (max-width:1024px){ .footer-info{margin:0;max-width:70%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .footer-info .friendly-link{margin-right:15px} .footer-info .ct-item.sina,.footer-info .ct-item.wx{display:none} .footer-info .ct-item.phone .i{margin-right:10px} } @media (max-width:768px){ .footer-info{max-width:75%} } @media (max-width:680px){ .footer-info .friendly-link{float:none;margin-right:0;margin-bottom:60px;width:280px} .footer-info .contact{float:none;margin:0} } @media (max-width:576px){ .footer-info{float:none;max-width:none} .footer-info .friendly-link{margin-bottom:10vw} } .footer-qr{float:right;max-width:40%} .footer-qr .qr-pic figcaption{margin-top:15px;font-size:12px;line-height:15px;text-align:center;color:#ccc} @media (max-width:1024px){ .footer-qr{max-width:30%} } @media (max-width:768px){ .footer-qr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end} .footer-qr .qr-pic figcaption{margin-top:5px} } @media (max-width:576px){ .footer-qr{display:none} } .hm-banner{overflow:hidden;position:relative;z-index:1;height:calc(100vh - 85px)} .hm-banner .banner-carousel{position:relative;z-index:1} .hm-banner .carousel-item.current .carousel-bg{-webkit-transform:none;-ms-transform:none;transform:none} .hm-banner .carousel-pic{overflow:hidden;position:relative;z-index:3} .hm-banner .carousel-pic img{display:none;width:100%} .hm-banner .carousel-bg{display:block;width:100%;height:calc(100vh - 85px);background:no-repeat bottom center;background-size:cover;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);-webkit-transition:-webkit-transform 5s;transition:-webkit-transform 5s;-o-transition:transform 5s;transition:transform 5s;transition:transform 5s,-webkit-transform 5s} .hm-banner .banner-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:0;left:0;z-index:5;width:100%;height:100%;text-align:center;color:#000} .no-flexbox.csstransforms .hm-banner .banner-info{top:50%;height:auto;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)} .no-flexbox.no-csstransforms .hm-banner .banner-info{top:36%;height:auto} .hm-banner .banner-info .t{font-family:"Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:60px;font-weight:700;line-height:1} .hm-banner .banner-info .e{margin-top:30px;font-family:Arial,sans-serif;font-size:48px;font-weight:700;line-height:50px;text-transform:uppercase} .hm-banner .banner-info .c{margin-top:30px;font-size:16px;line-height:30px} .hm-banner .banner-info .i{margin-top:50px} .hm-banner .banner-info .i:after,.hm-banner .banner-info .i:before{display:inline-block;margin-top:8px;width:100px;height:1px;vertical-align:middle;background:#000;opacity:.5;content:''} .hm-banner .banner-info .i img{margin:0 10px} .hm-banner .slick-dots{bottom:40px;z-index:7} .hm-banner .slick-dots li{margin:0 5px;width:9px;height:9px;background:#fff} .hm-banner .slick-dots li.slick-active{background:#0a68b7} @media (max-width:1440px){ .hm-banner{height:calc(100vh - 75px)} .hm-banner .carousel-bg{height:calc(100vh - 75px)} .hm-banner .banner-info .t{font-size:50px} .hm-banner .banner-info .e{margin-top:25px;font-size:38px;line-height:40px} .hm-banner .banner-info .c{margin-top:25px;font-size:15px;line-height:25px} .hm-banner .banner-info .i{margin-top:40px} .hm-banner .banner-info .i:after,.hm-banner .banner-info .i:before{width:80px} } @media (max-width:1240px){ .hm-banner{height:calc(100vh - 65px)} .hm-banner .carousel-bg{height:calc(100vh - 65px)} .hm-banner .banner-info .t{font-size:40px} .hm-banner .banner-info .e{margin-top:20px;font-size:28px;line-height:30px} .hm-banner .banner-info .c{margin-top:20px;font-size:14px;line-height:20px} .hm-banner .banner-info .i{margin-top:30px} .hm-banner .banner-info .i:after,.hm-banner .banner-info .i:before{width:60px} .hm-banner .slick-dots{bottom:30px} } @media (max-width:1024px){ .hm-banner{height:auto} .hm-banner .carousel-pic img{display:block} .hm-banner .carousel-bg{display:none} .hm-banner .banner-info .t{font-size:32px} .hm-banner .banner-info .e{margin-top:15px;font-size:18px;line-height:25px} .hm-banner .banner-info .c{font-size:13px} .hm-banner .banner-info .i{margin-top:25px} .hm-banner .banner-info .i:after,.hm-banner .banner-info .i:before{content:none} .hm-banner .slick-dots{bottom:20px} .hm-banner .slick-dots li{margin:0 4px;width:8px;height:8px} } @media (max-width:768px){ .hm-banner .banner-info .t{font-size:28px} .hm-banner .banner-info .e{font-size:16px} .hm-banner .banner-info .c{display:none} .hm-banner .banner-info .i{margin-top:20px} .hm-banner .slick-dots{bottom:15px} .hm-banner .slick-dots li{margin:0 3px;width:6px;height:6px} } @media (max-width:576px){ .hm-banner .banner-info .t{font-size:24px} .hm-banner .banner-info .e{margin-top:15px;font-size:14px} .hm-banner .banner-info .i{margin-top:15px} .hm-banner .slick-dots{bottom:10px} } @media (max-width:425px){ .hm-banner .banner-info .t{font-size:20px} .hm-banner .banner-info .e{margin-top:5px;font-size:13px;line-height:20px} .hm-banner .banner-info .i{margin-top:10px} .hm-banner .banner-info .i img{width:32px} } .hm-grid .carousel-info,.hm-grid .carousel-pic,.hm-grid .hm-about,.hm-grid .hm-video{float:left;width:50%} .hm-grid .hm-product{clear:left} .hm-grid .g-title{font-size:34px;line-height:1;font-weight:bold;} .hm-grid .g-more{display:block;border:2px solid #ccc;padding:10px 0;width:175px;font-size:14px;line-height:20px;text-align:center;color:#666;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s} .hm-grid .g-more:after{display:inline-block;margin-left:30px;width:23px;height:20px;vertical-align:top;background:url(../images/more.png) no-repeat right center;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;content:''} .hm-grid .g-more:hover{border-color:#0a68b7;color:#0a68b7} .hm-grid .g-more:hover:after{background-image:url(../images/moreh.png);-webkit-transform:translate(10%,0);-ms-transform:translate(10%,0);transform:translate(10%,0)} .hm-grid .hm-about{padding:80px 150px 110px 185px;height:570px} .hm-grid .hm-about .g-title{color:#0a68b7} .hm-grid .hm-about .cont{margin-top:30px;height:50px;font-size:14px;line-height:25px;color:#666;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical} .hm-grid .hm-about .hm-about-count{margin-top:60px} .hm-grid .hm-about .hm-about-count:after{content:'';display:block;clear:both} .hm-grid .hm-about .hm-ac-item{float:left;width:33.3334%;text-align:center} .hm-grid .hm-about .hm-ac-item .c{line-height:15px} .hm-grid .hm-about .hm-ac-item .b{margin-right:10px;font-family:Arial,sans-serif;font-size:60px;line-height:1;color:#0a68b7} .hm-grid .hm-about .hm-ac-item .n{margin-top:15px;line-height:15px} .hm-grid .hm-about .g-more{margin-top:76px} .hm-grid .hm-video{position:relative;z-index:1;overflow:hidden;height:570px} .hm-grid .hm-video:hover .hm-video-pic{-webkit-transform:scale(1.015);-ms-transform:scale(1.015);transform:scale(1.015)} .hm-grid .hm-video .hm-video-pic{position:relative;z-index:1;height:100%;background:no-repeat center center;background-size:cover;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s} .hm-grid .hm-video .hm-video-pic:before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;/* background:#000; */opacity:.5;content:'';} .hm-grid .hm-video .hm-video-pic img{display:none;width:100%} .hm-grid .hm-video .v-box{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%} .hm-grid .hm-video .v-icon{position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-35px;border:2px solid #fff;border-radius:3px;width:70px;height:40px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s} .hm-grid .hm-video .v-icon:before{position:absolute;top:50%;left:50%;margin-top:-6px;margin-left:-3px;border-top:6px solid transparent;border-left:6px solid #fff;border-bottom:6px solid transparent;content:''} .hm-grid .hm-video .v-icon:hover{-webkit-transform:scale(1.04);-ms-transform:scale(1.04);transform:scale(1.04)} .hm-grid .hm-video .g-title{margin:80px 0 0 0;color:#fff;text-align:center;} .hm-grid .hm-product{overflow:hidden;position:relative;z-index:3} .hm-grid .carousel-pic{height:550px;background:no-repeat center center;background-size:cover} .hm-grid .carousel-pic img{display:none;width:100%} .hm-grid .carousel-info{padding:80px 220px 110px 110px;height:550px} .hm-grid .carousel-info .g-title{color:#000} .hm-grid .carousel-info .c{margin-top:30px;height:175px;font-size:14px;line-height:25px;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:7;-webkit-box-orient:vertical} .hm-grid .carousel-info .g-more{margin-top:80px} .hm-grid .slick-dots{left:50%;bottom:40px;margin-left:110px;width:auto} .hm-grid .slick-dots li{margin:0 9px 0 0;width:9px;height:9px;background:#999} .hm-grid .slick-dots li.slick-active{background:#0a68b7} .cssgrid .hm-grid{display:grid;grid-template-columns:50% 50%;grid-template-rows:570px;grid-template-areas:"about video"} .cssgrid .hm-grid .hm-about{grid-area:about;width:auto;height:auto} .cssgrid .hm-grid .hm-about .hm-ac-item{float:none;width:auto} .cssgrid .hm-grid .hm-video{grid-area:video;width:auto;height:auto} .cssgrid .hm-grid .hm-product{grid-area:product} .flexbox .hm-grid .hm-about{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .flexbox .hm-grid .hm-about .cont{height:auto} .flexbox .hm-grid .hm-about-count{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .flexbox .hm-grid .hm-about-count:after{content:none} .flexbox .hm-grid .hm-ac-item{float:none;width:auto} .flexbox .hm-grid .carousel-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .flexbox .hm-grid .carousel-info .c{height:auto} @media (max-width:1880px){ .hm-grid .hm-about{padding:80px 140px 90px 120px} .hm-grid .carousel-info{padding:80px 180px 90px 110px} } @media (max-width:1680px){ .hm-grid .g-title{font-size:24px} .hm-grid .g-more{width:150px} .hm-grid .g-more:after{margin-left:15px} .hm-grid .hm-about{padding:80px 100px 90px 80px} .hm-grid .hm-about .hm-ac-item .b{font-size:40px} .hm-grid .hm-video .g-title{margin-left:80px} .hm-grid .carousel-info{padding:80px 120px 90px 80px} .hm-grid .slick-dots{margin-left:80px} } @media (max-width:1440px){ .hm-grid .hm-about{padding:50px 80px 60px 50px;height:470px} .hm-grid .hm-about .cont{margin-top:20px} .hm-grid .hm-about .hm-about-count{margin-top:50px} .hm-grid .hm-about .hm-ac-item .b{font-size:30px} .hm-grid .hm-about .g-more{margin-top:66px} .hm-grid .hm-video{height:470px} .hm-grid .hm-video .g-title{margin-top:50px;margin-left:60px} .hm-grid .carousel-info,.hm-grid .carousel-pic{height:450px} .hm-grid .carousel-info{padding:50px 100px 60px 60px} .hm-grid .carousel-info .c{margin-top:20px} .hm-grid .carousel-info .g-more{margin-top:50px} .hm-grid .slick-dots{bottom:20px;margin-left:60px} .cssgrid .hm-grid{grid-template-rows:470px 450px} } @media (max-width:1240px){ .hm-grid .g-title{font-size:20px} .hm-grid .hm-about{padding:50px 50px 60px} .hm-grid .hm-video .g-title{margin-left:50px} .hm-grid .carousel-info{padding:50px 50px 60px} .hm-grid .slick-dots{margin-left:50px} } @media (max-width:1024px){ .hm-grid{padding:15px;background:#f1f1f1} .hm-grid .g-more{width:120px;font-size:12px;line-height:15px} .hm-grid .g-more:after{width:17px;height:15px} .hm-grid .carousel-info,.hm-grid .carousel-pic,.hm-grid .hm-about,.hm-grid .hm-video{float:none;width:auto;height:auto} .hm-grid .hm-about{padding:50px 5%;background:#fff} .hm-grid .hm-about .cont{margin-top:15px;font-size:13px} .hm-grid .hm-about .hm-about-count{margin-top:40px} .hm-grid .hm-about .hm-ac-item .b{margin-right:5px;font-size:24px} .hm-grid .hm-about .hm-ac-item .n{margin-top:5px;font-size:12px} .hm-grid .hm-about .g-more{margin-top:50px} .hm-grid .hm-video .g-title{margin-left:5%} .hm-grid .hm-video .hm-video-pic img{display:block} .hm-grid .hm-video .hm-video-pic:before{z-index:1} .hm-grid .hm-product{margin-top:15px} .hm-grid .carousel-pic img{display:block} .hm-grid .carousel-info{padding:50px 5% 80px;background:#fff} .hm-grid .carousel-info .c{font-size:13px} .hm-grid .slick-dots{left:5%;bottom:30px;margin-left:0} .cssgrid .hm-grid{display:block;grid-template-columns:none;grid-template-rows:none;grid-template-areas:none} .cssgrid .hm-grid .hm-about{grid-area:auto} .cssgrid .hm-grid .hm-video{grid-area:auto} .cssgrid .hm-grid .hm-product{grid-area:auto} } @media (max-width:576px){ .hm-grid .g-more{border-width:1px;padding:5px 0;width:100px} .hm-grid .g-more:after{margin-left:10px;width:13px} .hm-grid .hm-about{padding:35px 5%} .hm-grid .hm-video .g-title{margin-top:35px} .hm-grid .hm-video .v-icon{margin-top:-15px;margin-left:-25px;width:50px;height:30px} .hm-grid .carousel-info{padding:35px 5% 70px} .hm-grid .slick-dots{bottom:25px} .hm-grid .slick-dots li{margin-right:7px;width:7px;height:7px} } @media (max-width:425px){ .hm-grid .hm-about .hm-about-count{margin-top:30px} .hm-grid .hm-about .hm-about-count .b{font-size:20px} .hm-grid .hm-about .g-more{margin-top:40px} .hm-grid .carousel-info{padding-bottom:50px} .hm-grid .carousel-info .g-more{margin-top:35px} .hm-grid .slick-dots{bottom:15px} } .hm-product2{padding:110px 0;background:#f1f1f1} .hm-product2:after{content:'';display:block;clear:both} .hm-product2 .carousel-item{background:#fff} .hm-product2 .carousel-item a{display:block;overflow:hidden;position:relative;z-index:1;padding:10px 40px;height:400px} .hm-product2 .carousel-item a:hover{z-index:3} .hm-product2 .carousel-item a:hover .carousel-pic .bg{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)} .hm-product2 .carousel-item a:hover .carousel-name .n{visibility:hidden;opacity:0} .hm-product2 .carousel-item a:hover .carousel-info{visibility:visible;opacity:1;-webkit-transform:none;-ms-transform:none;transform:none} .hm-product2 .carousel-pic{margin:10px 0;overflow:hidden} .hm-product2 .carousel-pic img{display:none;width:100%} .hm-product2 .carousel-pic .bg{display:block;height:300px;background:no-repeat center center;background-size:cover;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s} .hm-product2 .carousel-name{border-top:1px solid #eee;padding:20px 0} .hm-product2 .carousel-name .n{font-size:14px;line-height:20px;text-align:center;color:#333;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s} .hm-product2 .carousel-info{position:absolute;top:0;left:0;z-index:3;padding:35px 45px;width:100%;height:100%;color:#fff;visibility:hidden;opacity:0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform:translate(0,100%);-ms-transform:translate(0,100%);transform:translate(0,100%)} .hm-product2 .carousel-info:before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#0a68b7;opacity:.92;content:''} .hm-product2 .carousel-info .t{font-size:24px;line-height:25px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis} .hm-product2 .carousel-info .cont{margin:20px 0 15px;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);padding:25px 0;line-height:25px} .hm-product2 .carousel-info .c{height:200px;font-size:12px;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:8;-webkit-box-orient:vertical} .hm-product2 .carousel-info .m{display:block;width:15px;height:15px;background:url(../images/more1.png) no-repeat center center} .hm-product2 .carousel-info .m:hover{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} .hm-product2 .pd2-carousel{position:relative;z-index:1} .hm-product2 .slick-list{margin-right:-4px} .hm-product2 .carousel-arrow .next,.hm-product2 .carousel-arrow .prev{position:absolute;top:50%;z-index:3;margin-top:-25px;width:50px;height:50px;background:no-repeat center center #999;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer} .hm-product2 .carousel-arrow .next:hover,.hm-product2 .carousel-arrow .prev:hover{background-color:#0a68b7} .hm-product2 .carousel-arrow .prev{left:-100px;background-image:url(../images/prev.png)} .hm-product2 .carousel-arrow .next{right:-100px;background-image:url(../images/next.png)} .hm-product2 .slick-prev,.hm-product2 .slick-next{position:absolute;top:50%;z-index:3;margin-top:-25px;width:50px;height:50px;background:no-repeat center center #999;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer} .hm-product2 .slick-prev:hover,.hm-product2 .slick-next:hover{background-color:#0a68b7} .hm-product2 .slick-prev{left:-100px;background-image:url(../images/prev.png)} .hm-product2 .slick-next{right:-100px;background-image:url(../images/next.png)} @media (max-width:1680px){ .hm-product2 .carousel-info .t{font-size:20px} .hm-product2 .carousel-arrow .prev{left:-60px} .hm-product2 .carousel-arrow .next{right:-60px} } @media (max-width:1440px){ .hm-product2{padding:80px 0} .hm-product2 .carousel-item a{padding:10px 30px} .hm-product2 .carousel-info{padding:35px} .hm-product2 .carousel-arrow .prev{left:-25px} .hm-product2 .carousel-arrow .next{right:-25px} } @media (max-width:1240px){ .hm-product2 .carousel-info .t{font-size:18px} } @media (max-width:1024px){ .hm-product2{padding:0 0 15px} .hm-product2 .container{max-width:none} .hm-product2 .carousel-arrow .prev{left:0} .hm-product2 .carousel-arrow .next{right:0} } @media (max-width:768px){ .hm-product2 .carousel-item a{padding:10px 5%;height:auto} .hm-product2 .carousel-item a:hover .carousel-name .n{visibility:visible;opacity:1} .hm-product2 .carousel-pic img{display:block} .hm-product2 .carousel-pic .bg{display:none} .hm-product2 .carousel-info{display:none} .hm-product2 .carousel-name{padding:10px 0} .hm-product2 .carousel-name .n{font-size:13px} .hm-product2 .carousel-arrow .next,.hm-product2 .carousel-arrow .prev{width:36px;height:36px} } @media (max-width:425px){ .hm-product2 .slick-list{margin-right:0} .hm-product2 .carousel-item{margin-right:0} } .hm-news{position:relative;z-index:1;padding:90px 0 150px} .hm-news .hm-news-bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:no-repeat center center;background-size:cover} .hm-news .hm-news-title{line-height:25px;color:#444;text-align:right} .hm-news .hm-news-title .t{float:left;font-size:24px} .hm-news .hm-news-title .m{display:inline-block;font-size:14px;line-height:1;vertical-align:bottom;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s} .hm-news .hm-news-title .m:after{display:inline-block;margin-left:10px;width:23px;height:14px;vertical-align:top;background:url(../images/morew.png) no-repeat right center;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;content:''} .hm-news .hm-news-title .m:hover{color:#0a68b7} .hm-news .hm-news-title .m:hover:after{background-image:url(../images/moreh.png);-webkit-transform:translate(20%,0);-ms-transform:translate(20%,0);transform:translate(20%,0)} .hm-news .hm-news-cont{overflow:hidden;margin-top:35px} .hm-news .hm-news-list{float:left;margin-top:-1px;width:30%;height:410px;background:#fff} .hm-news .hm-news-item{position:relative;z-index:1;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s} .hm-news .hm-news-item:before{position:absolute;left:0;bottom:0;z-index:1;width:100%;height:4px;background:#0a68b7;visibility:hidden;opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;content:''} .hm-news .hm-news-item:hover{z-index:3;background:#f1f1f1} .hm-news .hm-news-item:hover:before{visibility:visible;opacity:1} .hm-news .hm-news-item a{display:block;margin-top:-1px;border-top:1px solid #e5e5e5;padding:27px 45px 30px} .hm-news .hm-news-item .d{font-size:12px;line-height:15px;color:#999} .hm-news .hm-news-item .c{margin-top:15px;height:50px;font-size:15px;line-height:25px;color:#666;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical} .hm-news .hm-news-carousel{float:left;width:70%;position:relative;z-index:1;background:#fff} .hm-news .hm-news-carousel .carousel-item a{display:block} .hm-news .hm-news-carousel .carousel-item a:after{content:'';display:block;clear:both} .hm-news .hm-news-carousel .carousel-item a:hover .carousel-pic .bg{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)} .hm-news .hm-news-carousel .carousel-item a:hover .carousel-info .m{border-color:#0a68b7;color:#0a68b7} .hm-news .hm-news-carousel .carousel-item a:hover .carousel-info .m:after{background-image:url(../images/moreh.png);-webkit-transform:translate(10%,0);-ms-transform:translate(10%,0);transform:translate(10%,0)} .hm-news .hm-news-carousel .carousel-pic{overflow:hidden;float:left;position:relative;z-index:1;width:57%;height:410px} .hm-news .hm-news-carousel .carousel-pic img{display:none;width:100%} .hm-news .hm-news-carousel .carousel-pic .bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:no-repeat center center;background-size:cover;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s} .hm-news .hm-news-carousel .carousel-info{float:left;padding:55px 65px;width:43%;height:410px;background:#fff} .hm-news .hm-news-carousel .carousel-info .t{height:50px;font-size:18px;line-height:25px;color:#565656;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical} .hm-news .hm-news-carousel .carousel-info .c{margin-top:25px;height:75px;font-size:14px;line-height:25px;color:#999;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical} .hm-news .hm-news-carousel .carousel-info .d{margin-top:30px;font-size:12px;line-height:15px;color:#999} .hm-news .hm-news-carousel .carousel-info .m{display:block;margin-top:60px;border:2px solid #999;padding:10px 0;width:120px;font-size:14px;line-height:20px;text-align:center;color:#666;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s} .hm-news .hm-news-carousel .carousel-info .m:after{display:inline-block;margin-left:10px;width:15px;height:20px;vertical-align:top;background:url(../images/more.png) no-repeat right center;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;content:''} .flexbox .hm-news .hm-news-carousel .carousel-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .hm-news .hm-news-carousel .slick-dots{left:30px;bottom:20px;width:auto} .hm-news .hm-news-carousel .slick-dots li{margin:0 10px 0 0;width:7px;height:7px;background:#fff} .hm-news .hm-news-carousel .slick-dots li.slick-active{background:#0a68b7} .cssgrid .hm-news .hm-news-list{display:grid;grid-template-rows:repeat(3,33.3334%);margin:0} .flexbox .hm-news .hm-news-item a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%} .flexbox .hm-news .hm-news-item .c{height:auto} @media (max-width:1880px){ .hm-news .hm-news-item a{padding-left:40px;padding-right:40px} .hm-news .hm-news-carousel .carousel-info{padding:55px} } @media (max-width:1680px){ .hm-news .hm-news-item a{padding-left:30px;padding-right:30px} .hm-news .hm-news-carousel .carousel-info{padding:50px 40px} } @media (max-width:1440px){ .hm-news{padding:70px 0 100px} .hm-news .hm-news-list{width:33.3334%} .hm-news .hm-news-carousel{width:66.6667%} .hm-news .hm-news-carousel .carousel-info,.hm-news .hm-news-carousel .carousel-pic{width:50%} .hm-news .hm-news-carousel .carousel-info{padding:50px 30px} .hm-news .hm-news-carousel .carousel-info .m{margin-top:50px} } @media (max-width:1240px){ .hm-news .hm-news-title{line-height:20px} .hm-news .hm-news-title .t{font-size:20px} .hm-news .hm-news-list{float:none;width:auto;height:auto} .hm-news .hm-news-item a{padding:20px 25px} .hm-news .hm-news-item .c{margin-top:10px} .hm-news .hm-news-carousel{float:none;margin-top:1px;width:auto} .hm-news .hm-news-carousel:after{content:'';display:block;clear:both} .hm-news .hm-news-carousel .carousel-info,.hm-news .hm-news-carousel .carousel-pic{width:50%} .hm-news .hm-news-carousel .carousel-info{padding:50px 30px} .hm-news .hm-news-carousel .carousel-info .m{margin-top:50px} } @media (max-width:1024px){ .hm-news{padding:50px 0} .hm-news .container{max-width:none} .hm-news .hm-news-title .m:after{width:17px} .hm-news .hm-news-cont{margin-top:25px} .hm-news .hm-news-item a{padding:15px 5%} .hm-news .hm-news-carousel .carousel-pic{height:350px} .hm-news .hm-news-carousel .carousel-info{padding:35px 25px;height:350px} .hm-news .hm-news-carousel .carousel-info .t{font-size:16px} .hm-news .hm-news-carousel .carousel-info .c{margin-top:20px;font-size:13px} .hm-news .hm-news-carousel .carousel-info .d{margin-top:25px} .hm-news .hm-news-carousel .carousel-info .m{margin-top:35px;font-size:12px;line-height:15px} .hm-news .hm-news-carousel .carousel-info .m:after{width:17px;height:15px} .hm-news .hm-news-carousel .slick-dots{left:5%;bottom:35px} .hm-news .hm-news-carousel .slick-dots li{margin-right:7px} } @media (max-width:680px){ .hm-news .hm-news-title{text-align:center} .hm-news .hm-news-title .t{float:none} .hm-news .hm-news-title .m{display:none} .hm-news .hm-news-carousel{margin-top:0} .hm-news .hm-news-carousel .carousel-pic{height:300px} .hm-news .hm-news-carousel .carousel-info{padding:30px 20px;height:300px} .hm-news .hm-news-carousel .carousel-info .t{font-size:15px} .hm-news .hm-news-carousel .carousel-info .c{margin-top:15px} .hm-news .hm-news-carousel .carousel-info .d{margin-top:20px} .hm-news .hm-news-carousel .carousel-info .m{margin-top:30px} .hm-news .hm-news-carousel .slick-dots{bottom:30px} } @media (max-width:576px){ .hm-news .hm-news-carousel .carousel-pic{float:none;width:auto;height:300px} .hm-news .hm-news-carousel .carousel-info{float:none;padding:35px 5%;width:auto;height:auto} .hm-news .hm-news-carousel .slick-dots{left:5%;top:270px;bottom:auto} } @media (max-width:425px){ .hm-news{padding:35px 0} .hm-news .hm-news-item .c{font-size:13px} .hm-news .hm-news-carousel .carousel-pic{height:auto} .hm-news .hm-news-carousel .carousel-pic img{display:block} .hm-news .hm-news-carousel .carousel-pic .bg{display:none} .hm-news .hm-news-carousel .carousel-info{padding:30px 5%} .hm-news .hm-news-carousel .carousel-info .m{border-width:1px;padding:5px 0;width:100px} .hm-news .hm-news-carousel .carousel-info .m:after{margin-left:10px;width:13px} .hm-news .hm-news-carousel .slick-dots{top:auto;bottom:307px} } .profile .container{width:900px} .profile-head{padding:90px 0 0 30px;text-align:center} .profile-head .ph-title{font-size:30px;font-weight:700;line-height:1;color:#333} .profile-head .ph-cont{margin-top:35px;font-size:14px;line-height:25px;color:#666} .profile-head .ph-count{margin-top:60px} .flexbox .profile-head .ph-count{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around} .flexbox .profile-head .ph-count .ph-c-item{float:none;width:auto} .no-flexbox .profile-head .ph-count:after{content:'';display:block;clear:both} .profile-head .ph-c-item{float:left;width:33.3334%;text-align:center} .profile-head .ph-c-item .c{line-height:15px} .profile-head .ph-c-item .b{margin-right:10px;font-family:Arial,sans-serif;font-size:60px;line-height:1;color:#0a68b7} .profile-head .ph-c-item .n{margin-top:15px;line-height:15px} .profile-idea{position:relative;z-index:1} .profile-idea .pi-down{position:absolute;top:0;left:50%;z-index:3;margin-top:-35px;margin-left:-35px;width:70px;height:70px;background:#0a68b7 url(../images/down.png) no-repeat center center;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer} .profile-idea .pi-down:hover{background-position-y:60%} .profile-idea .pi-bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:no-repeat center center fixed;background-size:cover} .profile-idea .pi-cont{padding:250px 0;font-size:28px;font-weight:700;line-height:45px;text-align:center;color:#fff} .profile-body .details-body{font-size:15px} @media (min-width:1024px){ .ph-cont{padding:0 10%} } @media (max-width:1024px){ .profile-head{padding:70px 0 0 30px} .profile-head .ph-title{font-size:24px} .profile-head .ph-cont{margin-top:25px;font-size:14px} .profile-head .ph-count{margin-top:50px} .profile-head .ph-c-item .b{margin-right:5px;font-size:50px} .profile-head .ph-c-item .n{margin-top:10px} .profile-idea .pi-down{display:none} .profile-idea .pi-bg{background-attachment:scroll} .profile-idea .pi-cont{padding:120px 0;font-size:21px;line-height:35px} .profile-body .details-body{font-size:14px;text-align:justify} } @media (max-width:768px){ .profile-head{padding:50px 0 0 30px} .profile-head .ph-title{font-size:20px} .profile-head .ph-cont{margin-top:20px} .profile-head .ph-count{margin-top:40px} .profile-head .ph-c-item .b{font-size:40px} .profile-head .ph-c-item .n{margin-right:5px;font-size:12px} .profile-idea .pi-cont{padding:80px 0;line-height:30px} } @media (max-width:576px){ .profile .container{width:auto} .profile-head{padding:40px 0 0 20px} .profile-head .ph-cont{margin-top:15px;font-size:12px} .profile-head .ph-count{margin-top:30px} .profile-head .ph-c-item .b{font-size:24px} .profile-idea .pi-cont{padding:50px 0;font-size:18px;line-height:30px} .profile-body .details-body{font-size:13px} } @media (max-width:425px){ .profile-head .ph-c-item .b{font-size:20px} .profile-idea .pi-cont{font-size:16px} .profile-body .details-body{font-size:12px} .profile-body .details-body p{line-height:25px} } .history{position:relative;z-index:1} .history .history-bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:no-repeat center center;background-size:cover} .history .history-head{position:relative;z-index:5;padding-top:80px} .history .history-head:before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#0a68b7;opacity:.8;content:''} .history .hs-h-title{position:relative;z-index:1;padding:0 50px 30px;color:#fff} .history .hs-h-title .e{font-family:Arial,sans-serif;font-size:48px;line-height:50px;text-transform:capitalize} .history .hs-h-title .t{margin-top:10px;font-size:24px;font-weight:700;line-height:25px} .history .hs-h-title:before{position:absolute;top:0;left:0;bottom:0;z-index:-1;width:3px;background:#0a68b7;content:''} .history .history-body{position:relative;z-index:3;padding:1px} .history .history-body:before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#000;opacity:.5;content:''} .history .hs-b{overflow:hidden;position:relative;z-index:1;padding:60px 34% 60px 0} .history .hs-b:before{position:absolute;top:0;left:0;bottom:0;z-index:-1;width:3px;background:#fff;content:''} .history .mCSB_scrollTools{visibility:hidden} .history .hs-b-cont{overflow:hidden;height:425px} .history .hs-b-item{position:relative;z-index:1;margin-bottom:25px;padding-left:50px;line-height:25px;color:#fff} .history .hs-b-item:before{position:absolute;top:11px;left:0;z-index:-1;width:14px;height:3px;background:#fff;content:''} .history .hs-b-item:after{content:'';display:block;clear:both} .history .hs-b-item .name{float:left;margin-right:35px;width:70px;font-size:18px;font-weight:700;text-align:right} .history .hs-b-item .cont{overflow:hidden;font-size:15px;text-align:justify} .history .hs-b-down{margin-top:90px;padding-left:50px;font-size:14px;line-height:34px;color:#fff} .history .hs-b-down .i{display:block;float:left;position:relative;z-index:1;margin-right:15px;border:2px solid #fff;border-radius:5px;width:24px;height:34px} .history .hs-b-down .i:before{position:absolute;top:10px;left:50%;margin-left:-1.5px;border-radius:1px;width:3px;height:7px;background:#fff;-webkit-animation:scrolldown 1.5s infinite linear;animation:scrolldown 1.5s infinite linear;content:''} @media (max-width:1440px){ .history .history-head{padding-top:60px} .history .hs-h-title .e{font-size:40px;line-height:40px} .history .hs-h-title .t{font-size:20px;line-height:20px} .history .hs-b{padding:60px 27% 60px 0} .history .hs-b-down{margin-top:70px} } @media (max-width:1024px){ .history .history-head{padding-top:50px} .history .hs-h-title{padding-left:40px;padding-right:0} .history .hs-h-title .e{font-size:32px;line-height:25px} .history .hs-h-title .t{font-size:18px} .history .hs-b{padding:50px 0} .history .hs-b-cont{margin-right:0;height:auto} .history .hs-b-item{margin-bottom:20px;padding-left:40px} .history .hs-b-item .name{margin-right:25px} .history .hs-b-item .cont{font-size:13px} .history .hs-b-down{display:none} } @media (max-width:768px){ .history .history-head{padding-top:40px} .history .hs-h-title{padding-left:30px} .history .hs-h-title .e{font-size:24px;line-height:20px} .history .hs-h-title .t{font-size:16px;line-height:15px} .history .hs-b-item{padding-left:30px} .history .hs-b-item .name{margin-right:20px;width:60px;font-size:16px} } @media (max-width:425px){ .history .hs-h-title{padding-left:25px;padding-bottom:25px} .history .hs-h-title .e{font-size:24px;line-height:20px} .history .hs-h-title .t{font-size:16px;line-height:15px} .history .hs-b{padding:40px 0} .history .hs-b-item{padding-left:25px} .history .hs-b-item:before{width:10px} .history .hs-b-item .name{margin-right:15px} } @-webkit-keyframes scrolldown{ from{opacity:0;-webkit-transform:none;transform:none} 20%,80%{opacity:1} to{opacity:0;-webkit-transform:translate(0,8px) scale(1,.7);transform:translate(0,8px) scale(1,.7)} } @keyframes scrolldown{ from{opacity:0;-webkit-transform:none;transform:none} 20%,80%{opacity:1} to{opacity:0;-webkit-transform:translate(0,8px) scale(1,.7);transform:translate(0,8px) scale(1,.7)} } .culture .clt-item{position:relative;z-index:1} .culture .clt-item:hover{z-index:3} .culture .clt-item:hover .clt-pic .bg{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)} .culture .clt-item:hover .clt-pic:after{background:rgba(0,0,0,.5)} .culture .clt-item:hover .clt-info .c{margin-top:25px;height:auto;-webkit-transform:none;-ms-transform:none;transform:none;visibility:visible;opacity:1} .culture .clt-item:hover .clt-info .l{margin-top:30px;-webkit-transform:none;-ms-transform:none;transform:none;visibility:visible;opacity:1} .culture .clt-pic{overflow:hidden;position:relative;z-index:1;height:410px} .culture .clt-pic img{display:none;width:100%} .culture .clt-pic .bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:no-repeat center center;background-size:cover;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s} .culture .clt-pic:after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:rgba(0,0,0,.3);-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;content:''} .culture .clt-info{position:absolute;top:0;left:0;z-index:3;padding:5%;width:100%;text-align:center;color:#fff} .culture .clt-info .t{font-size:24px;line-height:25px} .culture .clt-info .e{margin-top:15px;font-family:Arial,sans-serif;font-size:14px;line-height:15px} .culture .clt-info .c{overflow:hidden;height:0;font-size:16px;line-height:25px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);visibility:hidden;opacity:0} .culture .clt-info .l{display:block;margin:0 auto;width:15px;height:1px;background:#fff;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);visibility:hidden;opacity:0} .no-cssgrid .culture .culture-list:after{content:'';display:block;clear:both} .no-cssgrid .culture .clt-item{float:left;width:33.3334%} .cssgrid .culture .culture-list{display:grid;grid-template-columns:repeat(3,33.3334%)} .no-flexbox .culture .clt-info{top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)} .no-csstransforms .culture .clt-info{top:35%} .flexbox .culture .clt-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%} @media (max-width:1440px){ .culture .clt-pic{height:360px} } @media (max-width:1240px){ .culture .clt-pic{height:300px} .culture .clt-info .t{font-size:20px} .culture .clt-info .e{margin-top:10px;font-size:13px} .culture .clt-info .c{font-size:14px} .culture .clt-info .l{width:12px} } @media (max-width:1024px){ .culture .clt-item:hover .clt-info .c{margin-top:20px} .culture .clt-item:hover .clt-info .l{margin-top:25px} .culture .clt-pic{height:auto} .culture .clt-pic img{display:block} .culture .clt-pic .bg{display:none} .culture .clt-info .t{font-size:18px} .culture .clt-info .e{margin-top:5px;font-size:12px} .culture .clt-info .c{font-size:13px} .culture .clt-info .l{width:10px} .no-cssgrid .culture .clt-item{width:50%} .cssgrid .culture .culture-list{grid-template-columns:repeat(2,50%)} } @media (max-width:768px){ .culture .clt-item:hover .clt-info .c{margin-top:15px} .culture .clt-item:hover .clt-info .l{margin-top:20px} .culture .clt-info .t{font-size:16px} .culture .clt-info .c{line-height:20px} } @media (max-width:640px){ .no-cssgrid .culture .clt-item{float:none;width:auto} .cssgrid .culture .culture-list{grid-template-columns:repeat(1,100%)} } @media (max-width:576px){ .culture .clt-item:hover .clt-info .c{margin-top:10px} .culture .clt-item:hover .clt-info .l{margin-top:15px} } .honor .container{max-width:1200px} .honor .honor-c-item a:hover .honor-c-pic{border-color:#0a68b7} .honor .honor-c-item a:hover .honor-c-pic .bg{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)} .honor .honor-c-item a:hover .honor-c-info{background:#0a68b7;color:#fff} .honor .honor-c-pic{overflow:hidden;position:relative;z-index:1;border:3px solid #eee;height:250px;background:#fff;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s} .honor .honor-c-pic .bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:no-repeat center center;background-size:contain;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s} .honor .honor-c-info{padding:20px;background:#eee;color:#000;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s} .honor .honor-c-info .name{font-size:16px;line-height:20px;text-align:center} .no-cssgrid .honor .honor-cont{overflow:hidden} .no-cssgrid .honor .honor-c-list{margin-right:-25px} .no-cssgrid .honor .honor-c-list:after{content:'';display:block;clear:both} .no-cssgrid .honor .honor-c-item{float:left;margin-bottom:30px;padding-right:25px;width:33.3334%} .no-cssgrid .honor .honor-c-item a{display:block} .cssgrid .honor .honor-cont{margin-bottom:20px} .cssgrid .honor .honor-c-list{display:grid;grid-template-columns:repeat(3,1fr);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;grid-column-gap:25px;grid-row-gap:30px} @media (max-width:1440px){ .honor .container{max-width:1140px} .honor .honor-c-pic{height:238px} .honor .honor-c-info{padding:15px 5%} .honor .honor-c-info .name{font-size:15px} } @media (max-width:1240px){ .honor .container{max-width:90%} .honor .honor-c-pic{border-width:2px;height:217px} .honor .honor-c-info{padding:10px 5%} .no-cssgrid .honor .honor-c-list{margin-right:-20px} .no-cssgrid .honor .honor-c-item{margin-bottom:25px;padding-right:20px} .cssgrid .honor .honor-c-list{grid-column-gap:20px;grid-row-gap:25px} } @media (max-width:900px){ .no-cssgrid .honor .honor-c-item{width:50%} .cssgrid .honor .honor-c-list{grid-template-columns:repeat(2,1fr)} } @media (max-width:680px){ .honor .honor-c-pic{height:174px} } @media (max-width:576px){ .honor .container{max-width:none} .honor .honor-c-pic{height:154px} .honor .honor-c-info .name{font-size:14px;line-height:15px} } @media (max-width:425px){ .honor .honor-c-pic{height:225px} .no-cssgrid .honor .honor-c-list{margin-right:0} .no-cssgrid .honor .honor-c-item{float:none;margin-bottom:20px;padding-right:0;width:auto} .cssgrid .honor .honor-c-list{grid-template-columns:repeat(1,100%);grid-column-gap:0;grid-row-gap:20px} } @media (max-width:375px){ .honor .honor-c-pic{height:190px} } .team .container{max-width:1200px} .team .team-c-item a:hover .team-c-pic img{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)} .team .team-c-item a:hover .team-c-info{background:#0a68b7} .team .team-c-item a:hover .team-c-info .c{color:#fff} .team .team-c-item a:hover .team-c-info .d{color:#fff} .team .team-c-item a:hover .team-c-info .d:before{background:#fff} .team .team-c-pic{overflow:hidden;position:relative;z-index:1;background:#fff} .team .team-c-pic img{display:block;width:100%;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s} .team .team-c-info{padding:30px 40px;background:#f9f9f9;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s} .team .team-c-info .c{height:50px;font-size:15px;line-height:25px;color:#333;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s} .team .team-c-info .d{display:block;margin-top:15px;font-family:Arial,sans-serif;font-size:14px;line-height:15px;text-align:right;color:#999;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s} .team .team-c-info .d:before{display:inline-block;margin:7px 10px 7px 0;width:18px;height:1px;vertical-align:top;background:#999;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;content:''} .no-cssgrid .team .team-cont{overflow:hidden} .no-cssgrid .team .team-c-list{margin-right:-25px} .no-cssgrid .team .team-c-list:after{content:'';display:block;clear:both} .no-cssgrid .team .team-c-item{float:left;margin-bottom:30px;padding-right:25px;width:33.3334%} .no-cssgrid .team .team-c-item a{display:block} .cssgrid .team .team-cont{margin-bottom:20px} .cssgrid .team .team-c-list{display:grid;grid-template-columns:repeat(3,1fr);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;grid-column-gap:25px;grid-row-gap:30px} @media (max-width:1440px){ .team .container{max-width:1140px} .team .team-c-info{padding:25px 30px} } @media (max-width:1240px){ .team .container{max-width:90%} .team .team-c-info{padding:15px 5%} .team .team-c-info .c{font-size:14px} .team .team-c-info .d{margin-top:10px;font-size:12px} .team .team-c-info .d:before{margin-right:7px;width:15px} .no-cssgrid .team .team-c-list{margin-right:-20px} .no-cssgrid .team .team-c-item{margin-bottom:25px;padding-right:20px} .cssgrid .team .team-c-list{grid-column-gap:20px;grid-row-gap:25px} } @media (max-width:900px){ .no-cssgrid .team .team-c-item{width:50%} .cssgrid .team .team-c-list{grid-template-columns:repeat(2,1fr)} } @media (max-width:576px){ .team .container{max-width:none} } @media (max-width:425px){ .no-cssgrid .team .team-c-list{margin-right:0} .no-cssgrid .team .team-c-item{float:none;margin-bottom:20px;padding-right:0;width:auto} .cssgrid .team .team-c-list{grid-template-columns:repeat(1,100%);grid-column-gap:0;grid-row-gap:20px} } .details-cy{position:relative;z-index:3;margin-top:-65px;background:#efefef} .details-cy .details-cont{margin:-350px auto 0;padding:50px;max-width:1000px;background:#fff} .details-cy .details-head .t{font-family:"Microsoft JhengHei","Microsoft YaHei",sans-serif;font-size:24px;font-weight:700;line-height:35px;color:#333} .details-cy .details-head .tools{margin-top:15px;line-height:20px} .details-cy .details-head .d{float:left;font-size:14px} .details-cy .details-head .share{float:right} .details-cy .details-head .sh-t{font-family:"Microsoft JhengHei",sans-serif;font-size:14px;line-height:1} .details-cy .details-head .bshare-custom a{display:inline-block;margin-left:7px;vertical-align:top} .details-cy .details-head .bshare-custom .bshare-weixin{background:url(../images/d-wx.png) no-repeat center center} .details-cy .details-head .bshare-custom .bshare-sinaminiblog{background:url(../images/d-sina.png) no-repeat center center} .details-cy .details-body{margin:25px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:35px 0} .details-cy .details-foot:after{content:'';display:block;clear:both} .details-cy .details-foot .page-next,.details-cy .details-foot .page-prev{float:left;width:50%;font-size:15px;line-height:25px;color:#666} .details-cy .details-foot .page-next .c,.details-cy .details-foot .page-prev .c{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis} .details-cy .details-foot .page-next:hover,.details-cy .details-foot .page-prev:hover{color:#0a68b7} .details-cy .details-foot .page-prev{border-right:1px solid #ccc;padding-right:55px} .details-cy .details-foot .page-next{padding-left:55px} .details-cy .details-foot .n{color:#f1f1f1} @media (max-width:1440px){ .details-cy{margin-top:-55px} .details-cy .details-cont{margin-top:-300px} } @media (max-width:1240px){ .details-cy{margin-top:-50px} .details-cy .details-cont{margin-top:-250px} } @media (max-width:1024px){ .details-cy{margin-top:-40px} .details-cy .container{max-width:90%} .details-cy .details-cont{margin-top:-220px;padding:30px} .details-cy .details-head .t{font-size:20px;line-height:30px} .details-cy .details-head .tools{margin-top:10px;line-height:15px} .details-cy .details-head .d{float:none;font-size:12px} .details-cy .details-head .share{display:none} .details-cy .details-body{margin:20px 0;padding:30px 0} .details-cy .details-foot .page-next,.details-cy .details-foot .page-prev{font-size:13px} .details-cy .details-foot .page-prev{padding-right:35px} .details-cy .details-foot .page-next{padding-left:35px} } @media (max-width:768px){ .details-cy .container{max-width:none} .details-cy .details-cont{margin-top:-150px;padding:5%} .details-cy .details-head .t{font-size:18px;line-height:25px} .details-cy .details-body{padding:25px 0} .details-cy .details-foot .page-next,.details-cy .details-foot .page-prev{font-size:12px;line-height:20px} .details-cy .details-foot .page-prev{padding-right:20px} .details-cy .details-foot .page-next{padding-left:20px} } @media (max-width:576px){ .details-cy .details-cont{margin-top:-140px} .details-cy .details-head .t{font-size:16px;line-height:25px} .details-cy .details-body{margin:15px 0;padding:20px 0;font-size:13px;line-height:10px} .details-cy .details-body p{line-height:25px} .details-cy .details-foot .page-next,.details-cy .details-foot .page-prev{float:none;width:auto} .details-cy .details-foot .page-prev{margin-bottom:10px;border-right:0 none;padding-right:0} .details-cy .details-foot .page-next{padding-left:0} } .video-cy .container{max-width:1200px} .video-cy .video-c-item .v-box:hover .video-c-pic img{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)} .video-cy .video-c-item .v-box:hover .video-c-pic .icon{background:rgba(218,37,28,.7)} .video-cy .video-c-item .v-box:hover .video-c-info{background:#666} .video-cy .video-c-item .v-box:hover .video-c-info .t{color:#fff} .video-cy .video-c-pic{overflow:hidden;position:relative;z-index:1;background:#fff} .video-cy .video-c-pic img{display:block;width:100%;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s} .video-cy .video-c-pic .icon{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;background:rgba(0,0,0,.3);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s} .video-cy .video-c-pic .icon:before{position:absolute;top:50%;left:50%;z-index:1;margin-top:-22px;margin-left:-37px;border:2px solid #fff;border-radius:3px;width:74px;height:44px;content:''} .video-cy .video-c-pic .icon:after{position:absolute;top:50%;left:50%;z-index:3;margin-top:-6px;margin-left:-3px;border-top:6px solid transparent;border-left:6px solid #fff;border-bottom:6px solid transparent;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;content:''} .video-cy .video-c-info{padding:20px 5%;background:#eee;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s} .video-cy .video-c-info .t{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:16px;line-height:20px;text-align:center;color:#666;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s} .no-cssgrid .video-cy .video-cont{overflow:hidden} .no-cssgrid .video-cy .video-c-list{margin-right:-15px} .no-cssgrid .video-cy .video-c-list:after{content:'';display:block;clear:both} .no-cssgrid .video-cy .video-c-item{float:left;margin-bottom:25px;padding-right:15px;width:50%} .cssgrid .video-cy .video-cont{margin-bottom:20px} .cssgrid .video-cy .video-c-list{display:grid;grid-template-columns:repeat(2,1fr);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;grid-column-gap:15px;grid-row-gap:25px} @media (max-width:1440px){ .video-cy .container{max-width:1140px} .video-cy .video-c-info{padding:15px 5%} } @media (max-width:1240px){ .video-cy .container{max-width:90%} .video-cy .video-c-info .t{font-size:14px} } @media (max-width:900px){ .video-cy .video-c-pic .icon:before{margin-top:-17px;margin-left:-27px;border-width:2px;width:54px;height:34px} .video-cy .video-c-info{padding:10px 5%} .video-cy .video-c-info .t{font-size:13px} } @media (max-width:576px){ .video-cy .container{max-width:none} } @media (max-width:475px){ .no-cssgrid .video-cy .video-c-list{margin-right:0} .no-cssgrid .video-cy .video-c-item{float:none;margin-bottom:20px;padding-right:0;width:auto} .cssgrid .video-cy .video-c-list{grid-template-columns:repeat(1,100%);grid-column-gap:0;grid-row-gap:20px} } .news-cy .news-c-item{position:relative;z-index:1;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s} .news-cy .news-c-item:hover{background:#0a68b7} .news-cy .news-c-item:hover .news-c-cont{border-color:#0a68b7} .news-cy .news-c-item:hover .news-c-pic img{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)} .news-cy .news-c-item:hover .news-c-info .c,.news-cy .news-c-item:hover .news-c-info .t{color:#fff} .news-cy .news-c-item:hover .news-c-info .m{border-color:#fff;color:#fff} .news-cy .news-c-item:hover .news-c-info .d{color:#fff} .news-cy .news-c-item:hover .news-c-info .d:before{background:#fff} .news-cy .news-c-cont{border-bottom:1px solid #ddd;margin:0 auto;padding:30px 0;max-width:1200px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s} .news-cy .news-c-cont:after{content:'';display:block;clear:both} .news-cy .news-c-pic{overflow:hidden;float:left;margin-right:45px} .news-cy .news-c-pic img{-webkit-transition:all .5s,height .3s;-o-transition:all .5s,height .3s;transition:all .5s,height .3s;max-width:324px;} .news-cy .news-c-info{overflow:hidden} .news-cy .news-c-info .t{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:18px;font-weight:700;line-height:30px;color:#333;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s} .news-cy .news-c-info .c{margin-top:15px;height:50px;font-size:14px;line-height:25px;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s} .news-cy .news-c-info .tools{margin-top:85px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s} .news-cy .news-c-info .tools:after{content:'';display:block;clear:both} .news-cy .news-c-info .m{display:block;float:left;border:1px solid #ccc;padding:9px 20px;font-size:13px;line-height:20px;color:#666;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s} .news-cy .news-c-info .d{display:block;float:right;margin-top:25px;font-family:Arial,sans-serif;font-size:12px;line-height:15px;color:#999;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s} .news-cy .news-c-info .d:before{display:inline-block;margin:7px 15px 7px 0;width:15px;height:1px;background:#ccc;vertical-align:top;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;content:''} @media (max-width:1024px){ .news-cy .container{max-width:90%} .news-cy .news-c-pic{margin-right:30px} } @media (max-width:768px){ .news-cy .news-c-pic{margin-right:25px} .news-cy .news-c-pic img{height:176px} .news-cy .news-c-info .t{font-size:16px;line-height:25px} .news-cy .news-c-info .c{font-size:13px} .news-cy .news-c-info .tools{margin-top:51px} .news-cy .news-c-info .m{font-size:12px;line-height:15px} .news-cy .news-c-info .d{margin-top:20px} .news-cy .news-c-info .d:before{margin-right:10px;width:12px} } @media (max-width:640px){ .news-cy .news-c-pic{margin-right:15px} .news-cy .news-c-pic img{height:132px} .news-cy .news-c-info .t{font-size:15px;line-height:20px} .news-cy .news-c-info .c{margin-top:10px;height:40px;font-size:12px;line-height:20px} .news-cy .news-c-info .tools{margin-top:32px} .news-cy .news-c-info .m{padding:9px 10px;line-height:10px} .news-cy .news-c-info .d{margin-top:15px} } @media (max-width:576px){ .news-cy .container{max-width:none} .news-cy .news-c-info .tools{margin-top:47px} .news-cy .news-c-info .m{border:0 none;padding:0;line-height:15px} .news-cy .news-c-info .d{margin-top:0} .news-cy .news-c-info .d:before{margin-right:7px} } @media (max-width:475px){ .news-cy .news-c-pic{margin-right:10px} .news-cy .news-c-pic img{height:110px} .news-cy .news-c-info .tools{margin-top:25px} } @media (max-width:425px){ .news-cy .news-c-pic{float:none;margin-right:0;margin-bottom:20px} .news-cy .news-c-pic img{width:100%;height:auto} .news-cy .news-c-info .tools{margin-top:30px} } .product1-cy{min-height:100%;background:#f1f1f1} .product1-cy .product1-cont:after{content:'';display:block;clear:both} .product1-cy .p1-c-list{margin-right:-5px} .product1-cy .p1-c-item{float:left;margin-bottom:10px;padding-right:5px;width:33.3334%} .product1-cy .p1-c-item a{display:block;overflow:hidden;position:relative;z-index:1;padding:10px 40px;height:400px;background:#fff} .product1-cy .p1-c-item a:hover{z-index:3} .product1-cy .p1-c-item a:hover .p1-c-pic .bg{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02)} .product1-cy .p1-c-item a:hover .p1-c-name .n{visibility:hidden;opacity:0} .product1-cy .p1-c-item a:hover .p1-c-info{visibility:visible;opacity:1;-webkit-transform:none;-ms-transform:none;transform:none} .product1-cy .p1-c-pic{margin:10px 0;overflow:hidden} .product1-cy .p1-c-pic img{display:none;width:100%} .product1-cy .p1-c-pic .bg{display:block;height:300px;background:no-repeat center center;background-size:cover;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s} .product1-cy .p1-c-name{border-top:1px solid #eee;padding:20px 0} .product1-cy .p1-c-name .n{font-size:14px;line-height:20px;text-align:center;color:#333;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s} .product1-cy .p1-c-info{position:absolute;top:0;left:0;z-index:3;padding:35px 45px;width:100%;height:100%;color:#fff;visibility:hidden;opacity:0;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transform:translate(0,100%);-ms-transform:translate(0,100%);transform:translate(0,100%)} .product1-cy .p1-c-info:before{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:#0a68b7;opacity:.92;content:''} .product1-cy .p1-c-info .t{font-size:24px;line-height:25px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis} .product1-cy .p1-c-info .cont{margin:20px 0 15px;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);padding:25px 0;line-height:25px} .product1-cy .p1-c-info .c{height:200px;font-size:12px;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-line-clamp:8;-webkit-box-orient:vertical} .product1-cy .p1-c-info .m{display:block;width:15px;height:15px;background:url(../images/more1.png) no-repeat center center} .product1-cy .p1-c-info .m:hover{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)} @media (max-width:1680px){ .product1-cy .p1-c-info .t{font-size:20px} } @media (max-width:1440px){ .product1-cy .p1-c-item{width:50%} .product1-cy .p1-c-item a{padding:10px 30px} .product1-cy .p1-c-info{padding:35px} } @media (max-width:1240px){ .product1-cy .p1-c-info .t{font-size:18px} } @media (max-width:1024px){ .product1-cy .container{max-width:none} } @media (max-width:768px){ .product1-cy .p1-c-item a{padding:10px 5%;height:auto} .product1-cy .p1-c-item a:hover .p1-c-name .n{visibility:visible;opacity:1} .product1-cy .p1-c-pic img{display:block} .product1-cy .p1-c-pic .bg{display:none} .product1-cy .p1-c-info{display:none} .product1-cy .p1-c-name{padding:10px 0} .product1-cy .p1-c-name .n{font-size:13px} } @media (max-width:425px){ .product1-cy .p1-c-item{float:none;width:auto;margin-right:0} } .product2-cy{min-height:100%;background:#f1f1f1} .product2-cy .container{max-width:950px} @media (max-width:1024px){ .product2-cy .container{max-width:none} } .product3-cy{min-height:100%;background:#f1f1f1} .product3-cy .container{max-width:1000px} .product3-cy .p3-c-head{padding:40px 0 90px;text-align:center} .product3-cy .p3-c-head .t{font-size:30px;font-weight:700;line-height:1;color:#333} .product3-cy .p3-c-head .c{margin:35px auto 0;max-width:70%;font-size:14px;line-height:30px;color:#666} .product3-cy .p3-c-body{position:relative;z-index:1;padding:60px;background:#fff} .product3-cy .p3-c-body .pi-down{position:absolute;top:0;left:50%;z-index:3;margin-top:-35px;margin-left:-35px;width:70px;height:70px;background:#0a68b7 url(../images/down.png) no-repeat center center;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer} .product3-cy .p3-c-body .pi-down:hover{background-position-y:60%} .product3-cy .details-body .t{margin-top:30px;border-top:1px solid #ccc;padding:30px 0 20px;font-size:18px;font-weight:700;line-height:25px;color:#0a68b7} .product3-cy .details-body .p3-cb-pic img{width:100%} .product3-cy .details-body .p3-cb-pic .d{padding:10px 5%;font-size:14px;line-height:20px;text-align:center;color:#666} .cssgrid .product3-cy .details-body .p3-cb-pic{display:grid;grid-gap:10px} .cssgrid .product3-cy .details-body .p3-cb-pic.cb3{grid-template-columns:repeat(3,1fr)} .cssgrid .product3-cy .details-body .p3-cb-pic.cb4{grid-template-columns:repeat(4,1fr)} .no-cssgrid .product3-cy .details-body .p3-cb-pic{margin-right:-10px} .no-cssgrid .product3-cy .details-body .p3-cb-pic:after{content:'';display:block;clear:both} .no-cssgrid .product3-cy .details-body .p3-cb-pic .pic{float:left;margin-bottom:10px;padding-right:10px} .no-cssgrid .product3-cy .details-body .p3-cb-pic.cb3 .pic{width:33.3334%} .no-cssgrid .product3-cy .details-body .p3-cb-pic.cb3 .pic:nth-child(3n+1){clear:left} .no-cssgrid .product3-cy .details-body .p3-cb-pic.cb4 .pic{width:25%} .no-cssgrid .product3-cy .details-body .p3-cb-pic.cb4 .pic:nth-child(4n+1){clear:left} @media (max-width:1024px){ .product3-cy .container{max-width:none} .product3-cy .p3-c-head{padding:30px 0 70px} .product3-cy .p3-c-head .t{font-size:24px} .product3-cy .p3-c-head .c{max-width:80%;margin-top:25px;font-size:14px;line-height:25px} .product3-cy .p3-c-body{padding:25px 5%} .product3-cy .p3-c-body .pi-down{display:none} .product3-cy .p3-c-body .details-body .t{padding-top:20px;font-size:16px} .product3-cy .p3-c-body .details-body .p3-cb-pic .d{font-size:12px;line-height:15px} .cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic{grid-gap:5px} .cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4{grid-template-columns:repeat(3,1fr)} .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic{margin-right:-5px} .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic .pic{margin-bottom:5px;padding-right:5px} .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 .pic{width:33.3334%} .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 .pic:nth-child(3n+1){clear:left} .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 .pic:nth-child(4n+1){clear:none} } @media (max-width:768px){ .product3-cy .p3-c-head{padding:20px 0 45px} .product3-cy .p3-c-head .t{font-size:20px} .product3-cy .p3-c-head .c{margin-top:20px;max-width:90%;text-align:justify} .product3-cy .p3-c-body .details-body p{line-height:25px} .cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb3{grid-template-columns:repeat(2,1fr)} .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb3 .pic{width:50%} .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb3 .pic:nth-child(2n+1){clear:left} .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb3 .pic:nth-child(3n+1){clear:none} } @media (max-width:576px){ .product3-cy .p3-c-head{padding:0 0 30px} .product3-cy .p3-c-head .c{margin-top:15px;max-width:none;font-size:12px} .product3-cy .p3-c-body .details-body .t{margin-top:20px;padding-top:15px;font-size:15px;line-height:1} } @media (max-width:475px){ .product3-cy .p3-c-body .details-body p{font-size:13px} .cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4{grid-template-columns:repeat(2,1fr)} .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 .pic{width:50%} .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 .pic:nth-child(2n+1){clear:left} .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 .pic:nth-child(3n+1){clear:none} } @media (max-width:375px){ .product3-cy .p3-c-body .details-body .p3-cb-pic .pic{text-align:center} .product3-cy .p3-c-body .details-body .p3-cb-pic img{width:auto} .cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb3{grid-template-columns:repeat(1,1fr)} .cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4{grid-template-columns:repeat(1,1fr)} .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb3 .pic{float:none;width:auto} .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb3 .pic:nth-child(2n+1){clear:none} .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 .pic{float:none;width:auto} .no-cssgrid .product3-cy .p3-c-body .details-body .p3-cb-pic.cb4 .pic:nth-child(2n+1){clear:none} } .details-p-cy{position:relative;z-index:3;margin-top:-65px;background:#efefef} .details-p-cy .details-cont{margin:-510px auto 0;max-width:960px;background:#fff;-webkit-transition:margin .15s;-o-transition:margin .15s;transition:margin .15s} .details-p-cy .details-head{position:relative;z-index:1;padding:50px} .details-p-cy .details-head .carousel-pic{text-align:center} .details-p-cy .details-head .carousel-pic img{max-width:100%} .details-p-cy .details-head .next,.details-p-cy .details-head .prev{position:absolute;top:50%;z-index:3;margin-top:-25px;width:50px;height:50px;background:#fff no-repeat center center;-webkit-transition:all .15s;-o-transition:all .15s;transition:all .15s;cursor:pointer} .details-p-cy .details-head .next:hover,.details-p-cy .details-head .prev:hover{background-color:#0a68b7} .details-p-cy .details-head .prev{left:-80px;background-image:url(../images/prev1.png)} .details-p-cy .details-head .prev:hover{background-image:url(../images/prev.png)} .details-p-cy .details-head .next{right:-80px;background-image:url(../images/next1.png)} .details-p-cy .details-head .next:hover{background-image:url(../images/next.png)} .details-p-cy .db{/* border-top:3px solid #0a68b7;*/ padding:0 50px 50px 50px} .details-p-cy .db-head .title{font-size:24px;font-weight:700;color:#fff;background:#0062ad;padding:15px 0;margin-bottom:20px;} .details-p-cy .details-body .t{font-weight:700;color:#0a68b7} .details-p-cy .details-foot{padding:15px 50px;text-align:center;background:#0a68b7} .details-p-cy .details-foot:after{content:'';display:block;clear:both} .details-p-cy .details-foot .page-next,.details-p-cy .details-foot .page-prev{display:block;border:1px solid #eee;padding:9px 30px;font-size:14px;line-height:25px;color:#fff} .details-p-cy .details-foot .page-next:before,.details-p-cy .details-foot .page-prev:before{display:block;position:relative;width:23px;height:25px;background:no-repeat center center;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;content:''} .details-p-cy .details-foot .page-prev{float:left} .details-p-cy .details-foot .page-prev:before{float:left;left:0;margin-right:20px;background-image:url(../images/left.png)} .details-p-cy .details-foot .page-prev:hover:before{left:-15px} .details-p-cy .details-foot .page-next{float:right} .details-p-cy .details-foot .page-next:before{float:right;right:0;margin-left:20px;background-image:url(../images/right.png)} .details-p-cy .details-foot .page-next:hover:before{right:-15px} .details-p-cy .details-foot .page-back{display:inline-block;border:1px solid transparent;width:45px;height:45px;vertical-align:top;background:url(../images/back.png) no-repeat center center;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s} .details-p-cy .details-foot .page-back:hover{border-color:#fff} @media (max-width:1680px){ .details-p-cy .details-cont{margin-top:-460px} } @media (max-width:1550px){ .details-p-cy .details-cont{margin-top:-410px} } @media (max-width:1440px){ .details-p-cy .details-cont{margin-top:-360px} } @media (max-width:1240px){ .details-p-cy .details-cont{margin-top:-310px} .details-p-cy .details-head .next,.details-p-cy .details-head .prev{background-color:#ccc} .details-p-cy .details-head .prev{left:0} .details-p-cy .details-head .next{right:0} } @media (max-width:1140px){ .details-p-cy .details-cont{margin-top:-260px} } @media (max-width:1024px){ .details-p-cy .container{max-width:90%} .details-p-cy .details-cont{margin-top:-230px} } @media (max-width:768px){ .details-p-cy .container{max-width:none} .details-p-cy .details-head{padding:40px} .details-p-cy .details-head .next,.details-p-cy .details-head .prev{width:36px;height:36px} .details-p-cy .db{padding:40px} .details-p-cy .details-body p{font-size:13px;line-height:25px} .details-p-cy .db-head .title{font-size:20px;line-height:30px} .details-p-cy .details-foot{padding:10px 40px} .details-p-cy .details-foot .page-next,.details-p-cy .details-foot .page-prev{padding:9px 15px;font-size:13px;line-height:20px} .details-p-cy .details-foot .page-next:before,.details-p-cy .details-foot .page-prev:before{height:20px} .details-p-cy .details-foot .page-prev:before{margin-right:15px} .details-p-cy .details-foot .page-prev:hover:before{left:-10px} .details-p-cy .details-foot .page-next:before{margin-left:15px} .details-p-cy .details-foot .page-next:hover:before{right:-10px} .details-p-cy .details-foot .page-back{width:40px;height:40px} } @media (max-width:680px){ .details-p-cy .details-cont{margin-top:-180px} .details-p-cy .details-head{padding:30px 5%} .details-p-cy .db{padding:30px 5%} .details-p-cy .db-head .title{font-size:18px} .details-p-cy .details-foot{padding:10px 5%} .details-p-cy .details-foot .page-next,.details-p-cy .details-foot .page-prev{padding:4px 10px;font-size:12px;line-height:25px} .details-p-cy .details-foot .page-next:before,.details-p-cy .details-foot .page-prev:before{height:25px} .details-p-cy .details-foot .page-prev:before{margin-right:10px} .details-p-cy .details-foot .page-prev:hover:before{left:-5px} .details-p-cy .details-foot .page-next:before{margin-left:10px} .details-p-cy .details-foot .page-next:hover:before{right:-5px} .details-p-cy .details-foot .page-back{width:35px;height:35px} } @media (max-width:576px){ .details-p-cy .details-cont{margin-top:-120px} .details-p-cy .details-body{line-height:15px} } @media (max-width:475px){ .details-p-cy .details-cont{margin-top:-100px} .details-p-cy .details-head{padding:25px 5%} .details-p-cy .details-head .next,.details-p-cy .details-head .prev{width:30px;height:30px} .details-p-cy .db{padding:25px 5%} .details-p-cy .db-head .title{font-size:16px} .details-p-cy .details-foot .page-next,.details-p-cy .details-foot .page-prev{line-height:20px} .details-p-cy .details-foot .page-next:before,.details-p-cy .details-foot .page-prev:before{width:15px;height:20px} .details-p-cy .details-foot .page-prev:before{margin-right:5px;background-position:left center} .details-p-cy .details-foot .page-prev:hover:before{left:0} .details-p-cy .details-foot .page-next:before{margin-left:5px;background-position:right center} .details-p-cy .details-foot .page-next:hover:before{right:0} .details-p-cy .details-foot .page-back{border:0 none;width:30px;height:30px} } @media (max-width:1024px){ .support-cy .container{max-width:90%} } @media (max-width:768px){ .support-cy .container{max-width:none} } .support-cont{margin:0 auto;max-width:960px} .support-cont .support-carousel{position:relative;z-index:3;padding:50px 0 70px} .support-cont .spt-list{margin-top:-15px} .support-cont .spt-item{margin-top:15px} .support-cont .spt-item:after{content:'';display:block;clear:both} .support-cont .spt-item:hover .spt-pdf{background:#333} .support-cont .spt-item:hover .spt-pdf .c,.support-cont .spt-item:hover .spt-pdf .nc{color:#fff} .support-cont .spt-item:hover .spt-pdf .i{background-image:url(../images/pdfh.png)} .support-cont .spt-item:hover .spt-download{background:#0a68b7;color:#fff} .support-cont .spt-item:hover .spt-download .i{background-image:url(../images/dlh.png)} .support-cont .spt-download,.support-cont .spt-pdf{display:block;float:left;padding:30px 20px;background:#eee;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s} .support-cont .spt-download .i,.support-cont .spt-pdf .i{display:inline-block;margin-right:20px;width:30px;height:30px;background:no-repeat center center;background-size:cover;vertical-align:top;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s} .support-cont .spt-pdf{width:66%} .support-cont .spt-pdf .nc{float:right;margin:0 20px;font-size:12px;line-height:30px;color:#666;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s} .support-cont .spt-pdf .name{overflow:hidden} .support-cont .spt-pdf .i{float:left;background-image:url(../images/pdf.png)} .support-cont .spt-pdf .c{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:18px;line-height:30px;color:#333;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s} .support-cont .spt-download{border-left:2px solid #fff;width:34%;font-size:16px;font-weight:700;line-height:30px;text-align:center;color:#666} .support-cont .spt-download .i{background-image:url(../images/dl.png)} .support-cont .slick-dots li{margin:0 5px;width:10px;height:10px;background:#666} .support-cont .slick-dots li.slick-active{background:#0a68b7} @media (max-width:1024px){ .support-cont{max-width:none} } @media (max-width:768px){ .support-cont .support-carousel{padding-bottom:50px} .support-cont .spt-download,.support-cont .spt-pdf{padding:20px 15px} .support-cont .spt-download .i,.support-cont .spt-pdf .i{margin-right:15px} .support-cont .spt-pdf{width:70%} .support-cont .spt-pdf .nc{margin:0 15px} .support-cont .spt-pdf .c{font-size:15px} .support-cont .spt-download{width:30%;font-size:13px} } @media (max-width:475px){ .support-cont .support-carousel{padding:30px 0 40px} .support-cont .spt-list{margin-top:-10px} .support-cont .spt-item{margin-top:10px} .support-cont .spt-download,.support-cont .spt-pdf{padding:15px 10px} .support-cont .spt-download .i,.support-cont .spt-pdf .i{margin-right:10px;width:20px;height:20px} .support-cont .spt-pdf .nc{margin:0 10px;line-height:20px} .support-cont .spt-pdf .c{font-size:14px;line-height:20px} .support-cont .spt-download{font-size:12px;line-height:20px} .support-cont .slick-dots li{margin:0 3px;width:7px;height:7px} } @media (max-width:375px){ .support-cont .support-carousel{padding:30px 0} .support-cont .spt-download,.support-cont .spt-pdf{padding:10px} .support-cont .spt-download .i,.support-cont .spt-pdf .i{margin-right:5px;background-size:70%} .support-cont .spt-pdf .nc{margin-right:0} } .support-zz{position:relative;z-index:1} .support-zz .spt-zz-bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:no-repeat center center fixed;background-size:cover} .support-zz .carousel{overflow:hidden} .support-zz .carousel-item{margin-right:40px} .support-zz .carousel-pic img{width:100%} .support-zz .slick-list{margin-right:-40px} .support-zz .slick-dots li{background:#fff} @media (max-width:1024px){ .support-zz .spt-zz-bg{background-attachment:scroll} } @media (max-width:768px){ .support-zz .carousel-item{margin-right:30px} .support-zz .slick-list{margin-right:-30px} } @media (max-width:475px){ .support-zz .carousel-item{margin-right:20px} .support-zz .slick-list{margin-right:-20px} } @media (max-width:375px){ .support-zz .carousel-item{margin-right:15px} .support-zz .slick-list{margin-right:-15px} } .contact-lx .contact-cont{margin:0 auto;max-width:1200px} .contact-lx .ctc{margin-top:40px;height:500px} .contact-lx .ctc:after{content:'';display:block;clear:both} .contact-lx .contact-map{float:left;width:50%;height:100%} .contact-lx .map{height:100%} .contact-lx .anchorBL{display:none!important} .contact-lx .contact-info{float:right;width:50%;height:100%;padding:60px 90px;background:#0a68b7} .contact-lx .cti-list{margin-top:-20px} .contact-lx .cti-item{margin-top:20px;line-height:1} .contact-lx .cti-item:after{content:'';display:block;clear:both} .contact-lx .cti-item .i{float:left;margin-right:15px} .contact-lx .cti-item .c{overflow:hidden;font-size:15px;line-height:30px;color:#fff} @media (max-width:1240px){ .manager ul li{width:100%;padding:4%;} .manager ul li.w{margin-left:0;} .manager ul li h4{font-size:16px;font-weight:bold} .contact-lx .ctc{height:auto} .contact-lx .contact-map{float:none;width:auto;height:400px} .contact-lx .contact-info{float:none;width:auto} } @media (max-width:1024px){ .contact-lx .container{max-width:90%} .contact-lx .contact-map{height:360px} .contact-lx .contact-info{padding:30px 5%} } @media (max-width:768px){ .contact-lx .contact-map{height:300px} .contact-lx .cti-item .i img{width:25px} .contact-lx .cti-item .c{font-size:13px;line-height:25px} } @media (max-width:576px){ .contact-lx .container{max-width:none} .contact-lx .ctc{margin-top:30px} .contact-lx .cti-list{margin-top:-15px} .contact-lx .cti-item{margin-top:15px} .contact-lx .cti-item .i img{margin-top:3px;width:20px} } @media (max-width:576px){ .contact-lx .contact-map{height:250px} } .contact-wl{background:#f0f0f0} .contact-wl .wl-info{margin-top:-65px} .contact-wl .wl-pic{text-align:center} .contact-wl .wl-pic img{max-width:100%} @media (max-width:425px){ .contact-wl .wl-info{margin-top:0} } .contact-fk{position:relative;z-index:1} .contact-fk .ct-fk-bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:no-repeat center center fixed;background-size:cover} .contact-fk .ctc{margin:50px auto 0;max-width:850px} .contact-fk .n{font-size:14px;font-weight:700;line-height:20px;color:#fff} .contact-fk .c{display:block;margin-top:10px;margin-bottom:20px} .contact-fk .c input,.contact-fk .c textarea{display:block;border:1px solid #ccc;padding:10px 15px;width:100%;font-size:14px;line-height:18px;color:#fff} .contact-fk .ctc-t-list{margin-left:-20px} .contact-fk .ctc-t-item{float:left;width:270px;margin-left:20px} .contact-fk .ctc-v-code:after{content:'';display:block;clear:both} .contact-fk .ctc-v-code input{float:left;width:270px;margin-right:20px} .contact-fk .ctc-v-code .v-code img{width:105px;height:40px} .contact-fk .submit{display:block;margin-top:45px;padding:10px 0;width:100%;font-size:14px;line-height:20px;text-align:center;background:#0a68b7;color:#fff} .contact-fk .submit:active{background:#333} .contact-fk .tips{margin-top:20px;padding:0 5%;font-size:14px;line-height:25px;text-align:center;color:#fff} @media (max-width:1024px){ table{font-size:12px;} .contact-fk .ct-fk-bg{background-attachment:scroll} .contact-fk .container{max-width:90%} .contact-fk .ctc-t-list{margin-left:0} .contact-fk .ctc-t-item{float:none;margin-left:0;width:100%} .contact-fk .ctc-v-code input{width:calc(100% - 125px)} .contact-fk .ctc-v-code .v-code{float:right} .no-csscalc .contact-fk .ctc-v-code input{width:270px} .no-csscalc .contact-fk .ctc-v-code .v-code{float:none} } @media (max-width:576px){ .contact-fk .container{max-width:none} .contact-fk .ctc{margin-top:30px} .contact-fk .c{margin-bottom:15px} .contact-fk .submit{margin-top:35px} .contact-fk .tips{margin-top:15px;padding:0;font-size:12px;line-height:20px} } footer{background:url(../images/foot_bg.jpg) repeat-y scroll left top #0062ad;color:#fff;} footer a:link,footer a:visited{color:#fff;} footer a:active,footer a:hover{color:#fff;} .smlink{margin-left:10px;} .footDL{padding:42px 0px;position:relative;line-height:1.5;} .footDL .item1{display:block;width:66%;} .footNav li{float:left;display:block;width:20%;} .footNav .t{font-weight:bold;font-size:16px;margin-bottom:18px;} .footNav .c a{display:block;margin-bottom:8px;} .footDL .c a:hover{margin-left:8px;} .footDL .item2{position:absolute;right:0;top:36px;text-align:center;max-width:30%;} .footDL .name{font-weight:bold;font-size:24px;} .footDL .ermImg{margin:8px auto;width:81px;} .footDL .ermImg img{width:100%;display:block;} .footDL .ermC{margin-bottom:10px;} .footDL .foot-tel{font-size:20px;} .foot-tel{float:right;display:block;background:url(../images/tel_ico.png) no-repeat scroll left center;padding-left:32px;font-size:18px;} .footC{padding:10px 0px;text-align:center;font-size:12px;font-family:arial,helvetica,sans-serif;border-top:1px solid #fff;border-top:1px solid rgba(255,255,255,0.5);} .footC a{position:relative;} .footC a:before{content:"";width:100%;height:1px;background-color:#fff;position:absolute;left:0;bottom:-2px;transform-origin:100%;-webkit-transform-origin:100%;-webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);transform:scaleX(0);-webkit-transform:scaleX(0);visibility:hidden\9;} .footC a:hover:before{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);transform-origin:0;-webkit-transform-origin:0;visibility:visible\9;} @media screen and (max-width:1260px){ .footDL .name{font-size:20px;} } @media screen and (max-width:1024px){ table{font-size:12px;} footer{background-size:cover;} .footDL{padding:0} .footDL .item1{display:none;} .footDL .item2{position:relative;right:auto;top:auto;text-align:left;max-width:100%;display:none} .footDL .ermImg{margin:8px 0px;} .foot-tel{float:none;display:block;} .footC{text-align:center;} } @media screen and (max-width:641px){ .footDL{/* padding: 35px 0px;*/} }