.fv-has-feedback{position:relative}
.fv-control-feedback{position:absolute;z-index:2;top:0;right:0;display:block;text-align:center}
.fv-help-block{display:block}
.fv-form [placeholder]::-ms-clear{display:none}
.fv-form-bootstrap .help-block{margin-bottom:0}
.fv-form-bootstrap .tooltip-inner{text-align:left}
.fv-form-bootstrap .fv-bootstrap-icon-input-group{z-index:100}
.form-inline.fv-form-bootstrap .form-group{vertical-align:top}
.fv-form-bootstrap4 .fv-control-feedback{line-height:38px;width:38px;height:38px}
.fv-form-bootstrap4 .form-group.row .fv-control-feedback{right:15px}
.fv-form-bootstrap4 .form-group.row .form-check~.fv-control-feedback{top:-7px}
.fv-form-bootstrap4.form-inline .form-group{vertical-align:top}
.fv-form-bootstrap4:not(.form-inline) label~.fv-control-feedback{top:32px}
.fv-form-bootstrap4:not(.form-inline) label.sr-only~.fv-control-feedback{top:-7px}
.fv-form-bootstrap4:not(.form-inline) .form-check~.fv-control-feedback{top:25px}
.fv-form-bootstrap4 .has-success .fv-control-feedback,html:not(.met-web) .fv-form-bootstrap4 .has-success .form-control-label{color:#00c853}
.fv-form-bootstrap4 .has-danger .fv-control-feedback,html:not(.met-web) .fv-form-bootstrap4 .has-danger .form-control-label{color:#f93e3c}
form .form-group.required:before{content:'*';position:absolute;left:-15px;top:50%;margin-top:-6px;font-size:18px;line-height:1;color:#f00}
@media (max-width:767px){form .form-group.required:before{left:-10px}
}
@font-face{font-family:"iconfont";src:url('../../../public/fonts/iconfont/iconfont.eot?t=1497855280632');src:url('../../../public/fonts/iconfont/iconfont.eot?t=1497855280632#iefix') format('embedded-opentype'),url('../../../public/fonts/iconfont/iconfont.woff?t=1497855280632') format('woff'),url('../../../public/fonts/iconfont/iconfont.ttf?t=1497855280632') format('truetype'),url('../../../public/fonts/iconfont/iconfont.svg?t=1497855280632#iconfont') format('svg')}
.iconfont{font-family:"iconfont"!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-next:before{content:"\e601"}
.icon-next2:before{content:"\e636"}
.icon-prev2:before{content:"\e637"}
.icon-prev1:before{content:"\e648"}
.icon-next1:before{content:"\e655"}
.icon-prev:before{content:"\e606"}
.lg-sub-html,.lg-toolbar{background-color:rgba(0,0,0,.45)}
#lg-counter,.lg-outer .lg-video-cont{vertical-align:middle;display:inline-block}
@font-face{font-family:lg;src:url('../../../public/plugins/lightGallery/css/../fonts/lg.eot?n1z373');src:url('../../../public/plugins/lightGallery/css/../fonts/lg.eot?#iefixn1z373') format("embedded-opentype"),url('../../../public/plugins/lightGallery/css/../fonts/lg.woff?n1z373') format("woff"),url('../../../public/plugins/lightGallery/css/../fonts/lg.ttf?n1z373') format("truetype"),url('../../../public/plugins/lightGallery/css/../fonts/lg.svg?n1z373#lg') format("svg");font-weight:400;font-style:normal}
.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080}
.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}
.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}
.lg-actions .lg-next{right:20px}
.lg-actions .lg-next:before{content:"\e095"}
.lg-actions .lg-prev{left:20px}
.lg-actions .lg-prev:after{content:"\e094"}
@-webkit-keyframes lg-right-end{0%,100%{left:0}
50%{left:-30px}
}
@-moz-keyframes lg-right-end{0%,100%{left:0}
50%{left:-30px}
}
@-ms-keyframes lg-right-end{0%,100%{left:0}
50%{left:-30px}
}
@keyframes lg-right-end{0%,100%{left:0}
50%{left:-30px}
}
@-webkit-keyframes lg-left-end{0%,100%{left:0}
50%{left:30px}
}
@-moz-keyframes lg-left-end{0%,100%{left:0}
50%{left:30px}
}
@-ms-keyframes lg-left-end{0%,100%{left:0}
50%{left:30px}
}
@keyframes lg-left-end{0%,100%{left:0}
50%{left:30px}
}
.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}
.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}
.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}
.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}
.lg-toolbar .lg-icon:hover{color:#FFF}
.lg-toolbar .lg-close:after{content:"\e070"}
.lg-toolbar .lg-download:after{content:"\e0f2"}
.lg-sub-html{bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}
.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}
.lg-sub-html p{font-size:12px;margin:5px 0 0}
#lg-counter{color:#999;font-size:16px;padding-left:20px;padding-top:12px}
.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}
.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}
.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}
.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}
.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}
@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}
}
.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}
.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}
.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}
.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}
.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}
.lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px}
.lg-outer .lg-toogle-thumb:hover,.lg-outer.lg-dropdown-active #lg-share{color:#FFF}
.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}
.lg-outer .lg-video-cont{max-width:1140px;max-height:100%;width:100%;padding:0 5px}
.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}
.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}
.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}
.lg-outer .lg-has-vimeo .lg-video-play{background:url('../images/vimeo-play.png') no-repeat}
.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url('../images/vimeo-play.png') 0 -58px no-repeat}
.lg-outer .lg-has-html5 .lg-video-play{background:url('../images/video-play.png') no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}
.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}
.lg-outer .lg-has-youtube .lg-video-play{background:url('../images/youtube-play.png') no-repeat}
.lg-outer .lg-has-youtube:hover .lg-video-play{background:url('../images/youtube-play.png') 0 -60px no-repeat}
.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}
.lg-outer .lg-has-video .lg-video-object{visibility:hidden}
.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}
.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}
.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}
.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}
.lg-progress-bar.lg-start .lg-progress{width:100%}
.lg-show-autoplay .lg-progress-bar{opacity:1}
.lg-autoplay-button:after{content:"\e01d"}
.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s;transition:transform .3s cubic-bezier(0,0,.25,1) 0s}
.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
#lg-zoom-in:after{content:"\e311"}
#lg-actual-size{font-size:20px}
#lg-actual-size:after{content:"\e033"}
#lg-zoom-out{opacity:.5;pointer-events:none}
#lg-zoom-out:after{content:"\e312"}
.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}
.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}
.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}
.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}
.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}
.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}
.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}
.lg-fullscreen:after{content:"\e20c"}
.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}
.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}
.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}
.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}
.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#FFF;right:16px;top:-16px}
.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}
.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333}
.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}
.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}
.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}
.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}
.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%}
.lg-outer #lg-share{position:relative}
.lg-outer #lg-share:after{content:"\e80d"}
.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}
.lg-outer #lg-share-facebook .lg-icon:after{content:"\e901"}
.lg-outer #lg-share-twitter .lg-icon{color:#00aced}
.lg-outer #lg-share-twitter .lg-icon:after{content:"\e904"}
.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}
.lg-outer #lg-share-googleplus .lg-icon:after{content:"\e902"}
.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}
.lg-outer #lg-share-pinterest .lg-icon:after{content:"\e903"}
.lg-group:after{content:"";display:table;clear:both}
.lg-outer{position:fixed;top:0;left:0;z-index:1050;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}
.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.lg-outer.lg-visible{opacity:1}
.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}
.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}
.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}
.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}
.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}
.lg-outer .lg-item{background:url('../images/loading.gif') center center no-repeat;display:none!important}
.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}
.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}
.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}
.lg-outer .lg-item.lg-complete{background-image:none}
.lg-outer .lg-item.lg-current{z-index:1060}
.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}
.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}
.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}
.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}
.lg-backdrop.in{opacity:1}
.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}
.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
.lg-css3.lg-fade .lg-item{opacity:0}
.lg-css3.lg-fade .lg-item.lg-current{opacity:1}
.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}
.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}
.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}
@font-face{font-family:swiper-icons;src:url('../images/0002.woff');font-weight:400;font-style:normal}
:root{--swiper-theme-color:#007aff}
.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}
.swiper-pointer-events{touch-action:pan-y}
.swiper-pointer-events.swiper-vertical{touch-action:pan-x}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}
.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}
.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}
.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}
.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}
.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}
.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}
:root{--swiper-navigation-size:44px}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}
.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}
.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}
.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}
.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}
.swiper-button-lock{display:none}
.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}
.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet:only-child{display:none!important}
.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}
.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}
.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}
.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}
.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}
.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}
.swiper-pagination-lock{display:none}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}
.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-scrollbar-lock{display:none}
.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}
.swiper-slide-zoomed{cursor:move}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}
.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}
.swiper-lazy-preloader-black{--swiper-preloader-color:#000}
@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-grid>.swiper-wrapper{flex-wrap:wrap}
.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}
.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}
.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-cube{overflow:visible}
.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}
.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}
.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}
.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}
.swiper-flip{overflow:visible}
.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}
.swiper-cards{overflow:visible}
.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
@-webkit-keyframes bounce{from,20%,53%,80%,to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
40%,43%{ -webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0)}
70%{ -webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform:translate3d(0,-15px,0); transform:translate3d(0,-15px,0)}
90%{ -webkit-transform:translate3d(0,-4px,0); transform:translate3d(0,-4px,0)}
}
@keyframes bounce{from,20%,53%,80%,to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
40%,43%{ -webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0)}
70%{ -webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06); -webkit-transform:translate3d(0,-15px,0); transform:translate3d(0,-15px,0)}
90%{ -webkit-transform:translate3d(0,-4px,0); transform:translate3d(0,-4px,0)}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}
@-webkit-keyframes flash{from,50%,to{ opacity:1}
25%,75%{ opacity:0}
}
@keyframes flash{from,50%,to{ opacity:1}
25%,75%{ opacity:0}
}
.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse{from{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)}
50%{ -webkit-transform:scale3d(1.05,1.05,1.05); transform:scale3d(1.05,1.05,1.05)}
to{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)}
}
@keyframes pulse{from{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)}
50%{ -webkit-transform:scale3d(1.05,1.05,1.05); transform:scale3d(1.05,1.05,1.05)}
to{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes rubberBand{from{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)}
30%{ -webkit-transform:scale3d(1.25,0.75,1); transform:scale3d(1.25,0.75,1)}
40%{ -webkit-transform:scale3d(0.75,1.25,1); transform:scale3d(0.75,1.25,1)}
50%{ -webkit-transform:scale3d(1.15,0.85,1); transform:scale3d(1.15,0.85,1)}
65%{ -webkit-transform:scale3d(0.95,1.05,1); transform:scale3d(0.95,1.05,1)}
75%{ -webkit-transform:scale3d(1.05,0.95,1); transform:scale3d(1.05,0.95,1)}
to{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)}
}
@keyframes rubberBand{from{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)}
30%{ -webkit-transform:scale3d(1.25,0.75,1); transform:scale3d(1.25,0.75,1)}
40%{ -webkit-transform:scale3d(0.75,1.25,1); transform:scale3d(0.75,1.25,1)}
50%{ -webkit-transform:scale3d(1.15,0.85,1); transform:scale3d(1.15,0.85,1)}
65%{ -webkit-transform:scale3d(0.95,1.05,1); transform:scale3d(0.95,1.05,1)}
75%{ -webkit-transform:scale3d(1.05,0.95,1); transform:scale3d(1.05,0.95,1)}
to{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)}
}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes shake{from,to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{ -webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{ -webkit-transform:translate3d(10px,0,0); transform:translate3d(10px,0,0)}
}
@keyframes shake{from,to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{ -webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{ -webkit-transform:translate3d(10px,0,0); transform:translate3d(10px,0,0)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes headShake{0%{ -webkit-transform:translateX(0); transform:translateX(0)}
6.5%{ -webkit-transform:translateX(-6px) rotateY(-9deg); transform:translateX(-6px) rotateY(-9deg)}
18.5%{ -webkit-transform:translateX(5px) rotateY(7deg); transform:translateX(5px) rotateY(7deg)}
31.5%{ -webkit-transform:translateX(-3px) rotateY(-5deg); transform:translateX(-3px) rotateY(-5deg)}
43.5%{ -webkit-transform:translateX(2px) rotateY(3deg); transform:translateX(2px) rotateY(3deg)}
50%{ -webkit-transform:translateX(0); transform:translateX(0)}
}
@keyframes headShake{0%{ -webkit-transform:translateX(0); transform:translateX(0)}
6.5%{ -webkit-transform:translateX(-6px) rotateY(-9deg); transform:translateX(-6px) rotateY(-9deg)}
18.5%{ -webkit-transform:translateX(5px) rotateY(7deg); transform:translateX(5px) rotateY(7deg)}
31.5%{ -webkit-transform:translateX(-3px) rotateY(-5deg); transform:translateX(-3px) rotateY(-5deg)}
43.5%{ -webkit-transform:translateX(2px) rotateY(3deg); transform:translateX(2px) rotateY(3deg)}
50%{ -webkit-transform:translateX(0); transform:translateX(0)}
}
.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}
@-webkit-keyframes swing{20%{ -webkit-transform:rotate3d(0,0,1,15deg); transform:rotate3d(0,0,1,15deg)}
40%{ -webkit-transform:rotate3d(0,0,1,-10deg); transform:rotate3d(0,0,1,-10deg)}
60%{ -webkit-transform:rotate3d(0,0,1,5deg); transform:rotate3d(0,0,1,5deg)}
80%{ -webkit-transform:rotate3d(0,0,1,-5deg); transform:rotate3d(0,0,1,-5deg)}
to{ -webkit-transform:rotate3d(0,0,1,0deg); transform:rotate3d(0,0,1,0deg)}
}
@keyframes swing{20%{ -webkit-transform:rotate3d(0,0,1,15deg); transform:rotate3d(0,0,1,15deg)}
40%{ -webkit-transform:rotate3d(0,0,1,-10deg); transform:rotate3d(0,0,1,-10deg)}
60%{ -webkit-transform:rotate3d(0,0,1,5deg); transform:rotate3d(0,0,1,5deg)}
80%{ -webkit-transform:rotate3d(0,0,1,-5deg); transform:rotate3d(0,0,1,-5deg)}
to{ -webkit-transform:rotate3d(0,0,1,0deg); transform:rotate3d(0,0,1,0deg)}
}
.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada{from{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)}
10%,20%{ -webkit-transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg); transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{ -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{ -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
to{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)}
}
@keyframes tada{from{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)}
10%,20%{ -webkit-transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg); transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{ -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg); transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{ -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg); transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
to{ -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)}
}
.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble{from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
15%{ -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{ -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{ -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{ -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{ -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
@keyframes wobble{from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
15%{ -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg); transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{ -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg); transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{ -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg); transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{ -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg); transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{ -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg); transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes jello{from,11.1%,to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
22.2%{ -webkit-transform:skewX(-12.5deg) skewY(-12.5deg); transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{ -webkit-transform:skewX(6.25deg) skewY(6.25deg); transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{ -webkit-transform:skewX(-3.125deg) skewY(-3.125deg); transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{ -webkit-transform:skewX(1.5625deg) skewY(1.5625deg); transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{ -webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg); transform:skewX(-0.78125deg) skewY(-0.78125deg)}
77.7%{ -webkit-transform:skewX(0.390625deg) skewY(0.390625deg); transform:skewX(0.390625deg) skewY(0.390625deg)}
88.8%{ -webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg); transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}
}
@keyframes jello{from,11.1%,to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
22.2%{ -webkit-transform:skewX(-12.5deg) skewY(-12.5deg); transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{ -webkit-transform:skewX(6.25deg) skewY(6.25deg); transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{ -webkit-transform:skewX(-3.125deg) skewY(-3.125deg); transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{ -webkit-transform:skewX(1.5625deg) skewY(1.5625deg); transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{ -webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg); transform:skewX(-0.78125deg) skewY(-0.78125deg)}
77.7%{ -webkit-transform:skewX(0.390625deg) skewY(0.390625deg); transform:skewX(0.390625deg) skewY(0.390625deg)}
88.8%{ -webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg); transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}
}
.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}
@-webkit-keyframes heartBeat{0%{ -webkit-transform:scale(1); transform:scale(1)}
14%{ -webkit-transform:scale(1.3); transform:scale(1.3)}
28%{ -webkit-transform:scale(1); transform:scale(1)}
42%{ -webkit-transform:scale(1.3); transform:scale(1.3)}
70%{ -webkit-transform:scale(1); transform:scale(1)}
}
@keyframes heartBeat{0%{ -webkit-transform:scale(1); transform:scale(1)}
14%{ -webkit-transform:scale(1.3); transform:scale(1.3)}
28%{ -webkit-transform:scale(1); transform:scale(1)}
42%{ -webkit-transform:scale(1.3); transform:scale(1.3)}
70%{ -webkit-transform:scale(1); transform:scale(1)}
}
.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
@-webkit-keyframes bounceIn{from,20%,40%,60%,80%,to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{ opacity:0; -webkit-transform:scale3d(0.3,0.3,0.3); transform:scale3d(0.3,0.3,0.3)}
20%{ -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1)}
40%{ -webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9)}
60%{ opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03)}
80%{ -webkit-transform:scale3d(0.97,0.97,0.97); transform:scale3d(0.97,0.97,0.97)}
to{ opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)}
}
@keyframes bounceIn{from,20%,40%,60%,80%,to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{ opacity:0; -webkit-transform:scale3d(0.3,0.3,0.3); transform:scale3d(0.3,0.3,0.3)}
20%{ -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1)}
40%{ -webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9)}
60%{ opacity:1; -webkit-transform:scale3d(1.03,1.03,1.03); transform:scale3d(1.03,1.03,1.03)}
80%{ -webkit-transform:scale3d(0.97,0.97,0.97); transform:scale3d(0.97,0.97,0.97)}
to{ opacity:1; -webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)}
}
.bounceIn{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{ opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0)}
60%{ opacity:1; -webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0)}
75%{ -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0)}
90%{ -webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0)}
to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
@keyframes bounceInDown{from,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{ opacity:0; -webkit-transform:translate3d(0,-3000px,0); transform:translate3d(0,-3000px,0)}
60%{ opacity:1; -webkit-transform:translate3d(0,25px,0); transform:translate3d(0,25px,0)}
75%{ -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0)}
90%{ -webkit-transform:translate3d(0,5px,0); transform:translate3d(0,5px,0)}
to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft{from,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{ opacity:0; -webkit-transform:translate3d(-3000px,0,0); transform:translate3d(-3000px,0,0)}
60%{ opacity:1; -webkit-transform:translate3d(25px,0,0); transform:translate3d(25px,0,0)}
75%{ -webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,0,0)}
90%{ -webkit-transform:translate3d(5px,0,0); transform:translate3d(5px,0,0)}
to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
@keyframes bounceInLeft{from,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{ opacity:0; -webkit-transform:translate3d(-3000px,0,0); transform:translate3d(-3000px,0,0)}
60%{ opacity:1; -webkit-transform:translate3d(25px,0,0); transform:translate3d(25px,0,0)}
75%{ -webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,0,0)}
90%{ -webkit-transform:translate3d(5px,0,0); transform:translate3d(5px,0,0)}
to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{from,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
from{ opacity:0; -webkit-transform:translate3d(3000px,0,0); transform:translate3d(3000px,0,0)}
60%{ opacity:1; -webkit-transform:translate3d(-25px,0,0); transform:translate3d(-25px,0,0)}
75%{ -webkit-transform:translate3d(10px,0,0); transform:translate3d(10px,0,0)}
90%{ -webkit-transform:translate3d(-5px,0,0); transform:translate3d(-5px,0,0)}
to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
@keyframes bounceInRight{from,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
from{ opacity:0; -webkit-transform:translate3d(3000px,0,0); transform:translate3d(3000px,0,0)}
60%{ opacity:1; -webkit-transform:translate3d(-25px,0,0); transform:translate3d(-25px,0,0)}
75%{ -webkit-transform:translate3d(10px,0,0); transform:translate3d(10px,0,0)}
90%{ -webkit-transform:translate3d(-5px,0,0); transform:translate3d(-5px,0,0)}
to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp{from,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
from{ opacity:0; -webkit-transform:translate3d(0,3000px,0); transform:translate3d(0,3000px,0)}
60%{ opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0)}
75%{ -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0)}
90%{ -webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0)}
to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
@keyframes bounceInUp{from,60%,75%,90%,to{ -webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1); animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
from{ opacity:0; -webkit-transform:translate3d(0,3000px,0); transform:translate3d(0,3000px,0)}
60%{ opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0)}
75%{ -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0)}
90%{ -webkit-transform:translate3d(0,-5px,0); transform:translate3d(0,-5px,0)}
to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut{20%{ -webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9)}
50%,55%{ opacity:1; -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1)}
to{ opacity:0; -webkit-transform:scale3d(0.3,0.3,0.3); transform:scale3d(0.3,0.3,0.3)}
}
@keyframes bounceOut{20%{ -webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9)}
50%,55%{ opacity:1; -webkit-transform:scale3d(1.1,1.1,1.1); transform:scale3d(1.1,1.1,1.1)}
to{ opacity:0; -webkit-transform:scale3d(0.3,0.3,0.3); transform:scale3d(0.3,0.3,0.3)}
}
.bounceOut{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutDown{20%{ -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0)}
40%,45%{ opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0)}
to{ opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0)}
}
@keyframes bounceOutDown{20%{ -webkit-transform:translate3d(0,10px,0); transform:translate3d(0,10px,0)}
40%,45%{ opacity:1; -webkit-transform:translate3d(0,-20px,0); transform:translate3d(0,-20px,0)}
to{ opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0)}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft{20%{ opacity:1; -webkit-transform:translate3d(20px,0,0); transform:translate3d(20px,0,0)}
to{ opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0)}
}
@keyframes bounceOutLeft{20%{ opacity:1; -webkit-transform:translate3d(20px,0,0); transform:translate3d(20px,0,0)}
to{ opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0)}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight{20%{ opacity:1; -webkit-transform:translate3d(-20px,0,0); transform:translate3d(-20px,0,0)}
to{ opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0)}
}
@keyframes bounceOutRight{20%{ opacity:1; -webkit-transform:translate3d(-20px,0,0); transform:translate3d(-20px,0,0)}
to{ opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0)}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp{20%{ -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0)}
40%,45%{ opacity:1; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0)}
to{ opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0)}
}
@keyframes bounceOutUp{20%{ -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0)}
40%,45%{ opacity:1; -webkit-transform:translate3d(0,20px,0); transform:translate3d(0,20px,0)}
to{ opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0)}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes fadeIn{from{ opacity:0}
to{ opacity:1}
}
@keyframes fadeIn{from{ opacity:0}
to{ opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{from{ opacity:0; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0)}
to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
@keyframes fadeInDown{from{ opacity:0; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0)}
to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{from{ opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0)}
to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
@keyframes fadeInDownBig{from{ opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0)}
to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft{from{ opacity:0; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0)}
to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
@keyframes fadeInLeft{from{ opacity:0; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0)}
to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{from{ opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0)}
to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
@keyframes fadeInLeftBig{from{ opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0)}
to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight{from{ opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0)}
to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
@keyframes fadeInRight{from{ opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0)}
to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{from{ opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0)}
to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
@keyframes fadeInRightBig{from{ opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0)}
to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{from{ opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0)}
to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
@keyframes fadeInUp{from{ opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0)}
to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{from{ opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0)}
to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
@keyframes fadeInUpBig{from{ opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0)}
to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut{from{ opacity:1}
to{ opacity:0}
}
@keyframes fadeOut{from{ opacity:1}
to{ opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown{from{ opacity:1}
to{ opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0)}
}
@keyframes fadeOutDown{from{ opacity:1}
to{ opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig{from{ opacity:1}
to{ opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0)}
}
@keyframes fadeOutDownBig{from{ opacity:1}
to{ opacity:0; -webkit-transform:translate3d(0,2000px,0); transform:translate3d(0,2000px,0)}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft{from{ opacity:1}
to{ opacity:0; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0)}
}
@keyframes fadeOutLeft{from{ opacity:1}
to{ opacity:0; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig{from{ opacity:1}
to{ opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0)}
}
@keyframes fadeOutLeftBig{from{ opacity:1}
to{ opacity:0; -webkit-transform:translate3d(-2000px,0,0); transform:translate3d(-2000px,0,0)}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight{from{ opacity:1}
to{ opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0)}
}
@keyframes fadeOutRight{from{ opacity:1}
to{ opacity:0; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig{from{ opacity:1}
to{ opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0)}
}
@keyframes fadeOutRightBig{from{ opacity:1}
to{ opacity:0; -webkit-transform:translate3d(2000px,0,0); transform:translate3d(2000px,0,0)}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp{from{ opacity:1}
to{ opacity:0; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0)}
}
@keyframes fadeOutUp{from{ opacity:1}
to{ opacity:0; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0)}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig{from{ opacity:1}
to{ opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0)}
}
@keyframes fadeOutUpBig{from{ opacity:1}
to{ opacity:0; -webkit-transform:translate3d(0,-2000px,0); transform:translate3d(0,-2000px,0)}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes flip{from{ -webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0)   rotate3d(0,1,0,-360deg); transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out}
40%{ -webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px)   rotate3d(0,1,0,-190deg); transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px)   rotate3d(0,1,0,-190deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out}
50%{ -webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px)   rotate3d(0,1,0,-170deg); transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px)   rotate3d(0,1,0,-170deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in}
80%{ -webkit-transform:perspective(400px) scale3d(0.95,0.95,0.95) translate3d(0,0,0)   rotate3d(0,1,0,0deg); transform:perspective(400px) scale3d(0.95,0.95,0.95) translate3d(0,0,0)   rotate3d(0,1,0,0deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in}
to{ -webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0)   rotate3d(0,1,0,0deg); transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in}
}
@keyframes flip{from{ -webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0)   rotate3d(0,1,0,-360deg); transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out}
40%{ -webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px)   rotate3d(0,1,0,-190deg); transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px)   rotate3d(0,1,0,-190deg); -webkit-animation-timing-function:ease-out; animation-timing-function:ease-out}
50%{ -webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px)   rotate3d(0,1,0,-170deg); transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px)   rotate3d(0,1,0,-170deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in}
80%{ -webkit-transform:perspective(400px) scale3d(0.95,0.95,0.95) translate3d(0,0,0)   rotate3d(0,1,0,0deg); transform:perspective(400px) scale3d(0.95,0.95,0.95) translate3d(0,0,0)   rotate3d(0,1,0,0deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in}
to{ -webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0)   rotate3d(0,1,0,0deg); transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in}
}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX{from{ -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg); transform:perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity:0}
40%{ -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg); transform:perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in}
60%{ -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg); transform:perspective(400px) rotate3d(1,0,0,10deg); opacity:1}
80%{ -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg); transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{ -webkit-transform:perspective(400px); transform:perspective(400px)}
}
@keyframes flipInX{from{ -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg); transform:perspective(400px) rotate3d(1,0,0,90deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity:0}
40%{ -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg); transform:perspective(400px) rotate3d(1,0,0,-20deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in}
60%{ -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg); transform:perspective(400px) rotate3d(1,0,0,10deg); opacity:1}
80%{ -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg); transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{ -webkit-transform:perspective(400px); transform:perspective(400px)}
}
.flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipInY{from{ -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg); transform:perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity:0}
40%{ -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg); transform:perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in}
60%{ -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg); transform:perspective(400px) rotate3d(0,1,0,10deg); opacity:1}
80%{ -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg); transform:perspective(400px) rotate3d(0,1,0,-5deg)}
to{ -webkit-transform:perspective(400px); transform:perspective(400px)}
}
@keyframes flipInY{from{ -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg); transform:perspective(400px) rotate3d(0,1,0,90deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in; opacity:0}
40%{ -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg); transform:perspective(400px) rotate3d(0,1,0,-20deg); -webkit-animation-timing-function:ease-in; animation-timing-function:ease-in}
60%{ -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg); transform:perspective(400px) rotate3d(0,1,0,10deg); opacity:1}
80%{ -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg); transform:perspective(400px) rotate3d(0,1,0,-5deg)}
to{ -webkit-transform:perspective(400px); transform:perspective(400px)}
}
.flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutX{from{ -webkit-transform:perspective(400px); transform:perspective(400px)}
30%{ -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg); transform:perspective(400px) rotate3d(1,0,0,-20deg); opacity:1}
to{ -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg); transform:perspective(400px) rotate3d(1,0,0,90deg); opacity:0}
}
@keyframes flipOutX{from{ -webkit-transform:perspective(400px); transform:perspective(400px)}
30%{ -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg); transform:perspective(400px) rotate3d(1,0,0,-20deg); opacity:1}
to{ -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg); transform:perspective(400px) rotate3d(1,0,0,90deg); opacity:0}
}
.flipOutX{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible !important;backface-visibility:visible !important}
@-webkit-keyframes flipOutY{from{ -webkit-transform:perspective(400px); transform:perspective(400px)}
30%{ -webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg); transform:perspective(400px) rotate3d(0,1,0,-15deg); opacity:1}
to{ -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg); transform:perspective(400px) rotate3d(0,1,0,90deg); opacity:0}
}
@keyframes flipOutY{from{ -webkit-transform:perspective(400px); transform:perspective(400px)}
30%{ -webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg); transform:perspective(400px) rotate3d(0,1,0,-15deg); opacity:1}
to{ -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg); transform:perspective(400px) rotate3d(0,1,0,90deg); opacity:0}
}
.flipOutY{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY}
@-webkit-keyframes lightSpeedIn{from{ -webkit-transform:translate3d(100%,0,0) skewX(-30deg); transform:translate3d(100%,0,0) skewX(-30deg); opacity:0}
60%{ -webkit-transform:skewX(20deg); transform:skewX(20deg); opacity:1}
80%{ -webkit-transform:skewX(-5deg); transform:skewX(-5deg)}
to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
@keyframes lightSpeedIn{from{ -webkit-transform:translate3d(100%,0,0) skewX(-30deg); transform:translate3d(100%,0,0) skewX(-30deg); opacity:0}
60%{ -webkit-transform:skewX(20deg); transform:skewX(20deg); opacity:1}
80%{ -webkit-transform:skewX(-5deg); transform:skewX(-5deg)}
to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut{from{ opacity:1}
to{ -webkit-transform:translate3d(100%,0,0) skewX(30deg); transform:translate3d(100%,0,0) skewX(30deg); opacity:0}
}
@keyframes lightSpeedOut{from{ opacity:1}
to{ -webkit-transform:translate3d(100%,0,0) skewX(30deg); transform:translate3d(100%,0,0) skewX(30deg); opacity:0}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn{from{ -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0}
to{ -webkit-transform-origin:center; transform-origin:center; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1}
}
@keyframes rotateIn{from{ -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,-200deg); transform:rotate3d(0,0,1,-200deg); opacity:0}
to{ -webkit-transform-origin:center; transform-origin:center; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes rotateInDownLeft{from{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0}
to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1}
}
@keyframes rotateInDownLeft{from{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0}
to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight{from{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0}
to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1}
}
@keyframes rotateInDownRight{from{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0}
to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft{from{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0}
to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1}
}
@keyframes rotateInUpLeft{from{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0}
to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight{from{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,-90deg); transform:rotate3d(0,0,1,-90deg); opacity:0}
to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1}
}
@keyframes rotateInUpRight{from{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,-90deg); transform:rotate3d(0,0,1,-90deg); opacity:0}
to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:1}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut{from{ -webkit-transform-origin:center; transform-origin:center; opacity:1}
to{ -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0}
}
@keyframes rotateOut{from{ -webkit-transform-origin:center; transform-origin:center; opacity:1}
to{ -webkit-transform-origin:center; transform-origin:center; -webkit-transform:rotate3d(0,0,1,200deg); transform:rotate3d(0,0,1,200deg); opacity:0}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft{from{ -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1}
to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0}
}
@keyframes rotateOutDownLeft{from{ -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1}
to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); opacity:0}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight{from{ -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1}
to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0}
}
@keyframes rotateOutDownRight{from{ -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1}
to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft{from{ -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1}
to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0}
}
@keyframes rotateOutUpLeft{from{ -webkit-transform-origin:left bottom; transform-origin:left bottom; opacity:1}
to{ -webkit-transform-origin:left bottom; transform-origin:left bottom; -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); opacity:0}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight{from{ -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1}
to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,90deg); transform:rotate3d(0,0,1,90deg); opacity:0}
}
@keyframes rotateOutUpRight{from{ -webkit-transform-origin:right bottom; transform-origin:right bottom; opacity:1}
to{ -webkit-transform-origin:right bottom; transform-origin:right bottom; -webkit-transform:rotate3d(0,0,1,90deg); transform:rotate3d(0,0,1,90deg); opacity:0}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes hinge{0%{ -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out}
20%,60%{ -webkit-transform:rotate3d(0,0,1,80deg); transform:rotate3d(0,0,1,80deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out}
40%,80%{ -webkit-transform:rotate3d(0,0,1,60deg); transform:rotate3d(0,0,1,60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1}
to{ -webkit-transform:translate3d(0,700px,0); transform:translate3d(0,700px,0); opacity:0}
}
@keyframes hinge{0%{ -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out}
20%,60%{ -webkit-transform:rotate3d(0,0,1,80deg); transform:rotate3d(0,0,1,80deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out}
40%,80%{ -webkit-transform:rotate3d(0,0,1,60deg); transform:rotate3d(0,0,1,60deg); -webkit-transform-origin:top left; transform-origin:top left; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out; opacity:1}
to{ -webkit-transform:translate3d(0,700px,0); transform:translate3d(0,700px,0); opacity:0}
}
.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes jackInTheBox{from{ opacity:0; -webkit-transform:scale(0.1) rotate(30deg); transform:scale(0.1) rotate(30deg); -webkit-transform-origin:center bottom; transform-origin:center bottom}
50%{ -webkit-transform:rotate(-10deg); transform:rotate(-10deg)}
70%{ -webkit-transform:rotate(3deg); transform:rotate(3deg)}
to{ opacity:1; -webkit-transform:scale(1); transform:scale(1)}
}
@keyframes jackInTheBox{from{ opacity:0; -webkit-transform:scale(0.1) rotate(30deg); transform:scale(0.1) rotate(30deg); -webkit-transform-origin:center bottom; transform-origin:center bottom}
50%{ -webkit-transform:rotate(-10deg); transform:rotate(-10deg)}
70%{ -webkit-transform:rotate(3deg); transform:rotate(3deg)}
to{ opacity:1; -webkit-transform:scale(1); transform:scale(1)}
}
.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}
@-webkit-keyframes rollIn{from{ opacity:0; -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
@keyframes rollIn{from{ opacity:0; -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg); transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut{from{ opacity:1}
to{ opacity:0; -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
@keyframes rollOut{from{ opacity:1}
to{ opacity:0; -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg); transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
@-webkit-keyframes zoomIn{from{ opacity:0; -webkit-transform:scale3d(0.3,0.3,0.3); transform:scale3d(0.3,0.3,0.3)}
50%{ opacity:1}
}
@keyframes zoomIn{from{ opacity:0; -webkit-transform:scale3d(0.3,0.3,0.3); transform:scale3d(0.3,0.3,0.3)}
50%{ opacity:1}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomInDown{from{ opacity:0; -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
@keyframes zoomInDown{from{ opacity:0; -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0); -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes zoomInLeft{from{ opacity:0; -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0); transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0); -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
@keyframes zoomInLeft{from{ opacity:0; -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0); -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0); transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0); -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}
@-webkit-keyframes zoomInRight{from{ opacity:0; -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
@keyframes zoomInRight{from{ opacity:0; -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0); -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0); -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}
@-webkit-keyframes zoomInUp{from{ opacity:0; -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
@keyframes zoomInUp{from{ opacity:0; -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0); -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}
@-webkit-keyframes zoomOut{from{ opacity:1}
50%{ opacity:0; -webkit-transform:scale3d(0.3,0.3,0.3); transform:scale3d(0.3,0.3,0.3)}
to{ opacity:0}
}
@keyframes zoomOut{from{ opacity:1}
50%{ opacity:0; -webkit-transform:scale3d(0.3,0.3,0.3); transform:scale3d(0.3,0.3,0.3)}
to{ opacity:0}
}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
@-webkit-keyframes zoomOutDown{40%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
to{ opacity:0; -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
@keyframes zoomOutDown{40%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0); -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
to{ opacity:0; -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}
@-webkit-keyframes zoomOutLeft{40%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0); transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0)}
to{ opacity:0; -webkit-transform:scale(0.1) translate3d(-2000px,0,0); transform:scale(0.1) translate3d(-2000px,0,0); -webkit-transform-origin:left center; transform-origin:left center}
}
@keyframes zoomOutLeft{40%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0); transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0)}
to{ opacity:0; -webkit-transform:scale(0.1) translate3d(-2000px,0,0); transform:scale(0.1) translate3d(-2000px,0,0); -webkit-transform-origin:left center; transform-origin:left center}
}
.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}
@-webkit-keyframes zoomOutRight{40%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0); transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0)}
to{ opacity:0; -webkit-transform:scale(0.1) translate3d(2000px,0,0); transform:scale(0.1) translate3d(2000px,0,0); -webkit-transform-origin:right center; transform-origin:right center}
}
@keyframes zoomOutRight{40%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0); transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0)}
to{ opacity:0; -webkit-transform:scale(0.1) translate3d(2000px,0,0); transform:scale(0.1) translate3d(2000px,0,0); -webkit-transform-origin:right center; transform-origin:right center}
}
.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}
@-webkit-keyframes zoomOutUp{40%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
to{ opacity:0; -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
@keyframes zoomOutUp{40%{ opacity:1; -webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0); transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0); -webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19); animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
to{ opacity:0; -webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0); -webkit-transform-origin:center bottom; transform-origin:center bottom; -webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1); animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
@-webkit-keyframes slideInDown{from{ -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); visibility:visible}
to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
@keyframes slideInDown{from{ -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); visibility:visible}
to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft{from{ -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible}
to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
@keyframes slideInLeft{from{ -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0); visibility:visible}
to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight{from{ -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); visibility:visible}
to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
@keyframes slideInRight{from{ -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0); visibility:visible}
to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideInUp{from{ -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); visibility:visible}
to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
@keyframes slideInUp{from{ -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0); visibility:visible}
to{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideOutDown{from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
to{ visibility:hidden; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0)}
}
@keyframes slideOutDown{from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
to{ visibility:hidden; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0)}
}
.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}
@-webkit-keyframes slideOutLeft{from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
to{ visibility:hidden; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0)}
}
@keyframes slideOutLeft{from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
to{ visibility:hidden; -webkit-transform:translate3d(-100%,0,0); transform:translate3d(-100%,0,0)}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight{from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
to{ visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0)}
}
@keyframes slideOutRight{from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
to{ visibility:hidden; -webkit-transform:translate3d(100%,0,0); transform:translate3d(100%,0,0)}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp{from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
to{ visibility:hidden; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0)}
}
@keyframes slideOutUp{from{ -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
to{ visibility:hidden; -webkit-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0)}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}
.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}
.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}
.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}
.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}
.animated.fast{-webkit-animation-duration:800ms;animation-duration:800ms}
.animated.faster{-webkit-animation-duration:500ms;animation-duration:500ms}
.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}
.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}
@media (prefers-reduced-motion){.animated{ -webkit-animation:unset !important; animation:unset !important; -webkit-transition:none !important; transition:none !important}
}
:root{--base-color:#1e74af}
body{font-family:"Microsoft Yahei","PingFangSC",sans-serif;overflow-x:unset;user-select:none;color:#333}
.mzbox{max-width:1600px;width:100%;margin:auto}
.row::after,.container-fluid::after{display:none}
.img-fluid{max-width:100%;height:auto;margin:auto}
.img-cover{width:100%;height:100%;display:block;object-fit:cover}
.img-contain{width:100%;height:100%;display:block;object-fit:contain}
p,ul,label,dl,dt,dd,h1,h2,h3,h4,h5,.met-editor p{margin:0;padding:0;font-size:unset}
ul,li{list-style:none;padding:0}
.cover{overflow:unset}
.button-disabled{opacity:.5;cursor:unset}
::-webkit-scrollbar{width:6px;height:5px}
::-webkit-scrollbar-thumb{border-radius:9px;background:var(--base-color)}
::-webkit-scrollbar-track{border-radius:9px;background:#f5f5f5}
.ext{display:flex;align-items:center;margin-top:40px}
.more-link{margin-left:40px}
.more-link a{display:flex;position:relative;align-items:center;width:fit-content}
.more-link-text{font-size:16px;padding:19px 65px;border-bottom:1px solid #aaa;color:#333}
.more-link-ico{width:80px;height:80px;background-color:var(--base-color);color:#fff;border-radius:50%;position:absolute;right:-64px;display:flex;align-items:center;justify-content:center}
.more-link a .more-link-ico img{transition:all .3s}
.more-link a:hover .more-link-ico img{transform:rotate(45deg)}
.ext-points{display:flex;align-items:center;justify-content:flex-start;margin-top:19px}
.ext-points>div{width:6px;height:6px;border-radius:50%;background-color:var(--base-color);opacity:.4}
.ext-points>div:first-of-type{opacity:1}
.ext-points>div+div{margin-left:9px}

.met-head{position:fixed;z-index:19;width:100%;background-color:transparent;transform-origin:top;transform:rotateX(0deg);transition:all .3s}
.met-head .mzbox{display:flex;justify-content:space-between;align-items:center}
.met-head .logo h1{margin:0;font-size:0}
.met-head .logo img{filter:brightness(0) invert(1)}

.met-head .met-nav{display:flex;justify-content:flex-end;align-items:center;position:relative}
.met-head .nav-item{position:relative}
.met-head .nav-item + .nav-item{margin-left:80px}
.met-head .nav-item:hover>a{color:var(--base-color)}
.met-head .nav-item>a{height:100px;color:#fff;font-size:18px;position:relative;display:flex;align-items:center;justify-content:center}
.met-head .nav-item.active>a:after{content:url("../images/top-nav-active.png");position:absolute;bottom:13px;left:-3px;right:0;margin:auto;transition:all .3s;text-align:center}
.met-head .nav-item.search img{filter:brightness(0) invert(1)}
.met-head .sub{position:absolute;background:#fff;width:max-content;transform:translateX(-50%);transition:all 0.3s;text-align:center;left:50%;border-radius:12px;top:113px;box-shadow:0 0 5px #dcdcdc;padding:9px 29px;opacity:0;z-index:-1;visibility:hidden}
.met-head .sub::before{content:"";width:0px;height:0px;border:10px solid transparent;border-bottom-color:#fff;top:-20px;position:absolute;left:50%;transform:translateX(-50%)}
.met-head .nav-item:not(.icons):hover .sub{opacity:1;visibility:visible;top:100px}
.met-head .sub a{display:block;padding:11px;color:#333;font-size:16px}
.met-head .sub a + a{border-top:1px solid #eaeaea}
.met-head .sub a:hover{color:var(--base-color)}
.met-head .icons{display:flex;align-items:center;justify-content:space-between}
.met-head .icons-line{background:rgba(255,255,255,.2);width:1px;height:30px}
.met-head .icons>dl>dt>i>img{filter:brightness(0) invert(1)}
.met-head .nav-item dt{font-weight:normal;display:flex;align-items:center;height:100px;color:#fff;cursor:pointer;position:relative;z-index:2}
.met-head .nav-item dt span{padding-left:19px;padding-right:9px;font-size:16px}
.met-head .language{position:relative}
.met-head .nav-item dd{position:absolute;background:#fff;width:150%;transform:translateY(-100%);opacity:0;z-index:-1}
.met-head .nav-item dd a{display:block;padding:9px 19px;color:#333}
.met-head .nav-item dd a+a{border-top:1px solid #ccc}
.met-head.inner-head .icons>dl>dt>i>img,.met-head.down .icons>dl>dt>i>img{filter:brightness(0) invert(0.3)}

.met-head.down,.met-head.inner-head{background-color:#fff;box-shadow:0px 1px 5px #a5a5a5}
.met-head.down .logo img,.met-head.inner-head .logo img,.met-head.inner-head .nav-item.search img,.met-head.down .nav-item.search img{filter:brightness(1) invert(0)}
.met-head.down .nav-item span,.met-head.down .nav-item a,.met-head.down .nav-item i,.met-head.inner-head .nav-item span,.met-head.inner-head .nav-item a,.met-head.inner-head .nav-item i{color:#333}
.met-head.down .mzbox,.met-head.inner-head .mzbox{border-bottom:none}
.menu-line{display:none}
.menu-btn{margin-left:29px;display:none}
.menu-btn span{display:block;width:19px;height:2px;position:relative;background-color:#fff;float:right;transition:all .3s}
.menu-btn span::before,.menu-btn span::after{content:"";display:block;position:absolute;width:28px;height:2px;right:0;background-color:#fff;transition:all .3s}
.menu-btn span::before{top:-8px;animation:navchange1 1s linear infinite}
.menu-btn span::after{bottom:-8px;animation:navchange2 1s linear infinite}
.met-head.down .menu-btn span,.met-head.inner-head .menu-btn span,.met-head.inner-head .menu-btn span::before,.met-head.down .menu-btn span::before,.met-head.inner-head .menu-btn span::after,.met-head.down .menu-btn span::after{background-color:#333}
.met-head .menu-btn.open span::before{animation:none;transform:rotate(-45deg);top:0}
.met-head .menu-btn.open span::after{animation:none;transform:rotate(45deg);bottom:0}
.met-head .menu-btn.open span{background-color:transparent}
.full-menu{padding:110px 29px;background-color:#fff;position:fixed;top:0;left:-100%;width:50%;height:100%;z-index:18}
.full-menu.open{left:0}
.full-menu .f1{color:#333;font-size:17px;font-weight:bold}
.full-menu .f2{font-size:15px;font-weight:normal;color:#333;display:inline-block;padding:5px}
.full-menu>div,.full-menu dt{border-bottom:1px solid #ccc;padding:11px 0}
.banner{position:relative}
.banner,.banner img{max-height:1600px}
.banner .swiper-slide{position:relative}
.banner .swiper-slide .mzbox{position:absolute;height:fit-content;top:0;bottom:0;left:0;right:0;margin:auto}
.banner .banner-title{font-size:60px;color:#fff;line-height:1.2;margin-top:20px}
.banner .banner-entitle{font-family:"Arial";font-size:22px;color:#fff}
.banner .banner-link{background-color:var(--base-color);color:#fff;font-size:18px;padding:20px 80px;border-radius:50px;margin-top:50px;display:inline-block}
.banner-bottom{height:100px;position:absolute;bottom:0;width:100%;z-index:1}
.banner-bottom .mzbox{border-top:1px solid rgba(255,255,255,.2);display:flex;align-items:center;height:100%;justify-content:space-between}
.s1-pagination{display:flex}
.s1-pagination .s1-page{width:32px;height:32px;position:relative;cursor:pointer;border-radius:50%}
.s1-pagination .s1-page + .s1-page{margin-left:8px}
.s1-pagination .s1-page::after{content:"";width:10px;height:10px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;z-index:1;border-radius:50%;background-color:#fff}
.s1-pagination .s1-page>div{width:50%;height:100%;position:absolute;top:0;overflow:hidden}
.s1-pagination .s1-page .left-circle{left:0}
.s1-pagination .s1-page .right-circle{right:0}
.s1-pagination .s1-page .left-circle::before,.s1-pagination .s1-page .right-circle::after{content:"";width:200%;height:100%;border-radius:100%;position:absolute;top:0;border:1px solid transparent;transform:rotate(-135deg)}
.s1-pagination .s1-page .left-circle::before{left:0;border-bottom-color:#fff;border-left-color:#fff}
.s1-pagination .s1-page .right-circle::after{right:0;border-top-color:#fff;border-right-color:#fff}
.s1-pagination .s1-page-curr .left-circle::before{animation:circle__left 4s linear infinite}
.s1-pagination .s1-page-curr .right-circle::after{animation:circle__right 4s linear infinite}
.s1-pagination .s1-page.s1-page-curr::after{clip-path:polygon(0 0,0% 100%,100% 50%);border-radius:0}
.banner-bottom-right{color:#fff}
.banner-bottom-right>div{display:flex;align-items:baseline;justify-content:flex-end}
.banner-arrow-line{height:20px;background-color:#fff;width:2px;margin:0 40px}
.banner-bottom-right .swiper-button-disabled{opacity:.5;cursor:unset}
@keyframes circle__right{ 50%{transform:rotate(45deg)}
 100%{transform:rotate(45deg)}
}
@keyframes circle__left{ 50%{transform:rotate(-135deg)}
 100%{transform:rotate(45deg)}
}
.met-index-about{background-image:url("../images/index-aboutbg.jpg");background-repeat:repeat-x;padding-top:110px;padding-bottom:110px;background-position:center}
.met-index-about .mzbox{display:flex;align-items:center;justify-content:space-between}
.met-index-about .mzbox>div{width:50%}
.index-about-left h4{font-size:48px;line-height:1}
.index-about-left .index-about-content{font-size:16px;line-height:1.5;margin-top:55px;opacity:.8}
.index-about-right{padding:0 85px}
.index-about-right img{background-image:url("../images/gywm.jpg");background-size:cover;background-attachment:fixed}
.met-index-product{background-image:url("../images/1691141267.jpg");background-size:cover;background-position:center;color:#fff;padding-top:130px;padding-bottom:130px}
.met-index-product .mzbox{display:flex;align-items:center;justify-content:space-between}
.met-index-product .index-product-left{width:28.125%}
.met-index-product .index-product-center{width:34.375%;position:relative;--size:506px;height:var(--size);display:flex;justify-content:center;align-items:center}
.met-index-product .index-product-right{width:21.875%}
.index-product-left .swiper{padding-bottom:9px}
.index-product-left h5{color:#fff;font-size:36px}
.index-product-left .index-product-content{line-height:2;opacity:.8;margin-top:41px;word-break:break-all;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.index-product-left .index-product-content,.index-product-left .index-product-content p,.index-product-left .index-product-content p span{font-size:18px!important}
.index-product-left .ext-points>div{background-color:#fff}
.index-product-left .more-link-text{color:#fff}
.met-index-product .index-product-center .swiper-slide{display:flex;align-items:center;justify-content:center;height:310px}
.met-index-product .index-product-center .swiper-buttons{z-index:2}
.met-index-product .index-product-center .swiper-buttons .circle-img{position:absolute;left:0;right:0;top:0;bottom:0;width:fit-content;height:fit-content;animation:circle_round 25s linear infinite;margin:auto}
.met-index-product .index-product-center .swiper-buttons .circle-points{position:absolute;width:var(--size);height:var(--size);border-radius:50%;left:0;right:0;top:0;bottom:0;margin:auto;transform:rotate(-90deg);z-index:9}
.met-index-product .index-product-center .swiper-buttons .swiper-point{width:10px;height:10px;background-color:#fff;border-radius:50%;position:absolute;z-index:10;cursor:pointer}
.met-index-product .index-product-center .swiper-buttons .back{position:absolute;width:var(--size);height:var(--size);border:2px solid rgba(255,255,255,.2);border-radius:50%;left:0;right:0;top:0;bottom:0;margin:auto}
.met-index-product .index-product-center .swiper-buttons .back .circle{top:-2px;width:calc( var(--size) / 2 );height:var(--size);overflow:hidden;position:absolute}
.met-index-product .index-product-center .swiper-buttons .back .circle .inner{width:var(--size);height:var(--size);border-radius:50%;border:2px solid transparent;border-bottom-color:#fff;border-right-color:#fff;transform:rotate(-45deg);transition:all .1s}
.met-index-product .index-product-center .swiper-buttons .back .circle-right{left:-2px;transform:rotate(180deg);transform-origin:100% 50%}
.index-product-right .swiper{height:320px}
.index-product-right .swiper .swiper-slide{font-size:20px;display:flex;align-items:center;justify-content:flex-end;opacity:.5;cursor:pointer}
.index-product-right .swiper .swiper-slide p{position:relative}
.index-product-right .swiper .swiper-slide p::before{content:"";width:0px;height:2px;background-color:#fff;right:108%;position:absolute;top:50%;transform:translateY(-50%);transition:width .3s}
.index-product-right .swiper .swiper-slide.active{opacity:1}
.index-product-right .swiper .swiper-slide.active p::before{width:32px}
@keyframes circle_round{ 0%{transform:rotate(0deg)}
 100%{transform:rotate(360deg)}
}
.index-news-title{display:flex;align-items:center;justify-content:space-between;position:relative;padding-top:60px;padding-bottom:60px;border-bottom:1px solid #d4d4d4;margin-bottom:70px}
.index-news-title .news-entitle{text-transform:uppercase;font-size:90px;font-weight:bold;color:rgba(0,0,0,.08);line-height:1}
.index-news-title .news-cntitle{font-size:48px;line-height:1;position:absolute;top:0;bottom:0;margin:auto;height:fit-content}
.index-news-title .news-nav{display:flex;align-items:center;justify-content:flex-end}
.index-news-title .news-nav div{padding:20px 80px;font-size:18px;background-color:#e5e5e5;border-radius:50px;line-height:1;cursor:pointer}
.index-news-title .news-nav div.active{background-color:var(--base-color);color:#fff}
.index-news-title .news-nav div+div{margin-left:30px}
.index-news-list .index-news-img{height:315px;overflow:hidden}
.index-news-img img{transition:all .3s}
.index-news-list .index-news-content{background-color:#fafafa;padding:40px 33px}
.index-news-list .index-news-content-title{min-height:60px;word-break:break-all;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:24px;line-height:1.5;margin-bottom:33px}
.index-news-list .index-news-date{font-size:18px;color:#a2a4aa}
.index-news-list .swiper{display:none}
.index-news-list .swiper.active{display:block}
.index-news-list .swiper-slide a:hover .index-news-img img{transform:scale(1.03)}
.index-news-list .swiper-slide a:hover .index-news-content-title{color:var(--base-color)}
.met-index-service{margin-top:70px;position:relative}
.met-index-server,.met-index-server .index-service-bg .swiper-slide{height:500px}
.index-service-content{position:absolute;height:fit-content;top:0;bottom:0;left:0;right:0;margin:auto;z-index:1}
.index-service-content h4{font-size:48px;color:#fff;text-align:center;margin-bottom:45px}
.index-service-content .met-editor{font-size:18px;text-align:center;line-height:1.7;color:#fff}
.index-service-list{display:flex;align-items:center;justify-content:center;margin-top:65px}
.index-service-list>div{padding:20px 80px;line-height:1;font-size:18px;background-color:rgba(255,255,255,.2);border-radius:50px;color:#fff;cursor:pointer}
.index-service-list>div+div{margin-left:30px}
.index-service-list>div.active{background-color:var(--base-color)}
.foot{background-image:url(/);background-size:cover;background-repeat:top center}
.foot .mzbox:first-of-type{padding-top:50px;padding-bottom:50px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}
.foot .mzbox:first-of-type .qrcode-box{display:flex;align-items:center;justify-content:flex-end}
.foot .mzbox:first-of-type .qrcode-box>div{width:118px;height:118px;border:1px solid #fff;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}
.foot .mzbox:first-of-type .qrcode-box>div+div{border-left:0}
.foot .mzbox:nth-of-type(2){display:flex;justify-content:space-between;padding-top:65px;padding-bottom:65px;border-bottom:1px solid rgba(255,255,255,.1)}
.foot .mzbox:nth-of-type(2) .foot-nav{width:65%;display:flex;justify-content:space-between;color:#fff}
.foot .mzbox:nth-of-type(2) .foot-nav dl a{color:rgba(255,255,255,.7);font-size:16px;line-height:1;transition:color .3s}
.foot .mzbox:nth-of-type(2) .foot-nav dl a:hover{color:#fff}
.foot .mzbox:nth-of-type(2) .foot-nav dl p{line-height:1}
.foot .mzbox:nth-of-type(2) .foot-nav dl p + p{margin-top:25px}
.foot .mzbox:nth-of-type(2) .foot-nav dt{font-size:18px;line-height:1;margin-bottom:40px}
.foot .mzbox:nth-of-type(2) .foot-contact{width:28%;display:flex;flex-direction:column;align-items:flex-end;color:#fff}
.foot-phone{font-size:42px;font-family:"Arial";font-weight:bold;line-height:1}
.foot-email,.foot-address{font-size:16px;line-height:1}
.foot-email{margin-top:40px}
.foot-address{margin-top:26px}
.foot .mzbox:nth-of-type(3){display:flex;align-items:center}
.foot .mzbox:nth-of-type(3) * + *{margin-left:9px}
.foot .mzbox:nth-of-type(3),.foot .mzbox:nth-of-type(3) a{color:rgba(255,255,255,.7);font-size:16px;line-height:1;transition:all .3s}
.foot .mzbox:nth-of-type(3){padding-top:25px;padding-bottom:25px}
.foot .mzbox:nth-of-type(3) a:hover{color:#fff}
.searchcert{}
.searchcert .mzbox{display:flex;flex-direction:column;align-items:center;justify-content:center;height:500px}
.searchcert .title{font-size:46px;font-weight:bold;color:var(--base-color)}
.searchcert .subtitle{font-size:18px}
.search-box{width:60%}
.form-main{display:flex;align-items:center;justify-content:center;margin-top:59px}
.form-main input{width:85%;height:60px;font-size:18px;border-radius:50px 0 0 50px;outline:0;border:1px solid var(--base-color);border-right:0;padding-left:29px;padding-right:29px;outline:none}
.form-main button{width:15%;height:60px;display:flex;align-items:center;justify-content:center;background-color:var(--base-color);color:#fff;border:none;border-radius:0 50px 50px 0;outline:none;cursor:pointer}
.top-space{height:100px}
.inner-banner{display:flex;align-items:center;justify-content:space-between;position:relative}
.inner-banner-img{position:relative}
.inner-banner-img .cover{position:absolute;width:100%;height:100%;background:linear-gradient(to right,rgba(0,0,0,.5),transparent 35%);top:0;left:0}
.inner-banner-text{position:absolute;width:100%;line-height:1}
.inner-banner-text .cate-name{font-size:36px;font-weight:bold;color:#fff}
.inner-banner-text .cate-subname{font-size:18px;color:#fff;opacity:.7;margin-top:26px;margin-bottom:26px}
.column-nav{background:#f5f5f5;padding-top:22px;padding-bottom:22px}
.column-nav .mzbox{display:flex;align-items:center}
.column-nav .column-line{width:2px;height:10px;background-color:#bfbfbf;margin-left:39px}
.column-nav a:first-of-type{line-height:1}
.column-nav a:not(:first-of-type){color:#333;font-size:16px;margin-left:39px}
.column-nav a.on,.column-nav a:hover{color:var(--base-color)}
.position{background:#f5f5f5;padding-top:22px;padding-bottom:22px}
.position .mzbox{display:flex;align-items:center}
.position a:first-of-type,.position span{line-height:1}
.position span{margin-left:39px}
.position a:not(:first-of-type){color:#333;font-size:16px;margin-left:39px}
.position a.on,.position a:hover{color:var(--base-color)}
.in-entitle{font-size:42px;font-family:"futura-heavy";color:#333}
.enlang .in-entitle{font-size:46px}
.in-zhtitle{font-size:48px;color:#333}
.in-zhtitle span{color:var(--base-color)}
.met-editor p{margin-bottom:0}
.met_pager{display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:29px}
.met_pager a,.met_pager span{width:41px;height:41px;background-color:#fff;border-radius:50%;color:#999;display:inline-block;font-size:13px;display:flex;align-items:center;justify-content:center}
.met_pager>*+*{margin-left:11px}
.met_pager .Ahover,.met_pager a:hover{background-color:var(--base-color);color:#fff}
.met_pager input,span.PageText{display:none}
.company{padding-top:65px;position:relative}
.company .bgimg{position:absolute;top:0;right:0;z-index:0}
.company .met-editor{font-size:16px;line-height:36px;margin-top:32px;position:relative;z-index:1}
.company .btn-leader a{display:flex;align-items:center;color:#fff;background-color:var(--base-color);width:fit-content;font-size:16px;margin-top:46px}
.company .btn-leader span:first-of-type{padding-left:39px;padding-right:39px}
.company .btn-leader span:last-of-type{width:51px;height:51px;border-left:1px solid #cd6167;display:flex;align-items:center;justify-content:center}
.company .ext-info{display:flex;align-items:center;justify-content:space-between;font-size:18px;margin-top:80px;margin-bottom:80px}
.company .company_ext>div:first-of-type{color:var(--base-color);display:flex;align-items:flex-start;margin-bottom:7px}
.company .company_ext span{font-size:72px;line-height:1;margin-right:5px}
.company .yj{background-image:url("../images/1692087828.jpg");background-size:cover;min-height:490px;background-position:center center;position:relative;margin-top:59px}
.company .yj-cover{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1}
.company .yj-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;position:absolute;left:0;top:0;color:#fff;z-index:1}
.company .yj-content>div{width:100%;height:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative}
.company .yj-content>div+div{border-left:1px solid rgba(255,255,255,.3)}
.company .yj-content h4{color:#fff;font-size:24px;margin-bottom:0;margin-top:30px}
.company .yj-content .sub-name{font-size:16px}
.company .yj-content .met-editor{display:none;opacity:0}
.company .yj-content .icos{width:100px;height:100px;position:relative;display:flex;align-items:center;justify-content:center}
.company .yj-content .icos img{filter:brightness(0) invert(1);z-index:1}
.company .yj-content .circle{position:absolute;width:100%;height:100%;left:0;top:0;border-radius:50%;border:1px dashed #fff;animation:round 10s linear infinite}
.company .yj-content .circle::after{content:"";width:80%;height:80%;left:50%;top:50%;transform:translate(-50%,-50%);position:absolute;background-color:transparent;border-radius:50%}
.company .yj-content .line{margin-top:30px;display:none;opacity:0}
.company .yj-content .line .point{margin:auto;width:7px;height:7px;border-radius:50%;background-color:#fff;position:relative}
.company .yj-content .line .point::after,.company .yj-content .line .point::before{content:"";width:80px;height:1px;background-color:#fff;position:absolute;top:3px}
.company .yj-content .line .point::after{left:26px}
.company .yj-content .line .point::before{right:26px}
.company .yj-content .red-cover{width:100%;height:0;background-color:var(--base-color);position:absolute;z-index:-1;top:0;opacity:0}
.company .yj-content>div:hover .icos img{filter:brightness(1) invert(0);transition:all .3s}
.company .yj-content>div:hover .line{display:block;opacity:1;transition:all .3s}
.company .yj-content>div:hover .met-editor{display:block;opacity:1;transition:all .3s}
.company .yj-content>div:hover .circle::after{background-color:#fff;transition:all .3s}
.company .yj-content>div:hover .red-cover{opacity:.8;height:100%;transition:all .3s}
.develop{padding-top:65px;padding-bottom:65px;position:relative}
.develop .swiper{height:560px}
.develop .swiper .year{font-size:120px;font-family:"Arial";font-weight:bold;text-shadow:0 0 2px #999;color:#fff}
.develop .swiper .text{color:#999;font-size:18px;transition:none!important;margin-left:109px}
.develop .dev-content{display:flex;justify-content:space-between}
.develop .dev-content>div{flex-grow:0}
.develop .dev-content .swiper{flex-grow:1}
.develop .swiper .swiper-slide{display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.develop .swiper .swiper-slide>div{flex-grow:0}
.develop .swiper .swiper-slide>div.text{flex-grow:1}
.develop .swiper .swiper-slide-active{border-top:1px solid rgba(183,29,37,.5);border-bottom:1px solid rgba(183,29,37,.5)}
.develop .swiper .swiper-slide-active .year{text-shadow:unset;color:var(--base-color)}
.develop .swiper .swiper-slide-active .text{font-weight:bold;color:#333;font-size:24px}
.develop .arrows{margin-right:50px;display:flex;flex-direction:column;justify-content:space-around;align-items:center}
.develop .arrows>div{width:56px;height:56px;border-radius:50%;border:1px solid rgba(97,97,97,.2);display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer}
.develop .arrows>div:hover{background-color:var(--base-color);color:#fff;border-color:var(--base-color)}
.develop .arrows>div i{transition:unset!important}
.develop .arrows .point{cursor:unset;border:none;background-color:var(--base-color);width:24px;height:24px;position:relative}
.develop .arrows .point::after{content:"";background-color:var(--base-color);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:lianyi 1.2s linear infinite;border-radius:50%}
.develop .swiper .swiper-slide .arrico{margin-left:49px}
.honor{padding-top:52px;padding-bottom:32px}
.honor .honor-nav{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:50px;border-bottom:1px solid #e2e2e2}
.honor .honor-top-right{display:flex;justify-content:flex-end;align-items:center}
.honor .honor-top-right h5{font-size:16px;color:#666;width:136px;text-align:center;height:44px;line-height:44px;position:relative;cursor:pointer}
.honor .honor-top-right h5::after{content:'';width:0;height:4px;background-color:var(--base-color);position:absolute;left:0;bottom:-50px;transition:width .3s}
.honor .honor-top-right h5.active{background-color:var(--base-color);color:#fff}
.honor .honor-top-right h5.active::after{width:100%}
.honor .honor-content{margin-top:78px}
.honor .honor-content .swiper{display:none}
.honor .honor-content .swiper.active{display:block}
.honor .honor-content .swiper-slide{background-color:#f5f5f5;border-radius:19px;padding:44px 28px 28px;cursor:pointer}
.honor .honor-content .honor-content-img{height:255px}
.honor .honor-content .catename span{border:1px solid var(--base-color);background-color:var(--base-color);color:#fff;padding:8px 30px;font-size:16px;border-radius:19px}
.honor .honor-content .titlename{font-size:24px;margin-bottom:0;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.honor .honor-content .line{height:1px;background-color:#dcdcdc;opacity:.3;margin:28px auto 35px}
.honor .arrows{display:flex;align-items:center;justify-content:center;margin-top:40px}
.honor .arrows>div{font-size:19px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:#d2d2d2;color:#fff;border-radius:50%;cursor:pointer}
.honor .arrows>div i{line-height:0}
.honor .arrows>div+div{margin-left:48px}
.honor .arrows>div:hover{background-color:var(--base-color)}
.honor .honor-content .swiper-slide:hover{background-color:var(--base-color)}
.honor .honor-content .swiper-slide:hover .catename span{border:1px solid #fff}
.honor .honor-content .swiper-slide:hover .titlename{color:#fff}
.environment{padding-top:65px;position:relative;padding-bottom:65px}
.environment .env-nav{display:flex;justify-content:space-between}
.environment .env-top-right{display:flex;align-items:center;justify-content:end}
.environment .env-label{font-size:16px;margin-right:22px;animation:wave 1.2s linear infinite}
.environment .env-label i{color:var(--base-color)}
.environment .arrows{display:flex;align-items:center;justify-content:center;margin-top:0}
.environment .arrows>div{font-size:19px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:#d2d2d2;color:#fff;border-radius:50%;cursor:pointer}
.environment .arrows>div i{line-height:0}
.environment .arrows>div+div{margin-left:30px}
.environment .arrows>div:hover{background-color:var(--base-color)}
.environment .env-content{margin-top:60px}
.environment .env-content .swiper-slide>div{float:right;width:32.5%}
.environment .env-content .swiper-slide>div.big-img{float:left;width:66.25%}
.environment .env-content .swiper-slide>div:nth-of-type(2){margin-bottom:20px}
.environment .env-content .gallery a{position:relative;display:block;height:355px}
.environment .env-content .gallery.big-img a{height:730px}
.environment .env-content .gallery .img-cover-box{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;left:0;top:0;opacity:0}
.environment .env-content .gallery .img-cover-box>div{display:flex;align-items:center;justify-content:center;width:200px;height:200px}
.environment .env-content .gallery .img-cover-box .img-cover-circle{width:171px;height:171px;border:2px dashed #fff;border-radius:50%;text-align:center;font-size:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:round1 8s linear infinite}
.environment .env-content .gallery .img-cover-box .img-cover-circle::after{content:"";width:150px;height:150px;background-color:var(--base-color);opacity:.7;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.environment .env-content .gallery .img-cover-box img{filter:brightness(0) invert(1);width:55%;position:relative;z-index:5}
.environment .env-content .gallery a:hover .img-cover-box{opacity:1}
.leader{padding-top:65px;position:relative}
.leader .leader-top{display:flex;margin-top:55px}
.leader .leader-top .leader-text{background-color:#f5f5f5;padding:45px 50px;display:flex;flex-direction:column;justify-content:space-between;color:#333}
.leader .leader-top .leader-text p{font-size:36px;font-weight:bold;margin-top:15px}
.leader .leader-top .leader-text .theme{font-size:30px;font-weight:bold;color:#333}
.leader .leader-top .leader-text .theme-desc{font-size:16px;line-height:2}
.leader .leader-top .leader-text .yh2{text-align:right}
.leader .leader-content{margin-top:55px}
.leader .leader-content .met-editor{line-height:2}
.leader .leader-sign{text-align:right}
.contact .contact-title{text-align:center;font-family:"Impact";font-size:100px;line-height:1;margin-top:60px;margin-bottom:20px}
.contact .contact-title span{background:url("../images/gywm.jpg") top fixed;background-origin:border-box;-webkit-background-clip:text;-webkit-text-fill-color:rgba(30,116,175,.85);display:inline-block}
.contact .contact-subtitle{text-align:center;font-size:30px}
.contact .contacts{display:flex;justify-content:center;margin-top:60px}
.contact .contacts>div{width:33%;border:1px solid #e4e4e4;padding:37px;border-radius:19px}
.contact .contacts>div p,.contacts>div h5{text-align:center}
.contact .contacts>div h5{font-size:30px}
.contact .contacts>div+div{margin-left:.5%}
.contact .contacts>div .met-editor{margin-top:9px}
.contact .map{height:520px;border-radius:19px;overflow:hidden;margin-top:20px;z-index:0;position:relative}
.message{margin-top:80px;margin-bottom:80px}
.msg-title{font-size:36px;text-align:center}
.msg-subtitle{font-size:18px;color:#999;text-align:center;margin:10px 0 40px}
.message-form form{display:flex;justify-content:space-between;flex-wrap:wrap}
.message-form form div.form-group{width:33%;height:3.573rem}
.message-form form div:nth-of-type(4){width:100%}
.message-form form div:nth-of-type(5){margin-bottom:0;width:49%}
.message-form form div:nth-of-type(6){width:49%}
.message-form .form-control{height:3.573rem;padding:30px 50px}
.message-form .form-group.required:before{left:15px;margin-top:0}
.message-form form div.form-group[data-name='����'],.message-form .form-group[data-name='����'] .form-control,.message-form .form-group:last-of-type{height:auto;display:flex;justify-content:space-between;align-items:center}
.message-form .form-group:last-of-type button{width:49%;display:block;font-size:20px;height:62px;line-height:42px;text-align:center}
.message-form .form-group:last-of-type button[type='submit']{background-color:var(--base-color);color:#fff;border-color:var(--base-color)}
.message-form .form-group:last-of-type::before,.message-form .form-group:last-of-type::after{content:none}
.message-form .met-getcode{height:50px}
.message-form .input-group-addon{width:30px}
.pro-list-top{margin:50px 0}
.pro-list-top .mzbox{display:flex;justify-content:space-between;align-items:center}
.pro-list-top h3{font-size:36px;font-weight:bold}
.pro-list-top .pro-search{width:30%}
.pro-list-top .input-search-dark .form-control{background:transparent;border:0;border-bottom:2px solid var(--base-color);border-radius:0;color:#333}
.input-search-btn:focus,.input-search-btn:focus-visible{border-radius:0;border:0;outline:0}
.met-product-list .mzbox{display:flex;justify-content:space-between}
.pro-right{width:100%}
.pro-right ul{display:flex;align-items:center;padding:0;flex-wrap:wrap}
.pro-right ul li{width:24%;margin-left:1%}
.pro-right ul li:nth-of-type(n+5){margin-top:21px}
.pro-right ul li:nth-of-type(4n+1){margin-left:0}
.pro-right ul li>a{display:block;border:1px solid #e5e5e5;color:#333}
.pro-right .pro-info{padding:24px 7.5% 0;line-height:1}
.pro-right .pro-type{color:#999;font-size:12px}
.pro-right .pro-title{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #e5e5e5;padding-bottom:15px;margin-top:10px}
.pro-right .pro-more{font-size:14px;color:#999;display:flex;align-items:center;justify-content:space-between;padding:25px 0}
.pro-right .pro-more .line{width:15px;height:2px;background-color:var(--base-color)}
.pro-right .pro-img{position:relative;height:400px;padding:29px}
.pro-right .pro-img .cover{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.65);top:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}
.pro-right .pro-img .cover span{font-size:14px;width:90px;height:90px;background-color:var(--base-color);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%}
.pro-right ul li>a:hover{border-bottom:3px solid var(--base-color);margin-top:-9px;box-shadow:2px 2px 5px #eee;transition:all .3s}
.pro-right ul li>a:hover .cover{opacity:1;transition:all .3s}
.met-showproduct{margin-top:60px}
.met-showproduct .showproduct-top{display:flex;justify-content:space-between}
.met-showproduct .showproduct-top .pic-lists{width:15.625%}
.met-showproduct .showproduct-top .pic-main{width:37.5%}
.met-showproduct .showproduct-top .pic-info{width:38.125%}
.pic-info h5{font-size:36px;font-weight:bold;padding:32px 0;border-bottom:1px solid #dadada}
.pic-des{font-size:16px;color:#333;margin:25px 0;height:353px;overflow-y:auto}
.pic-main{border:1px solid #dadada}
.pic-lists .swiper-slide{border:1px solid #dadada;display:flex;align-items:center;justify-content:center;position:relative;padding:19px}
.pic-lists .swiper-slide img{max-height:100%}
.pic-lists .swiper-slide .cover{position:absolute;width:100%;height:100%;left:0;top:0;border:2px solid var(--base-color);opacity:0}
.pic-lists .swiper-slide.active .cover{opacity:1}
.pic-info-bottom{display:flex;align-items:center;padding-top:36px;border-top:1px solid #dadada;justify-content:space-between}
.pic-info-bottom>div{display:flex;align-items:center;margin-left:55px}
.pic-info-bottom a{width:200px;height:52px;background-color:var(--base-color);color:#fff;text-align:center;line-height:50px;border-radius:5px;font-size:16px}
.pic-info-bottom span{font-size:30px;font-weight:bold;margin-left:18px}
.showproduct-rec{margin-top:59px;margin-bottom:59px}
.bottom-title{font-weight:bold;color:var(--base-color);font-size:30px;border-bottom:1px solid #dadada}
.bottom-title span{display:inline-block;padding-bottom:15px;position:relative}
.bottom-title span:after{content:'';width:100%;height:3px;position:absolute;left:0;bottom:0;background-color:var(--base-color)}
.bottom-lists{margin-top:45px}
.showproduct-rec a{display:block;border:1px solid #e5e5e5;color:#333}
.showproduct-rec .pro-info{padding:24px 7.5% 0;line-height:1}
.showproduct-rec .pro-type{color:#999;font-size:12px}
.showproduct-rec .pro-title{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #e5e5e5;padding-bottom:15px;margin-top:10px}
.showproduct-rec .pro-more{font-size:14px;color:#999;display:flex;align-items:center;justify-content:space-between;padding:25px 0}
.showproduct-rec .pro-more .line{width:15px;height:2px;background-color:var(--base-color)}
.showproduct-rec .pro-img{position:relative}
.showproduct-rec .pro-img .cover{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.65);top:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}
.showproduct-rec .pro-img .cover span{font-size:14px;width:90px;height:90px;background-color:var(--base-color);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative}
.showproduct-rec a:hover{border-bottom:3px solid var(--base-color);margin-top:-9px;box-shadow:2px 2px 5px #eee}
.showproduct-rec a:hover .cover{opacity:1}
.showproduct-rec .arrows{display:flex;align-items:center;justify-content:center}
.showproduct-rec .arrows>div{position:unset;width:50px;height:50px;background-color:#fff;border:1px solid #e7e7e7;border-radius:50%;--swiper-navigation-size:12px;margin:50px 9px 0;color:#333}
.showproduct-rec .arrows>div:hover{color:#fff;background-color:var(--base-color);border-color:var(--base-color)}
.met-news{margin-top:60px}
.met-news .para_search{display:flex;align-items:center;justify-content:space-between}
.met-news .para_search>div{width:32%;position:relative}
.met-news .para_search .items-main{border-bottom:2px solid var(--base-color);display:flex;justify-content:space-between;padding:7px 15px;cursor:pointer;align-items:center}
.met-news .para_search .items-list{display:flex;flex-wrap:wrap;position:absolute;width:100%;z-index:-1;background-color:#fff;border:2px solid var(--base-color);border-top:0;opacity:0;padding:5px}
.met-news .para_search .items-list a{display:block;width:25%;padding:3px 0;text-align:center;color:#333}
.met-news .para_search .items-list a:hover{background-color:var(--base-color);color:#fff}
.met-news .para_search .paras:hover .items-list{z-index:5;opacity:1}
.met-news .para_search .input-search-dark .form-control{background:transparent;border:0;border-bottom:2px solid var(--base-color);border-radius:0;color:#333}
.met-news .para_search .input-search-btn:focus,.met-news .para_search .input-search-btn:focus-visible{border-radius:0;border:0;outline:0}
.met-news-list .met-pager-ajax{margin-top:30px}
.met-news-list .met-pager-ajax a{display:flex;align-items:stretch;justify-content:space-between;padding:40px 0;border-bottom:2px solid #e2e3e4}
.news-content{width:55%}
.met-news-list .met-pager-ajax img{transition:all .3s}
.met-news-list .news-img{width:30%;height:224px;display:flex;align-items:center;justify-content:flex-end;overflow:hidden}
.news-content h5,.news-content p{-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.news-content h5{font-size:22px;margin-top:30px}
.news-content p{margin-top:20px;font-size:14px;opacity:.7;color:#333}
.news-content .time{font-size:16px;color:var(--base-color)}
.news-content .rightico{width:40px;height:40px;border-radius:50%;background-color:var(--base-color);color:#fff;display:flex;align-items:center;justify-content:center;margin-top:42px;opacity:0}
.met-news-list .met-pager-ajax a:hover h5{color:var(--base-color)}
.met-news-list .met-pager-ajax a:hover img{transform:scale(1.05)}
.met-news-list .met-pager-ajax a:hover .time{opacity:0}
.met-news-list .met-pager-ajax a:hover .rightico{opacity:1}
.met-shownews{background-color:#f3f3f3;padding:29px 0}
.met-shownews .mzbox{display:flex;align-items:flex-start}
.met-shownews .left{background-color:#fff;padding:60px 45px}
.met-shownews .right{width:23%;margin-left:3%}
.in-news-content .left{width:74%;position:sticky;top:20px}
.met-shownews .right ul li{background-color:#fff;overflow:hidden;position:relative;border-radius:9px}
.met-shownews .right ul li + li{margin-top:19px}
.met-shownews .right ul li a img{transition:all .3s}
.met-shownews .right .news-li>div:first-of-type{height:200px}
.met-shownews .right .news-li .news-info{padding:25px 30px 10px}
.met-shownews .right .news-li .news-info .news-title{font-size:17px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.met-shownews .right .news-li .news-info .news-description{font-size:14px;color:#999;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:20px 0}
.met-shownews .right .news-li .news-info .line{height:1px;background-color:#999}
.met-shownews .right .news-li .news-info .hits{font-size:16px;margin-top:20px;color:#333}
.met-shownews .right .news-li .news-info .hits i{margin-right:5px}
.met-shownews .right ul li a:hover img{transform:scale(1.05)}
.met-shownews h4{font-size:34px}
.met-shownews .date-info{padding:15px 0 15px;font-size:16px;border-bottom:1px solid #e2e2e2}
.met-shownews .main-content{padding:30px 0 40px;text-align:justify;border-bottom:1px solid #e2e2e2;color:#333;line-height:2;font-size:16px}
.met-shownews .pagination{display:flex!important;flex-direction:column}
.met-shownews .pagination li{width:100%!important}
.met-shownews .pagination li+li{margin-top:11px}
.met-shownews .pagination li a{float:left!important;border-radius:50px!important;padding-left:22px!important;padding-right:22px!important;transition:unset!important}
.met-shownews .pagination li a:hover{background-color:var(--base-color);color:#fff}
.met-img ul{display:flex;flex-wrap:wrap}
.met-img li{width:32.5%;margin-left:1.25%}
.met-img li:nth-of-type(3n+1){margin-left:0}
.met-img li:nth-of-type(n+4){margin-top:1.25%}
.met-img li a{display:block;position:relative}
.met-img .img-title{padding:37px 30px;display:flex;align-items:center;justify-content:space-between;line-height:1;color:#333;background-color:#f6f6f6;position:relative}
.met-img .img-title::after{content:"";width:0;height:3px;position:absolute;left:0;bottom:3px;background-color:var(--base-color);transition:width .3s}
.met-img .img-title h5{line-height:1;width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px;transition:unset}
.met-img .img-title i{line-height:1;width:10%;text-align:right}
.met-img .img-img{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.met-img .cover{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.65);top:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}
.met-img .cover .c-more{width:90px;height:90px;text-align:center;font-size:14px;line-height:90px;color:#fff;background-color:var(--base-color);border-radius:50%}
.met-img a:hover::after{width:100%}
.met-img a:hover .img-title,.met-img a:hover .img-title h5{color:var(--base-color)}
.met-img a:hover .cover{opacity:1}
.met-showimg{margin-top:60px}
.met-showimg .mzbox{display:flex;justify-content:space-between}
.met-img-info{width:28.75%}
.met-img-big{width:49.8%}
.met-img-lists{width:16.125%}
.met-img-big .swiper-slide img,.met-img-lists .swiper-slide img{width:100%;height:100%}
.met-img-lists .swiper-slide{position:relative}
.met-img-lists .swiper-slide .cover{position:absolute;width:100%;height:100%;top:0;left:0;border:3px solid var(--base-color);opacity:0;cursor:pointer}
.met-img-lists .swiper-slide.swiper-slide-thumb-active .cover{opacity:1}
.met-img-info{display:flex;flex-direction:column;justify-content:space-between}
.met-img-info h5{font-size:36px;line-height:1;padding:35px 0;border-bottom:1px solid #dadada;font-weight:bold;margin-bottom:35px}
.met-img-info p{line-height:1;font-size:16px}
.met-img-info p+p{margin-top:15px}
.met-img-info p.img-phone{font-size:30px;color:var(--base-color);font-weight:bold}
.met-img-info .info-bottom{display:flex;align-items:center;padding-top:36px;border-top:1px solid #dadada}
.met-img-info .info-bottom a{border-radius:0!important;font-size:16px;background-color:#fff;color:#333;width:125px;text-align:center}
.met-img-info .info-bottom>a{margin-right:1.875rem}
.met-img-info .blocks-2>li{width:unset!important}
.met-img-info .met-page{padding-bottom:0!important}
.met-img-info .met-page .container{padding:0;width:unset!important}
.met-img-info .info-bottom a:hover{background-color:var(--base-color);color:#fff!important;border-color:var(--base-color)}
.zs-title{text-align:center;margin-top:72px}
.zs-title .entitle{font-family:"Impact";font-size:60px;color:var(--base-color);line-height:1;text-transform:uppercase}
.zs-title h3{font-size:36px;font-weight:bold;line-height:1;margin:20px 0 40px}
.zs-title .subtitle{font-size:18px;line-height:1;margin-bottom:60px}
.zs-content{display:flex;justify-content:space-between;padding-bottom:85px}
.zs-content>div{width:15.625%;text-align:center;padding:0 25px 34px;box-shadow:0px 0px 11px #eee}
.zs-content .zs-ico{height:189px;border-bottom:1px solid #eceeef;display:flex;align-items:center;justify-content:center}
.zs-content .zs-ico img{filter:brightness(0) invert(0)}
.zs-content h5{margin:50px 0 20px;line-height:1;font-size:20px;font-weight:bold}
.zs-content .met-editor{font-size:14px}
.zs-content>div:hover img{filter:brightness(1) invert(0)}
.zs-content>div:hover h5{color:var(--base-color)}
.zs-content>div:hover{margin-top:-9px}
.met-feedback{background-color:#f5f5f5;padding:90px 0}
.met-feedback .title{margin-bottom:24px;font-size:48px}
.met-feedback .subtitle{margin-bottom:50px;font-size:18px}
.met-feedback .title,.met-feedback .subtitle{text-align:center}
.met-feedback .title span{position:relative;line-height:1}
.met-feedback .title span::after,.met-feedback .title span::before{content:"";width:75px;height:3px;background-color:#dedede;position:absolute;top:50%;transform:translateY(-50%)}
.met-feedback .title span::after{left:-60%}
.met-feedback .title span::before{right:-60%}
.feedback-form form{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.feedback-form form .form-group{width:100%}
.feedback-form .form-control{padding:1.429rem 1.929rem;border:0}
.feedback-form .form-control:not(textarea){height:3.573rem}
.feedback-form form .form-group:nth-of-type(1),.feedback-form form .form-group:nth-of-type(2){width:49%}
.feedback-form form .form-group:nth-last-of-type(1),.feedback-form form .form-group:nth-last-of-type(2){width:30%}
.feedback-form form .form-group:last-of-type{display:flex;align-items:center;margin-bottom:1.429rem!important;justify-content:space-between}
.feedback-form form .form-group:last-of-type .btn{width:48%}
.feedback-form form .form-group:last-of-type:before,.feedback-form form .form-group:last-of-type:after{content:unset}
.feedback-form form .form-group.required:before{left:20px}
.feedback-form .form-control+.input-group-addon:not(:first-child){border:0}
.feedback-form .btn[type='reset']{background-color:#e6e6e6;border:1px solid #e6e6e6}
.feedback-form .btn[type='submit']{background-color:var(--base-color);border-color:var(--base-color)}
.aftersale{padding-bottom:95px;padding-top:72px}
.aftersale .af-title{text-align:center}
.aftersale .af-title .entitle{font-family:"Impact";font-size:60px;color:var(--base-color);line-height:1;text-transform:uppercase}
.aftersale .af-title h3{font-size:36px;font-weight:bold;line-height:1;margin:20px 0 40px}
.aftersale .af-title .subtitle{font-size:18px;line-height:2;margin-bottom:60px;padding-left:80px;padding-right:80px}
.aftersale .af-content{display:flex;align-items:center;justify-content:center}
.aftersale .af-content>div{width:100%}
.aftersale .af-content>div span{font-size:60px;color:var(--base-color);margin-left:20px}
.aftersale .af-content>div>div{display:flex;align-items:center;justify-content:center}
.aftersale .af-content>div>div:last-of-type{margin-top:10px}
.aftersale .af_label{font-size:18px}
.af-content>div:hover{margin-top:-9px;box-shadow:0 0 9px #dcdcdc}
.service-advantages{background-color:#f4f8fb;padding-top:75px;padding-bottom:120px}
.service-advantages .sa-title{text-align:center}
.service-advantages .sa-title .entitle{font-family:"Impact";font-size:60px;color:var(--base-color);line-height:1;text-transform:uppercase}
.service-advantages .sa-title h3{font-size:36px;font-weight:bold;line-height:1;margin:20px 0 40px}
.service-advantages .sa-content{display:flex;align-items:stretch;justify-content:space-between;flex-wrap:wrap;background-color:#fff}
.service-advantages .sa-content>div{width:33.3333%;display:flex;justify-content:center;flex-direction:column}
.service-advantages .sa-content .text{padding:0 70px}
.service-advantages .sa-content .img{overflow:hidden}
.service-advantages .sa-content .text p:first-of-type{font-size:24px;font-weight:bold;transition:unset}
.service-advantages .sa-content .text p:last-of-type{font-size:18px;margin-top:10px;transition:unset}
.service-advantages .sa-content .text:hover{background-color:var(--base-color);color:#fff}
.service-advantages .sa-content .img:hover img{transform:scale(1.05)}
.yyly-top{padding:67px 0}
.yyly-top .entitle{font-size:60px;font-family:"Impact";color:var(--base-color);text-transform:uppercase}
.yyly-top .entitle span{position:relative}
.yyly-top .entitle span::after{content:url("/");position:absolute;top:-14px;right:-23px;line-height:0}
.yyly-top .cntitle{font-size:36px;font-weight:bold;line-height:1}
.yyly-top .desc{font-size:18px;margin-top:45px;line-height:2.2}
.yylp-list{background-color:#f4f8fb;padding-bottom:105px;padding-top:40px}
.yylp-list .mzbox:first-of-type{display:flex;align-items:stretch;justify-content:flex-start;flex-wrap:wrap}
.yylp-list .mzbox:first-of-type a{width:19%;margin-top:20px;text-align:center;background-color:#fff;padding-top:42px;padding-bottom:42px;margin-left:1.25%}
.yylp-list .mzbox:first-of-type a:nth-of-type(5n+1){margin-left:0}
.yylp-list .yylp-ico{width:60px;height:60px;overflow:hidden;position:relative;margin:auto}
.yylp-list .yylp-ico img{position:absolute;top:0;left:0}
.yylp-list .mzbox>a p{opacity:.7;color:#333}
.yylp-list .mzbox>a h5{font-size:24px;color:#333;margin:5px 0}
.yylp-list .mzbox>a.active{background-color:var(--base-color)}
.yylp-list .mzbox>a.active p,.yylp-list .mzbox>a.active h5{color:#fff}
.yylp-list .mzbox>a.active img{top:-60px}
.yylp-list .mzbox:nth-of-type(2){margin-top:40px}
.yylp-list .list-li{height:511px;align-items:center;background-color:#fff;justify-content:space-between;display:none}
.yylp-list .list-li.active{display:flex}
.yylp-list .left-img{width:45%;display:flex;justify-content:flex-end;height:100%;overflow:hidden}
.yylp-list .right-content{padding:60px 105px;width:55%}
.yylp-list .right-content h5{border-bottom:1px solid #cac9c8;padding-bottom:30px}
.yylp-list .right-content h5 span{position:relative;font-size:26px;padding-left:23px}
.yylp-list .right-content h5 span::after{content:url("/");position:absolute;left:0;top:-14px;line-height:0;transform:rotateY(180deg)}
.yylp-list .right-content .met-editor{font-size:15px;color:#6c6a6a;line-height:1.7;margin-top:25px}
.yylp-list.enlang .right-content .met-editor{max-height:180px;overflow:hidden}
.yylp-list .btn-contactus{margin-top:95px}
.yylp-list .btn-contactus a{display:block;width:150px;height:53px;border-radius:30px 0;background-color:var(--base-color);text-align:center;color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center}
.yylp-list .btn-contactus a i{width:13px;height:2px;display:block;background-color:#fff;margin-left:13px}
.yylp-list .btn-contactus a:hover i{width:19px}
.yxwl{padding-top:70px;padding-bottom:70px}
.yxwl .mzbox{display:flex;justify-content:space-between}
.yxwl .entitle{font-size:60px;font-family:"Impact";color:var(--base-color);text-transform:uppercase}
.yxwl .entitle span{position:relative}
.yxwl .entitle span::after{content:url("/");position:absolute;top:-14px;right:-23px;line-height:0}
.yxwl .cntitle{font-size:36px;font-weight:bold;line-height:1}
.yxwl .left-content{width:43%}
.yxwl .right-map{width:56.25%;position:relative}
.yxwl .left-content .text{font-size:16px;color:#666;line-height:2.5;margin-top:15px}
.yxwl .yxwlcoop{height:238px;padding-top:63px;position:relative}
.yxwl .yxwlcoop .swiper{width:100%;height:100%;padding:9px}
.yxwl .yxwlcoop .swiper-slide{height:auto!important;box-shadow:0px 0px 8px #dcdcdc}
.yxwl .btn-contactus{margin-top:50px}
.yxwl .btn-contactus a{display:block;width:150px;height:53px;border-radius:30px 0;background-color:var(--base-color);text-align:center;color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center}
.yxwl .btn-contactus a i{width:13px;height:2px;display:block;background-color:#fff;margin-left:13px}
.yxwl .btn-contactus a:hover i{width:19px}
.yxwl .controls{position:relative;padding:0 9px;display:flex;align-items:center;justify-content:space-between}
.yxwl .controls .swiper-pagination{bottom:0;top:unset;width:90%;position:relative;height:2px;--swiper-theme-color:var(--base-color)}
.yxwl .controls .nums{width:8%;text-align:right;font-size:14px}
.yxwl .controls .curr{color:var(--base-color)}
.yxwl .right-map .info-box{position:absolute;padding:44px;background-color:#fff;box-shadow:0 0 8px #dcdcdc;right:5%;top:32%;border-radius:30px 0}
.yxwl .right-map .info-box h3{line-height:1;font-size:24px;color:var(--base-color);border-bottom:1px solid #e7e7e7;padding-bottom:26px;margin-bottom:15px}
.yxwl .right-map .info-box .met-editor{font-size:14px;color:#666}
.yxwl .right-map .point{width:8px;height:8px;border-radius:50%;background-color:var(--base-color);position:absolute}
.yxwl .right-map .point::after{position:absolute;content:'';width:100%;height:100%;background-color:var(--base-color);top:50%;left:50%;transform:translate(-50%,-50%);animation:shine 2s linear infinite;border-radius:50%}
.yxwl .right-map .point1{top:102px;left:35%;animation-delay:2s}
.yxwl .right-map .point2{top:175px;left:28%;animation-delay:3s}
.yxwl .right-map .point3{top:263px;left:31%;animation-delay:1s}
.yxwl .right-map .point4{top:533px;left:66%;animation-delay:.5s}
.yxwl .right-map .bigpoint{top:212px;left:50%;width:22px!important;height:22px!important}
.showyyly-title{display:flex;align-items:stretch;margin-bottom:45px}
.showyyly-title .line{display:flex;flex-direction:column;justify-content:space-between;border-radius:6px 0;overflow:hidden}
.showyyly-title .line>span{width:10px;height:100%}
.showyyly-title .line>span:first-of-type{background-color:#7aa1cb}
.showyyly-title .line>span:nth-of-type(2){background-color:#004b9c}
.showyyly-title .line>span:nth-of-type(3){background-color:var(--base-color)}
.showyyly-title h5{font-weight:bold;font-size:36px;margin-left:17px;line-height:1;color:#333}
.met-showyyly .jieshao{display:flex;justify-content:space-between;align-items:center}
.jieshao .showyyly-content{width:50%}
.jieshao .showyyly-img{width:45.625%;border-radius:29px;overflow:hidden}
.jieshao .met-editor{line-height:2.3}
.met-showyyly>div{padding-bottom:60px;padding-top:60px}
.met-showyyly>div:nth-child(even){background-color:#f4f8fb}
.met-showyyly .met-editor{font-size:18px;line-height:2}
.session1{padding-bottom:25px!important}
.session1 .swiper{margin-top:46px;--swiper-pagination-bullet-size:18px;padding-bottom:60px}
.session1 .swiper-slide{position:relative;border-radius:20px;overflow:hidden}
.session1 .swiper-slide .cover{position:absolute;top:0;left:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;font-size:18px;opacity:0;transition:all .3s}
.session1 .swiper-slide .cover p{padding:9px;position:relative}
.session1 .swiper-slide .cover p::after,.session1 .swiper-slide .cover p::before{content:"";width:180%;height:1px;position:absolute;left:50%;transform:translateX(-50%);background-color:#fff;opacity:0;transition:all .3s}
.session1 .swiper-slide .cover p::after{bottom:0}
.session1 .swiper-slide .cover p::before{top:0}
.session1 .swiper-slide:hover .cover{opacity:1}
.session1 .swiper-slide:hover p::after,.session1 .swiper-slide:hover p::before{opacity:1;width:50%}
.session1 .swiper .swiper-pagination{bottom:0}
.session1 .swiper .swiper-pagination-bullet{background-color:transparent;border:1px solid var(--base-color)}
.session1 .swiper .swiper-pagination-bullet-active{background-color:var(--base-color)}
.session2 .met-editor>p:first-of-type{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;margin-bottom:50px}
.session3{}
.session3 .swiper a{display:block;border:1px solid #e5e5e5;color:#333;background-color:#fff}
.session3 .swiper .pro-info{padding:24px 7.5% 0;line-height:1}
.session3 .swiper .pro-type{color:#999;font-size:12px}
.session3 .swiper .pro-title{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #e5e5e5;padding-bottom:15px;margin-top:10px}
.session3 .swiper .pro-more{font-size:14px;color:#999;display:flex;align-items:center;justify-content:space-between;padding:25px 0}
.session3 .swiper .pro-more .line{width:15px;height:2px;background-color:var(--base-color)}
.session3 .swiper .pro-img{position:relative}
.session3 .swiper .pro-img .cover{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.65);top:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}
.session3 .swiper .pro-img .cover span{font-size:14px;width:90px;height:90px;background-color:var(--base-color);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%}
.session3 .swiper a:hover{border-bottom:3px solid var(--base-color);margin-top:-9px;box-shadow:2px 2px 5px #eee}
.session3 .swiper a:hover .cover{opacity:1}
.session3 .swiper-area{position:relative;--swiper-navigation-size:13px}
.session3 .swiper-area .swiper-button-prev,.session3 .swiper-area .swiper-button-next{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #ddd;color:#333}
.session3 .swiper-area .swiper-button-prev{left:-60px}
.session3 .swiper-area .swiper-button-next{right:-60px}
.session3 .swiper-area .swiper-button-prev:hover,.session3 .swiper-area .swiper-button-next:hover{background-color:var(--base-color);color:#fff;border-color:var(--base-color)}
.session4 .swiper-slide{position:relative;border-radius:20px;overflow:hidden}
.session4 .swiper-slide .cover{position:absolute;top:0;left:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff;font-size:18px;opacity:0;transition:all .3s}
.session4 .swiper-slide .cover p{padding:9px;position:relative}
.session4 .swiper-slide .cover p::after,.session4 .swiper-slide .cover p::before{content:"";width:180%;height:1px;position:absolute;left:50%;transform:translateX(-50%);background-color:#fff;opacity:0;transition:all .3s}
.session4 .swiper-slide .cover p::after{bottom:0}
.session4 .swiper-slide .cover p::before{top:0}
.session4 .swiper-slide:hover .cover{opacity:1}
.session4 .swiper-slide:hover p::after,.session4 .swiper-slide:hover p::before{opacity:1;width:50%}
.session5{}
.session5 .s-content{display:flex;flex-wrap:wrap;align-items:stretch}
.session5 .s-content>div{width:14.5%;background-color:#fff;display:flex;align-items:center;justify-content:center;margin-left:2.6%;border-radius:9px;box-shadow:0 0 5px #ddd;margin-top:9px}
.session5 .s-content>div:nth-of-type(6n+1){margin-left:0}
@keyframes navchange1{ 0% {width:19px}
 50% {width:28px}
 100%{width:19px}
}
@keyframes navchange2{ 0% {width:28px}
 50% {width:19px}
 100%{width:28px}
}
@keyframes round1{ 0%  {transform:translate(-50%,-50%) rotate(0deg)}
 100% {transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes round{ 0%  {transform:rotate(0deg)}
 100% {transform:rotate(360deg)}
}
@keyframes jump{ 0%  {top:45%}
 50%  {top:55%}
 100% {top:45%}
}
@keyframes lianyi{ 0%  {width:24px;height:24px;opacity:1}
 100% {width:56px;height:56px;opacity:0}
}
@keyframes wave{ 0%  {margin-right:22px}
 50%  {margin-right:26px}
 100% {margin-right:22px}
}
@keyframes shine{ 0%  {transform:translate(-50%,-50%) scale(1);opacity:1}
 100% {transform:translate(-50%,-50%) scale(2);opacity:0}
}
@media screen and (max-width:1600.1px){ .mzbox{padding:0px 29px}
 .met-index-product .product-title .title-cn{margin-top:-75px}
 .met-index-case .case .case-title .case-title-cn{margin-top:-75px}
 .met-index-news .news-title-cn{margin-top:-75px}
 .case-type>div{height:150px}
 .met-index-case .case .case-swiper .swiper-slide .img-info{height:70px}
 .met-index-case .case .img-info .right{line-height:70px}
 .news-swiper a>h5{font-size:24px}
 .session3 .swiper-area .swiper-button-prev{left:10px}
 .session3 .swiper-area .swiper-button-next{right:10px}
 .met-index-product .index-product-center{--size:480px}
 .met-index-product .index-product-center .swiper-slide{height:300px}
}
@media screen and (max-width:1440.1px){ .mzbox{padding:0px 29px}
 .banner-img{text-align:right}
 .banner-img img{width:70%}
 .met-index-about .about-title .title-cn{font-size:38px;line-height:1.2}
 .met-index-about .about-desc-en{margin-top:16px;margin-bottom:34px}
 .met-index-about .about-title .title-en{line-height:65px}
 .met-index-about .about-left{width:43%}
 .met-index-about .about-right{width:55%}
 .met-index-about .about-content,.met-index-about .about-content p{font-size:15px}
 .met-index-about .about-right-title{padding-bottom:16px}
 .met-index-about .about-content{margin-top:12px}
 .met-index-about .about-more a{height:49px}
 .met-index-about .about-more span{line-height:49px}
 .met-index-application{height:730px;--size:730px;--size-in:630px}
 .met-index-application .right{width:57%}
 .met-index-application .left .left-navs>div{width:260px;height:50px}
 .met-index-application .left .left-navs>div h4{font-size:15px}
 .met-index-application .right>div h3{font-size:38px}
 .met-index-application .right>div .app_line{margin:35px 0}
 .met-index-application .right>div .app_content, .met-index-application .right>div .app_content p{font-size:15px}
 .met-index-application .right>div .app_more a{height:46px}
 .met-index-application .right>div .app_more span{line-height:46px}
 .met-index-product .product-title .title-en{font-size:56px}
 .met-index-product .product-title .title-cn{font-size:38px;margin-top:-56px}
 .product-show{margin-top:45px}
 .product-show .left .swiper-slide h3{font-size:20px}
 .product-show .left{width:22%;height:454px}
 .product-show .left .swiper-slide i{width:30px;height:30px;line-height:30px}
 .product-show .right{width:75%}
 .product-show .right .swiper-slide>div{width:50%}
 .product-show .right .swiper-slide .right-info .info-more a, .product-show .right .swiper-slide .right-info .info-more span, .product-show .right .swiper-slide .right-info .info-more i{line-height:42px}
 .product-show .right .swiper-slide .right-info .info-more a{font-size:15px}
 .met-index-case .case .case-title .case-title-cn{font-size:38px;margin-top:-56px}
 .met-index-case .case .case-title .case-title-en{font-size:56px}
 .met-index-case .case .case-swiper .swiper-slide .img-info{height:60px}
 .met-index-case .case .img-info .right{line-height:57px;font-size:30px}
 .met-index-case .case .img-info .left h5{font-size:18px}
 .met-index-news .news-title-en{font-size:56px}
 .met-index-news .news-title-cn{font-size:38px;margin-top:-56px}
 .met-index-news .news-title-desc{margin-top:15px}
 .news-swiper{margin-top:42px}
 .case-type>div{height:130px}
 .news-swiper a>h5{font-size:20px;min-height:unset;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:16px 0}
 .pic-des{height:305px}
 .pic-info-bottom a{width:190px;height:46px}
 .pic-info-bottom span{font-size:26px}
 .bottom-title span{padding-bottom:25px}
 .yxwl .right-map .bigpoint{top:181px}
 .zs-content h5{margin:30px 0 20px}
 .met-feedback .title{font-size:39px}
 .pro-right .pro-img{height:300px}
 .banner .banner-title{font-size:42px}
 .banner .banner-link{padding:13px 80px;font-size:16px}
 .index-about-left h4{font-size:42px}
 .more-link-ico{width:60px;height:60px;right:-40px}
 .met-index-product .index-product-center{--size:410px}
 .met-index-product .index-product-center .swiper-slide{height:260px}
}
@media screen and (max-width:1366.1px){ .met-head .nav-item dt span, .met-head .nav-item>a{font-size:15px}
 .met-head .sub a{font-size:13px}
 .met-head .icons>dl>dt>i>img, .met-head .icons>dl>dt>i>img{width:20px}
 .met-head .icons-line{height:20px}
 .banner .banner-content .title1 p:nth-of-type(2){font-size:50px}
 .banner .banner-content .title2{font-size:22px;margin-top:11px}
 .banner .banner-content .banner-line{margin-top:24px}
 .banner .banner-content .title1 p:nth-of-type(2){margin-top:26px}
 .leader .leader-top .leader-text{padding:20px 40px}
 .pic-des{height:273px}
 .met-img-info .info-bottom a{font-size:14px}
 .met-img-info .blocks-2>li{max-width:50%}
 .yylp-list .mzbox>a h5{font-size:20px}
 .zs-content h5{font-size:17px;margin:12px 0}
 .zs-content .met-editor{font-size:13px}
 .met-feedback{padding:40px 0}
 .more-link-text{padding:16px 65px}
 .more-link-ico{right:-29px}
 .index-product-left .index-product-content,.index-product-left .index-product-content p,.index-product-left .index-product-content p span{font-size:16px!important}
 .index-product-right .swiper .swiper-slide{font-size:16px}
 .index-news-title .news-nav div{font-size:16px;padding:16px 80px}
 .index-news-title .news-cntitle{font-size:42px}
 .index-news-title .news-entitle{font-size:80px}
 .index-news-list .index-news-content-title{font-size:20px}
 .index-service-content h4{font-size:42px;margin-bottom:25px}
 .index-service-content .met-editor{font-size:16px}
 .index-service-list>div{font-size:16px;padding:16px 80px}
 .foot .mzbox:nth-of-type(3),.foot .mzbox:nth-of-type(3) a{font-size:15px}
}
@media screen and (max-width:1200.1px){ .met-head{padding-top:6px;padding-bottom:6px}
 .menu-line{display:block}
 .nav-item{display:none}
 .nav-item.menu-btn{display:block}
 .nav-item.search{display:none!important}
 .nav-item.icons{display:flex}
 .nav-item.icons i{line-height:0}
 .nav-item.icons dl{padding-left:29px;padding-right:29px}
 .nav-item.icons .icons-line{display:none}
 .leader-top>div:first-of-type{width:50%}
 .pro-left a h4{font-size:14px}
 .environment .env-content .gallery.big-img a{height:550px}
 .environment .env-content .gallery a{height:265px}
 .pro-right ul li{width:33%;margin-left:.5%}
 .pro-right ul li:nth-of-type(4n+1){margin-left:.5%}
 .pro-right ul li:nth-of-type(3n+1){margin-left:0}
 .pro-right ul li:nth-of-type(n+5){margin-top:0}
 .pro-right ul li:nth-of-type(n+4){margin-top:9px}
 .met-index-about{padding-top:60px;padding-bottom:80px}
 .met-index-product .index-product-left, .met-index-product .index-product-center{order:1;width:43%}
 .met-index-product .index-product-right{order:0;width:100%;margin-bottom:110px}
 .met-index-product .mzbox{flex-wrap:wrap}
 .index-product-right .swiper{height:auto}
 .met-index-product{padding-top:90px;padding-bottom:100px}
 .index-product-right .swiper .swiper-slide{justify-content:center}
 .index-news-list .index-news-img{height:235px}
 .index-news-list .index-news-content{padding:29px 20px}
 .index-news-list .index-news-content-title{font-size:18px}
 .index-news-list .index-news-date{font-size:15px}
 .index-service-list{margin-top:30px}
}
@media screen and (max-width:1024.1px){ .banner-content{width:60%}
 .met-index-about{padding:70px 0}
 .met-index-about .about-title .title-en{font-size:50px}
 .met-index-about .about-content-area{flex-direction:column}
 .met-index-about .about-left{width:100%}
 .met-index-about .about-right{width:100%;max-width:100%}
 .met-index-about .round-pic{margin-right:0}
 .met-index-about .about-right-title{padding-bottom:31px}
 .met-index-about .about-content{margin-top:25px}
 .met-index-about .about-content,.met-index-about .about-content p{font-size:16px}
 .met-index-application{height:610px;--size:610px;--size-in:510px}
 .met-index-application .left .left-navs>div{width:210px;height:40px}
 .met-index-application .left .left-navs>div h4{font-size:14px}
 .met-index-application .right>div h3{font-size:28px}
 .met-index-application .right>div .app_line{margin:16px 0;height:2px}
 .met-index-application .right>div .app_content,.met-index-application .right>div .app_content p{font-size:14px}
 .met-index-application .right>div .app_more a{font-size:15px;height:40px}
 .met-index-application .right>div .app_more span, .met-index-application .right>div .app_more i{line-height:40px}
 .product-show .right,.product-show .left{height:430px}
 .product-show .left .swiper-slide h3{font-size:16px}
 .product-show .left .swiper-slide i{width:20px;height:20px;font-size:1rem;line-height:20px}
 .product-show .right .swiper-slide{padding:55px 10px 55px 55px}
 .product-show .right .swiper-slide>div{width:44%}
 .product-show .right .swiper-slide .left-img img{max-width:100%;max-height:unset}
 .product-show .right .swiper-slide .right-info .info-line, .product-show .right .swiper-slide .right-info .info-desc{margin-top:19px}
 .product-show .right .swiper-slide .right-info .info-more a{font-size:15px;height:40px}
 .product-show .right .swiper-slide .right-info .info-more a, .product-show .right .swiper-slide .right-info .info-more span, .product-show .right .swiper-slide .right-info .info-more i{line-height:40px}
 .met-index-case .case .case-swiper .swiper-button-next{right:5%}
 .met-index-case .case .case-swiper .swiper-button-prev{left:5%}
 .company .company_ext span{font-size:60px}
 .company .company_ext>div:first-of-type{justify-content:center}
 .develop .swiper .year{font-size:80px}
 .leader .leader-top{flex-direction:column}
 .leader-top>div:first-of-type{width:100%}
 .leader .leader-top>div>img{width:100%}
 .pro-left{display:none}
 .pro-right{width:100%}
 .pic-des{height:198px}
 .pic-info-bottom{flex-direction:column;align-items:flex-start}
 .pic-info-bottom>div{margin-left:0}
 .pic-info-bottom a{height:31px;line-height:31px;margin-bottom:19px}
 .met-shownews .right{display:none}
 .in-news-content .left{width:100%}
 .met-showimg .mzbox{flex-wrap:wrap}
 .met-img-info{width:35%}
 .met-img-big{width:64%}
 .met-img-lists{width:100%;margin-top:19px}
 .met-img-lists .swiper-slide{display:flex;align-items:center;justify-content:center}
 .met-img-info h5{font-size:32px}
 .met-img-lists .swiper{height:unset!important}
 .yylp-list .mzbox:first-of-type{justify-content:flex-start}
 .yylp-list .mzbox:first-of-type a{width:24%;margin-left:1.33%}
 .yylp-list .mzbox:first-of-type a:nth-of-type(5n+1){margin-left:1.33%}
 .yylp-list .mzbox:first-of-type a:nth-of-type(4n+1){margin-left:0}
 .yylp-list .right-content .met-editor{font-size:14px}
 .yylp-list .right-content{padding:10px 45px}
 .yxwl .mzbox{flex-direction:column}
 .yxwl .mzbox>div{width:100%}
 .yxwl .yxwlcoop{height:318px}
 .yxwl .left-content .text{font-size:14px}
 .service-advantages .sa-content .text{padding:0 10px}
 .service-advantages .sa-content .text p:first-of-type{font-size:17px}
 .service-advantages .sa-content .text p:last-of-type{margin-top:6px;font-size:14px}
 .zs-content{flex-wrap:wrap}
 .zs-content>div{width:33%;margin-left:.5%}
 .zs-content>div:nth-of-type(3n+1){margin-left:0}
 .feedback-form form .form-group:nth-last-of-type(1), .feedback-form form .form-group:nth-last-of-type(2){width:40%}
 .zs-title .entitle{font-size:48px}
 .zs-title h3{margin:10px 0 20px}
 .zs-title .subtitle{font-size:16px;margin-bottom:40px}
 .met-showyyly .jieshao{flex-direction:column}
 .jieshao .showyyly-content, .jieshao .showyyly-img{width:100%}
 .jieshao .showyyly-img{margin-top:19px}
 .banner,.banner img{height:89vh}
 .index-news-title .news-nav div{padding:11px 30px}
 .index-news-title{padding-top:30px;padding-bottom:30px}
 .index-news-list .index-news-img{height:204px}
 .index-service-bg .swiper-slide{height:380px}
 .foot .mzbox:nth-of-type(2){flex-direction:column;justify-content:center}
 .foot .mzbox:nth-of-type(2) .foot-nav, .foot .mzbox:nth-of-type(2) .foot-contact{width:100%}
 .foot .mzbox:nth-of-type(2) .foot-contact{align-items:center;margin-top:65px;padding-top:65px;border-top:1px solid rgba(255,255,255,.1)}
 .foot .mzbox:nth-of-type(3){justify-content:center}
}
@media screen and (max-width:768.1px){ .banner .banner-content .title1 p:nth-of-type(2){font-size:36px}
 .banner .banner-content .title2{margin-top:20px}
 .inner-banner{align-items:center;justify-content:center;overflow:hidden;height:45vh}
 .inner-banner-img .cover{background:linear-gradient(to right,rgba(0,0,0,1),transparent 95%)}
 .inner-banner .inner-banner-img img{height:45vh;max-width:unset}
 .met-index-about .about-title .title-en{font-size:30px}
 .met-index-about .about-title .title-cn{font-size:29px}
 .met-index-about .about-desc-en{margin-top:3px}
 .met-index-about .round-pic{display:none}
 .met-index-about .about-right-title{margin-top:31px;font-size:29px}
 .met-index-about .about-more a{height:40px}
 .met-index-about .about-more i{line-height:40px}
 .met-index-about .about-more span{line-height:40px}
 .met-index-application{height:480px;--size:480px}
 .met-index-application .circle{display:none}
 .met-index-application .left{display:none}
 .met-index-application .mzbox{display:flex;justify-content:space-between}
 .met-index-application .left-wap{display:block;width:30%}
 .met-index-application .right{width:67%}
 .met-index-application .left-wap .swiper{height:var(--size);padding:29px 0}
 .met-index-application .left-wap .swiper-slide{display:flex;justify-content:space-between;align-items:center;background-color:#333;color:#fff;border-radius:50px}
 .met-index-application .left-wap .swiper-slide span{width:20%;text-align:center}
 .met-index-application .left-wap .swiper-slide h4{width:60%;text-align:left;color:#fff;font-size:14px}
 .met-index-application .left-wap .swiper-slide.clicked{background-color:var(--base-color)}
 .met-index-product .product-title .title-en{font-size:30px}
 .met-index-product .product-title .title-cn{font-size:28px;margin-top:-36px}
 .product-show{flex-direction:column}
 .product-show .left{width:100%;height:unset}
 .product-show .left .swiper-slide{padding:9px 0}
 .product-show .right{width:100%;margin-top:19px}
 .product-show .right .swiper-slide{padding:19px}
 .product-show .right .swiper-slide .right-info{height:unset}
 .product-show .right .swiper-slide .right-info .info-more a{font-size:14px}
 .product-show .right .pro-types .swiper-button-next, .product-show .right .pro-types .swiper-button-prev{top:50%;bottom:unset;transform:translateY(-50%)}
 .product-show .right .pro-types .swiper-button-next{left:unset;right:0}
 .partner{height:325px}
 .case-type>div{width:110px;height:110px}
 .case-type>div a{font-size:15px}
 .met-index-news .news-title-en{font-size:30px}
 .met-index-news .news-title-cn{font-size:28px;margin-top:0}
 .met-index-news .news-title-desc{margin-top:5px}
 .column-nav .column-line, .column-nav a:not(:first-of-type){margin-left:19px}
 .column-nav a:not(:first-of-type){font-size:15px}
 .in-entitle{font-size:33px}
 .in-zhtitle{font-size:31px}
 .company .ext-info{font-size:15px}
 .company .company_ext span{font-size:50px}
 .company .yj-content .line .point::after,.company .yj-content .line .point::before{width:470%}
 .develop .swiper .year{font-size:56px}
 .develop .swiper .text{margin-left:39px;font-size:18px}
 .develop .swiper .swiper-slide-active .text{font-size:20px}
 .develop .arrows{margin-right:20px}
 .honor .honor-top-right h5::after{bottom:-51px}
 .position{display:none}
 .met-showproduct .showproduct-top{flex-wrap:wrap}
 .met-showproduct .showproduct-top .pic-info{width:100%}
 .pic-info-bottom{justify-content:space-between;flex-direction:row;align-items:center}
 .pic-info-bottom a{margin-bottom:0}
 .met-showproduct .showproduct-top .pic-lists{width:25%}
 .met-showproduct .showproduct-top .pic-main{width:74%}
 .pic-info h5{font-size:24px}
 .pic-des{font-size:14px}
 .bottom-title{font-size:24px}
 .bottom-title span{padding-bottom:13px}
 .bottom-lists{margin-top:25px}
 .showproduct-rec{margin-top:42px}
 .met-shownews h4{font-size:29px}
 .met-shownews .left{padding:20px}
 .met-img li{width:49.5%;margin-left:1%;margin-top:9px}
 .met-img li:nth-of-type(3n+1){margin-left:1%}
 .met-img li:nth-of-type(2n+1){margin-left:0}
 .met-img li:nth-of-type(n+4){margin-top:9px}
 .met-showimg .mzbox{flex-wrap:wrap}
 .met-showimg .mzbox>div{width:100%}
 .met-showimg{margin-top:20px}
 .met-img-info h5{font-size:26px}
 .met-img-info p.img-phone{margin-bottom:15px}
 .met-img-big{margin-top:19px}
 .yyly-top .entitle{font-size:40px}
 .yyly-top .cntitle{font-size:30px}
 .yyly-top .desc{font-size:16px;margin-top:24px;line-height:2}
 .yylp-list .mzbox>a h5{font-size:16px}
 .yylp-list .mzbox>a p{display:none}
 .yylp-list .list-li{flex-direction:column;height:auto}
 .yylp-list .list-li>div{width:100%}
 .yylp-list .left-img img{width:100%}
 .yylp-list .right-content{padding:40px 25px}
 .yylp-list .btn-contactus{margin-top:35px}
 .yylp-list{padding-bottom:25px;padding-top:20px}
 .yxwl .yxwlcoop{height:260px}
 .yxwl .right-map .info-box{right:0;top:220px}
 .yxwl .entitle, .service-advantages .sa-title .entitle{font-size:40px}
 .yxwl .cntitle, .service-advantages .sa-title h3{font-size:30px}
 .yxwl .btn-contactus a, .yylp-list .btn-contactus a{height:43px;font-size:15px}
 .aftersale .af-title .entitle{font-size:48px}
 .aftersale .af-title h3{font-size:30px;margin:10px 0 20px}
 .aftersale .af-title .subtitle{font-size:16px;padding-left:20px;padding-right:20px;margin-bottom:40px}
 .aftersale{padding-top:42px;padding-bottom:55px}
 .aftersale .af_label{font-size:15px}
 .service-advantages .sa-content{flex-direction:column;align-items:flex-start}
 .service-advantages .sa-content>div{width:100%}
 .service-advantages .sa-content .text{padding:30px 20px}
 .service-advantages .sa-content .text p:first-of-type{font-size:18px}
 .service-advantages .sa-content .text p:last-of-type{font-size:16px}
 .contact .contacts>div{padding:23px 10px}
 .contact .contacts>div h5{font-size:23px;margin-bottom:9px;margin-top:5px}
 .contact .contact-title{font-size:66px}
 .met-showyyly .met-editor{font-size:16px}
 .showyyly-title h5{font-size:32px}
 .showyyly-title{margin-bottom:28px}
 .session1 .swiper{--swiper-pagination-bullet-size:14px}
 .session2 .met-editor>p:first-of-type img{margin-top:9px}
 .session5 .s-content>div{width:23.5%;margin-left:2%}
 .session5 .s-content>div:nth-of-type(6n+1){margin-left:2%}
 .session5 .s-content>div:nth-of-type(4n+1){margin-left:0}
 .environment .env-content .gallery.big-img a{height:360px}
 .environment .env-content .gallery a{height:170px}
 .environment .env-content .gallery .img-cover-box .img-cover-circle{width:141px;height:141px}
 .environment .env-content .gallery .img-cover-box .img-cover-circle::after{width:110px;height:110px}
 .environment .env-content .gallery .img-cover-box img{width:40%}
 .pro-right .pro-img{height:210px}
 .pro-right .pro-title{font-size:16px}
 .banner .banner-title{font-size:36px
 .banner .banner-entitle{font-size:19px}
 .banner .banner-link{font-size:15px;padding:10px 65px}
 .index-service-list>div{font-size:15px;padding:12px 40px}
 .index-service-content h4{font-size:36px}
 .index-service-content .met-editor{font-size:15px}
 .met-index-about .mzbox>div{width:100%;order:1}
 .met-index-about .index-about-right{display:none}
 .met-index-about .mzbox{flex-direction:column}
 .met-index-about .ext{justify-content:center}
 .met-index-about .ext .more-link{padding-right:20px}
 .met-index-product .index-product-left,.met-index-product .index-product-center{width:46%}
 .met-index-product .index-product-right{margin-bottom:70px}
 .met-index-product .index-product-center{--size:260px}
 .met-index-product .index-product-center .swiper-slide{height:240px}
 .index-about-left h4{font-size:36px;text-align:center}
 .index-product-left .index-product-content,.index-product-left .index-product-content p,.index-product-left .index-product-content p span{font-size:15px!important}
 .index-news-title{flex-direction:column;align-items:flex-start}
 .index-news-title .news-nav{margin-top:29px}
 .index-news-title .news-cntitle{font-size:36px}
 .index-news-title .news-entitle{font-size:65px}
 .index-news-title .news-title{position:relative}
 .met-index-product .index-product-left{width:100%;order:2}
 .met-index-product .index-product-center{width:80%;order:1}
 .met-index-product .mzbox{justify-content:center}
 .met-index-product .index-product-center .swiper-buttons{display:none}
 .met-index-product .index-product-right{margin-bottom:30px}
 .index-product-center{margin-bottom:30px}
 .index-product-left h5{text-align:center}
 .index-product-left .ext{justify-content:center}
 .index-product-left .ext .more-link{padding-right:29px}
 .index-product-content{text-align:center}
}
@media screen and (max-width:680.1px){ h1 img{max-width:100%;height:50px}
 .full-menu{width:80%}
 .met-head .nav-item + .nav-item{margin-left:19px}
 .met-head .nav-item dt span{padding-left:5px;font-size:14px;padding-right:5px}
 .nav-item.icons dl{padding-left:9px;padding-right:9px}
 .banner{height:80vh}
 .banner .swiper{height:100%}
 .banner .swiper-slide{height:100%}
 .banner .swiper-slide .box{vertical-align:bottom}
 .banner .banner-content .title1 p:nth-of-type(2){margin-top:20px}
 .banner-img img{width:auto;max-height:40vh;max-width:100%}
 .banner-img{margin-top:29px}
 .banner .banner-content .banner-line{margin-left:auto;margin-right:auto}
 .met-index-about .about-ext-info>div>p{margin-top:5px}
 .met-index-application .left-wap .swiper-slide h4{font-size:12px}
 .met-index-application .left-wap{width:26%}
 .met-index-application .left-wap .swiper-slide span:first-of-type{font-size:12px}
 .met-index-application{height:420px;--size:420px}
 .met-index-application .right>div .app_content, .met-index-application .right>div .app_content p{font-size:13px}
 .met-index-application .right>div h3{font-size:26px}
 .met-index-application .right>div .app_more{margin-top:30px}
 .met-index-application .right>div .app_more a{height:30px;font-size:13px}
 .met-index-application .right>div .app_more span, .met-index-application .right>div .app_more i{line-height:30px}
 .product-show .left .swiper-slide h3{font-size:14px}
 .product-show .right .swiper-slide>div{width:100%}
 .product-show .right .swiper-slide .right-info{display:none}
 .product-show .right .swiper-slide .left-img img{max-height:394px}
 .partner{height:390px}
 .case-type{display:none}
 .met-index-news .news-title-en{font-size:56px}
 .met-index-news .news-title-cn{font-size:38px;margin-top:-56px}
 .foot-main .right-menu dl+dl{margin-left:9px}
 .column-nav{display:none}
 .company .ext-info{flex-wrap:wrap;margin-top:50px;margin-bottom:50px}
 .company .ext-info>div{margin-top:19px}
 .company .yj-content h4{font-size:20px}
 .company .yj-content .sub-name{font-size:15px}
 .company .met-editor{padding:0 9px;font-size:14px}
 .company .yj-content .icos{width:90px;height:90px}
 .develop .swiper{height:430px}
 .develop .swiper .swiper-slide>div.arrico{display:none}
 .develop .swiper .year{font-size:36px}
 .develop .swiper .text{margin-left:32px;font-size:16px}
 .develop .swiper .swiper-slide-active .text{font-size:18px}
 .develop .arrows>div{width:46px;height:46px}
 .honor .honor-nav{flex-direction:column;align-items:center;text-align:center;padding-bottom:20px;border-bottom:0}
 .honor .honor-top-right{margin-top:19px}
 .honor .honor-top-right h5::after{bottom:-21px}
 .honor .honor-content{margin-top:20px}
 .environment .env-nav{flex-direction:column;align-items:center;text-align:center}
 .environment .env-label{display:none}
 .environment .arrows{margin-top:19px}
 .environment .env-content .swiper-slide>div.big-img{float:unset;width:100%}
 .environment .env-content .swiper-slide>div{width:49%;margin-top:9px}
 .environment .env-content .swiper-slide>div:nth-of-type(2){float:left}
 .environment .env-content .gallery .img-cover .img-cover-circle{width:118px;height:118px}
 .environment .env-content .gallery .img-cover .img-cover-circle::after{width:80px;height:80px}
 .environment .env-content{margin-top:20px}
 .leader .leader-top .leader-text .theme{font-size:23px;margin:9px 0}
 .leader .leader-content{margin-top:25px}
 .pro-right ul li{width:49%;margin-top:9px}
 .pro-right ul li:nth-of-type(3n+1){margin-left:2%}
 .pro-right ul li:nth-of-type(2n+1){margin-left:0}
 .pro-right ul li:nth-of-type(n+4){margin-top:9px}
 .met_pager{margin-top:19px}
 .met_pager .btn{background-color:var(--base-color);border-color:var(--base-color)}
 .met-product-list .mzbox{flex-direction:column;align-items:flex-start}
 .pro-list-top .pro-search{width:100%;margin-top:9px}
 .showproduct-rec{margin-top:40px}
 .met-news-list .met-pager-ajax a{flex-direction:column}
 .news-content{width:100%}
 .met-news-list .news-img{width:100%;max-width:unset;margin-top:19px}
 .met-news .para_search{flex-wrap:wrap}
 .met-news .para_search>div.paras{width:49%}
 .met-news .para_search>div.news-search{width:100%;margin-top:9px}
 .news-content h5{margin-top:0}
 .news-content .rightico{display:none}
 .news-content .time{margin-top:9px}
 .met-shownews h4{font-size:26px}
 .met-shownews .date-info{font-size:14px}
 .met-img li{width:100%;margin-left:0;margin-top:9px}
 .met-img li:nth-of-type(3n+1){margin-left:0}
 .met-img li:nth-of-type(2n+1){margin-left:0}
 .met-img li:nth-of-type(n+4){margin-top:9px}
 .pro-list-top .mzbox{flex-direction:column;align-items:flex-start}
 .yxwl .right-map .point4{display:none}
 .yxwl .right-map .bigpoint{top:140px}
 .yxwl .right-map .info-box{top:190px}
 .aftersale .af-content>div span{font-size:39px;margin-left:5px}
 .aftersale .af-content>div>div img{width:60%}
 .aftersale .af_label{font-size:12px}
 .aftersale .af-content>div>div:last-of-type{margin-top:5px}
 .feedback-form form .form-group:nth-of-type(1), .feedback-form form .form-group:nth-of-type(2), .feedback-form form .form-group:nth-last-of-type(1), .feedback-form form .form-group:nth-last-of-type(2){width:100%}
 .message-form form div.form-group{width:100%}
 .message-form form div:nth-of-type(5), .message-form form div:nth-of-type(6){width:100%}
 .message-form form div:nth-of-type(6){margin-top:20px}
 .contact .contacts>div{width:100%}
 .contact .contacts{flex-wrap:wrap}
 .contact .contacts>div+div{margin-left:0;margin-top:19px}
 .session5 .s-content>div{width:33%;margin-left:.5%}
 .session5 .s-content>div:nth-of-type(6n+1){margin-left:.5%}
 .session5 .s-content>div:nth-of-type(4n+1){margin-left:.5%}
 .session5 .s-content>div:nth-of-type(3n+1){margin-left:0}
 .pro-right .pro-img{height:260px}
 .search-box{width:80%}
 .form-main{flex-direction:column}
 .form-main input, .form-main button{width:100%;border-radius:50px;height:50px;text-align:center}
 .form-main input{font-size:16px;border-right:1px solid var(--base-color)}
 .form-main button{margin-top:19px}
 .searchcert .title{font-size:36px}
 .searchcert .subtitle{margin-top:9px}
 .foot .mzbox:nth-of-type(3){flex-direction:column}
 .foot .mzbox:nth-of-type(3) * + *{margin-left:0;margin-top:3px}
 .banner .swiper-slide .mzbox{text-align:center}
}
@media screen and (max-width:580.1px){ .met-head .nav-item dd{width:120px}
 .met-head .icons{min-width:unset}
 .nav-item.icons dl dt span{display:none}
 .language .fa-angle-down{display:none}
 .banner .banner-content .title2{font-size:15px}
 .banner .banner-content .title1 p:nth-of-type(2){font-size:26px}
 .banner .banner-content .title1 p:nth-of-type(1){font-size:24px}
 .met-index-about .about-title .title-en{display:none}
 .met-index-about .about-ext-info{flex-wrap:wrap}
 .met-index-about .about-ext-info>div{width:50%}
 .met-index-about .about-ext-info>div:nth-of-type(n+3){margin-top:19px}
 .met-index-about .about-more>a{margin:auto}
 .met-index-application .mzbox{flex-direction:column}
 .met-index-application .mzbox>div{width:100%}
 .met-index-application .left-wap{display:none}
 .met-index-application0 .show-sm{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
 .met-index-application0 .show-sm>div{width:50%;background:#333;color:#fff;padding:9px;text-align:center}
 .met-index-application0 .show-sm>div h4{color:#fff;font-size:15px}
 .met-index-application0 .show-sm>div.clicked{background:var(--base-color)}
 .met-index-product .product-title .round-pic{display:none}
 .met-index-product .product-title .title-cn{font-size:37px;margin-top:-50px}
 .met-index-case .case .case-swiper .swiper-slide .img-info{height:40px}
 .met-index-case .case .img-info .left h5{font-size:17px}
 .met-index-case .case .img-info .right{line-height:37px}
 .partner{height:320px;padding-top:33px!important;padding-bottom:33px!important}
 .in-zhtitle{font-size:26px}
 .in-entitle{font-size:31px}
 .company .met-editor{padding:0;margin-top:19px;line-height:1.8}
 .company .company_ext span{font-size:40px}
 .company .ext-info{text-align:center;font-size:13px}
 .company .yj-content .icos{width:80px;height:80px}
 .develop .arrows{display:none}
 .develop .dev-content .swiper{margin-top:19px}
 .develop .swiper .swiper-slide{flex-direction:column;align-items:flex-start}
 .develop .swiper .text{margin-left:0;margin-top:9px}
 .develop .swiper{height:390px}
 .pro-right ul li{width:100%;margin-left:0}
 .pro-right ul li:nth-of-type(3n+1){margin-left:0}
 .pic-info-bottom{flex-direction:column;align-items:flex-start}
 .pic-info-bottom a{margin-bottom:19px}
 .yylp-list .mzbox:first-of-type a{width:33%;margin-left:.5%}
 .yylp-list .mzbox:first-of-type a:nth-of-type(5n+1), .yylp-list .mzbox:first-of-type a:nth-of-type(4n+1){margin-left:.5%}
 .yylp-list .mzbox:first-of-type a:nth-of-type(3n+1){margin-left:0}
 .yylp-list .mzbox:first-of-type a{margin-top:2px;padding-top:22px;padding-bottom:22px}
 .yylp-list .mzbox:nth-of-type(2){display:none}
 .yxwl .yxwlcoop{display:none}
 .yxwl .right-map{display:none}
 .aftersale .af-content{flex-wrap:wrap}
 .aftersale .af-content>div{width:50%}
 .aftersale .af-title .subtitle{padding-left:0;padding-right:0}
 .aftersale .af-title .entitle, .service-advantages .sa-title .entitle{font-size:36px}
 .service-advantages .sa-title h3{margin:10px 0 20px}
 .zs-content>div{width:49.5%;margin-left:1%}
 .zs-content>div:nth-of-type(3n+1){margin-left:1%}
 .zs-content>div:nth-of-type(2n+1){margin-left:0}
 .contact .contact-title{font-size:46px}
 .contact .contact-subtitle{font-size:24px}
 .contact .contacts{margin-top:30px}
 .session5 .s-content>div{width:49.5%;margin-left:.5%}
 .session5 .s-content>div:nth-of-type(6n+1){margin-left:.5%}
 .session5 .s-content>div:nth-of-type(4n+1){margin-left:.5%}
 .session5 .s-content>div:nth-of-type(3n+1){margin-left:.5%}
 .session5 .s-content>div:nth-of-type(2n+1){margin-left:0}
 .environment .env-content .gallery .img-cover-box{display:none}
 .product-show .right .swiper-slide{justify-content:center}
 .honor .honor-content .swiper-slide{text-align:center}
 .pro-right .pro-img{height:390px}
 .banner .banner-title{font-size:29px}
 .banner .banner-entitle{font-size:15px}
 .index-news-title .news-nav div{padding:7px 24px;font-size:15px}
 .index-news-title .news-nav div+div{margin-left:23px}
 .index-news-list .index-news-img{height:144px}
 .index-news-list .index-news-content{padding:6px}
 .index-news-list .index-news-content-title, .index-news-list .index-news-date{font-size:14px}
 .index-service-list>div{padding:7px 27px;font-size:15px}
 .foot .mzbox:first-of-type{flex-direction:column;align-items:center}
 .foot .mzbox:first-of-type .qrcode-box{margin-top:29px}
 .foot .mzbox:nth-of-type(2) .foot-nav dt{font-size:17px}
 .foot .mzbox:nth-of-type(2) .foot-nav dl a{font-size:14px}
 .foot .mzbox:nth-of-type(3),.foot .mzbox:nth-of-type(3) a{font-size:14px}
 .foot .mzbox:nth-of-type(3) * + *{margin-top:9px}
 .index-service-content .met-editor{font-size:14px}
 .index-service-list>div{font-size:13px;padding:7px 17px}
}
@media screen and (max-width:425.1px){ .partner{height:250px;padding-top:33px!important;padding-bottom:33px!important}
 .pro-right .pro-img{height:300px}
 .met-shownews .pagination{flex-direction:row;justify-content:space-between}
 .index-service-list>div+div{margin-left:5px;font-size:14px}
 .index-news-title .news-nav div{padding:7px 15px;font-size:14px}
 .index-about-left .index-about-content{font-size:14px}
 .index-product-left h5,.index-news-title .news-cntitle,.index-service-content h4,.banner .banner-title, .index-about-left h4{font-size:24px}
 .index-about-left .index-about-content{margin-top:28px}
}