/*! 狐灵CSS 选择辅助工具 Style from: http://01.hamdjt.com/skin/css/basic.css */
section{display:block;}
::-webkit-input-placeholder{opacity:.54;color:inherit;}
@media print{
*,::after,::before,::first-letter,div::first-line,li::first-line{-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important;}
a,a:visited{text-decoration:underline;}
img{page-break-inside:avoid;}
h2,h3{orphans:3;widows:3;}
h2,h3{page-break-after:avoid;}
}
*,::after,::before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
ul{margin-top:0;margin-bottom:1rem;}
a{text-decoration:none;color:#62a8ea;background-color:transparent;-webkit-text-decoration-skip:objects;}
a:active,a:hover{outline-width:0;}
a:focus,a:hover{text-decoration:underline;color:#89bceb;}
a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
img{vertical-align:middle;}
a{-ms-touch-action:manipulation;touch-action:manipulation;}
h2,h3{font-weight:400;line-height:1.2;color:#37474f;}
h2,h3{margin-top:22px;margin-bottom:11px;}
h2{font-size:2.143rem;}
h3{font-size:1.715rem;}
.clearfix::after{display:table;clear:both;content:'';}
[class*=animation-]{-webkit-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease-out;-o-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;}
.animation-slide-bottom{-webkit-animation-name:slide-bottom;-o-animation-name:slide-bottom;animation-name:slide-bottom;}
.icon{position:relative;display:inline-block;font-style:normal;font-weight:400;text-rendering:auto;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);line-height:1;}
[class*=' fa-']{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.fa-play-circle-o:before{content:"\f01d";}
.fa-barcode:before{content:"\f02a";}
.fa-hdd-o:before{content:"\f0a0";}
.fa-long-arrow-right:before{content:"\f178";}
.fa-line-chart:before{content:"\f201";}
.fa-cart-plus:before{content:"\f217";}
.fa-window-maximize:before{content:"\f2d0";}
a:focus{outline:none;}
a:active,a:focus,a:hover{text-decoration:none;}
a:hover{color:#4e97d9;}
section{display:block;}
[class*="animation-"]{animation-fill-mode:none;}
/*! 狐灵CSS 选择辅助工具 Style from: http://01.hamdjt.com/skin/css/online.css */
/*! 狐灵CSS 选择辅助工具 Style from: http://01.hamdjt.com/skin/css/anim.css */
.anim-1,.anim-2,.anim-3,.anim-4,.anim-5,.anim-6{-webkit-transform:translateY(100px) translateX(0);-moz-transform:translateY(100px) translateX(0);transform:translateY(100px) translateX(0);opacity:0;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;}
.anim-1{-webkit-transition:transform .8s,opacity .8s;-moz-transition:transform .8s,opacity .8s;-o-transition:transform .8s,opacity .8s;transition:transform .8s,opacity .8s;}
.anim-2{-webkit-transition:transform 1s,opacity 1s;-moz-transition:transform 1s,opacity 1s;-o-transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s;}
.anim-3{-webkit-transition:transform 1.2s,opacity 1.2s;-moz-transition:transform 1.2s,opacity 1.2s;-o-transition:transform 1.2s,opacity 1.2s;transition:transform 1.2s,opacity 1.2s;}
.anim-4{-webkit-transition:transform 1.4s,opacity 1.4s;-moz-transition:transform 1.4s,opacity 1.4s;-o-transition:transform 1.4s,opacity 1.4s;transition:transform 1.4s,opacity 1.4s;}
.anim-5{-webkit-transition:transform 1.6s,opacity 1.6s;-moz-transition:transform 1.6s,opacity 1.6s;-o-transition:transform 1.6s,opacity 1.6s;transition:transform 1.6s,opacity 1.6s;}
.anim-6{-webkit-transition:transform 1.8s,opacity 1.8s;-moz-transition:transform 1.8s,opacity 1.8s;-o-transition:transform 1.8s,opacity 1.8s;transition:transform 1.8s,opacity 1.8s;}
.anim-show{-webkit-transform:translateY(0px) translateX(0);-moz-transform:translateY(0px) translateX(0);transform:translateY(0px) translateX(0);opacity:1;}
/*! 狐灵CSS 选择辅助工具 Style from: http://01.hamdjt.com/skin/css/index_cn.css */
html:not(.isMobile) *::-webkit-scrollbar{width:6px;background:#fff;}
html:not(.isMobile) *::-webkit-scrollbar-thumb{/* background-color:#2e3192; *//* background-color:#8a8cff; */}
ul,li{padding:0px;list-style:none;}
.service_list_met_21_6_53.bgpic{background:url(../images/1593740890.jpg) no-repeat;background-size:cover;background-position:center;background-attachment:fixed;}
.service_list_met_21_6_53{padding:70px 0px;}
.service_list_met_21_6_53 h2{font-size:36px;color:#212121;}
@media (max-width:991px){
.service_list_met_21_6_53{padding:60px 0px;}
}
@media (max-width:767px){
.service_list_met_21_6_53{padding:50px 0px;}
}
*{box-sizing:border-box;}
.service_list_met_21_6_53 h2,.service_list_met_21_6_53 h3,.service_list_met_21_6_53 li,.service_list_met_21_6_53 ul{margin:0;padding:0;}
.service_list_met_21_6_53 img{border:0;display:block;width:100%;}
.service_list_met_21_6_53 ul{list-style:none;}
.service_list_met_21_6_53 a{font-size:14px;text-decoration:none;transition:ease .65s;color:#212121;}
.service_list_met_21_6_53 a:hover{color:#C03C42;}
.service_list_met_21_6_53 .clearfix:after{content:"\200B";display:block;height:0;clear:both;}
.service_list_met_21_6_53 .lh-about-h2{color:#212121;font-size:30px;max-width:170px;position:absolute;left:0;top:50%;transform:translateY(-50%);padding-left:20px;}
.service_list_met_21_6_53 .lh-about-h2.text_y{width:calc(20px + 1em);}
.service_list_met_21_6_53 .lh-about-h2:after{content:'';display:block;width:250%;height:1px;background:#2e3192;position:absolute;left:-150%;bottom:-20px;}
.service_list_met_21_6_53 .lh-about-h2:after{animation:logoWidth linear 1s;animation-fill-mode:both;width:0;animation-delay:1s;}
.service_list_met_21_6_53 .lh-about-h2{animation:logoFade linear 1s;animation-fill-mode:both;}
.service_list_met_21_6_53 .lh-wapAbout-h2{display:none;color:#212121;text-align:center;font-size:30px;padding:20px 0;}
.service_list_met_21_6_53 .lh-wapAbout-h2:after{content:'';display:block;width:10vw;height:1px;background:#2e3192;position:absolute;left:45%;bottom:10px;}
.service_list_met_21_6_53 .lh-wapAbout-h2{display:none;}
.service_list_met_21_6_53 .clearfix{*zoom:1;}
.service_list_met_21_6_53 h2,.service_list_met_21_6_53 h3{font-size:100%;font-weight:normal;}
.service_list_met_21_6_53 i{font-style:normal;}
.service_list_met_21_6_53 .lh-flex{display:flex;display:-webkit-flex;flex-direction:row;-webkit-flex-direction:row;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.service_list_met_21_6_53 .lh-more{display:inline-block;width:130px;height:30px;line-height:30px;text-align:center;color:#888;background:#fff;box-shadow:0 0 10px rgba(12,3,6,.13);position:relative;z-index:1;}
.service_list_met_21_6_53 .lh-more i{float:right;display:inline-block;width:30px;height:30px;line-height:30px;background:#AC1722;color:#fff;font-size:20px;transition:ease .65s;position:relative;z-index:1;}
.service_list_met_21_6_53 .lh-more i:after{transition:ease-in .65s;content:'';display:block;width:0;height:100%;background:#ffffff;position:absolute;left:0;top:0;z-index:-1;}
.service_list_met_21_6_53 .lh-more:before{transition:ease-out .35s;content:'';display:block;width:0;height:100%;background:#2e3192;position:absolute;left:0;top:0;z-index:-1;}
.service_list_met_21_6_53 .lh-more:hover:before{width:100%;}
.service_list_met_21_6_53 .lh-more:hover i{color:#2e3192;transition-delay:.2s;}
.service_list_met_21_6_53 .lh-more:hover i:after{width:100%;transition-delay:.2s;transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);}
.service_list_met_21_6_53 .lh-business{position:relative;}
.service_list_met_21_6_53 .lh-business-item{width:75vw;margin:auto;}
.service_list_met_21_6_53 .lh-business-item li{flex:1;padding:0px 10px;height:auto;text-align:center;transition:ease .65s;position:relative;z-index:1;}
.service_list_met_21_6_53 .lh-business-item li>i{font-size:75px;color:#212121;transition:ease .65s;margin-bottom:13px;display:inline-block;}
.service_list_met_21_6_53 .lh-business-item li .img{overflow:hidden;width:100%;transition:ease .65s;opacity:0;visibility:hidden;transform:scale(0);}
.service_list_met_21_6_53 .lh-business-item li h2{font-size:24px;color:#212121;position:relative;transition:ease .65s;margin:35px 0 55px;transform:translateY(-165px);}
.service_list_met_21_6_53 .lh-business-item li h2:after{content:'';display:block;width:40px;height:1px;background:#212121;position:absolute;left:50%;bottom:-27px;margin-left:-20px;transition:ease .65s;}
.service_list_met_21_6_53 .lh-business-item li h3{line-height:24px;color:#666666;margin-bottom:40px;height:144px;overflow:hidden;transition:ease .65s;transform:translateY(-165px);}
.service_list_met_21_6_53 .lh-business-item li:hover:before{height:100%;}
.service_list_met_21_6_53 .lh-business-item li:hover .img{transform:scale(1);opacity:1;visibility:visible;}
.service_list_met_21_6_53 .lh-business-item li:hover>i{color:#2e3192;transform:translateY(-20px) scale(1.3);-ms-transform:translateY(-20px) scale(1.3);-moz-transform:translateY(-20px) scale(1.3);-webkit-transform:translateY(-20px) scale(1.3);-o-transform:translateY(-20px) scale(1.3);}
.service_list_met_21_6_53 .lh-business-item li:hover h2{color:#2e3192;transform:translateY(0);}
.service_list_met_21_6_53 .lh-business-item li:hover h2:after{background:#2e3192;}
.service_list_met_21_6_53 .lh-business-item li:hover h3{transform:translateY(0);transition:ease-in-out .65s;}
.service_list_met_21_6_53 .lh-business-item li a{width:30px;position:relative;background:none;transform:translateY(-195px);box-shadow:none;}
.service_list_met_21_6_53 .lh-business-item li a span{opacity:0;visibility:hidden;width:0;}
.service_list_met_21_6_53 .lh-business-item li a i{position:absolute;right:0;top:0;background:none;border:1px solid;border-color:#2e3192;color:#2e3192;}
.service_list_met_21_6_53 .lh-business-item li:hover a{transform:translateY(0);width:130px;box-shadow:0 0 10px rgba(12,3,6,.13);}
.service_list_met_21_6_53 .lh-business-item li:hover a span{opacity:1;visibility:visible;}
.service_list_met_21_6_53 .lh-business-item li:hover a i{position:inherit;}
.service_list_met_21_6_53 .lh-mobile-more{display:none;}
@media screen and (max-width:1440px){
.service_list_met_21_6_53 .lh-business-item{width:86vw;}
}
@media screen and (max-width:1366px){
.service_list_met_21_6_53 .lh-business-item{margin:auto;}
.service_list_met_21_6_53 .lh-business-item li{padding:50px 10px;}
.service_list_met_21_6_53 .lh-business-item li:hover>i{color:#2e3192;transform:translateY(0px) scale(1);-ms-transform:translateY(0px) scale(1);-moz-transform:translateY(0px) scale(1);-webkit-transform:translateY(0px) scale(1);-o-transform:translateY(0px) scale(1);}
}
@media screen and (max-width:1024px){
.service_list_met_21_6_53 .lh-about-h2{display:none;}
.service_list_met_21_6_53 .lh-wapAbout-h2{display:block;margin:auto;text-align:center;position:relative;}
.service_list_met_21_6_53 .lh-business-item{width:100%;}
.service_list_met_21_6_53 .lh-business-item li h2{transform:translateY(-175px);}
}
@media screen and (max-width:768px){
.service_list_met_21_6_53.bgpic{background-attachment:scroll;}
.service_list_met_21_6_53 .lh-business-item{width:100%;}
.service_list_met_21_6_53 .lh-wapAbout-h2{display:block;position:relative;}
.service_list_met_21_6_53 .lh-business-item{margin-top:10px;padding:0 10px;}
.service_list_met_21_6_53 .lh-business-item li{flex:none;width:100%;padding:20px 10px;border-bottom:1px dashed;border-color:#212121;position:relative;height:auto;}
.service_list_met_21_6_53 .lh-business-item li:last-child{border-bottom:none;}
.service_list_met_21_6_53 .lh-business-item li>i{font-size:32px;float:left;}
.service_list_met_21_6_53 .lh-business-item li .img{display:none;}
.service_list_met_21_6_53 .lh-business-item li h2{width:100%;transform:translateY(0);position:relative;margin:5px 0 0;text-align:left;padding-left:90px;font-size:18px;}
.service_list_met_21_6_53 .lh-business-item li h2:after{left:62px;top:50%;transform:translate(0,0);}
.service_list_met_21_6_53 .lh-business-item li h3{transform:translateY(0);margin:5px 0 0;width:100%;}
.service_list_met_21_6_53 .lh-business-item li a{position:absolute;right:10px;top:22px;transform:translateY(0);}
.service_list_met_21_6_53 .lh-business-item li:hover a{box-shadow:none;background:none;width:30px;}
.service_list_met_21_6_53 .lh-business-item li:hover a span{display:none;}
.service_list_met_21_6_53 .lh-business-item li:before{display:none;}
.service_list_met_21_6_53 .lh-business{background-size:cover;}
.service_list_met_21_6_53 .lh-business-item li a.lh-mobile-more{width:100%;height:100%;display:block;position:absolute;left:0;top:0;z-index:5;}
}
.service_list_met_21_6_53 .lh-more{color:#2e3192;}
.service_list_met_21_6_53 .lh-more:hover{color:#ffffff;}
.service_list_met_21_6_53 .lh-business-item li:before{content:" ";display:block;width:100%;height:0;background:#ffffff;box-shadow:0px 0px 10px #d8d8d8;position:absolute;left:0;top:0;z-index:-1;transition:ease-in .65s;}
/*! CSS Used keyframes */
@-webkit-keyframes slide-bottom{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
@-o-keyframes slide-bottom{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
@keyframes slide-bottom{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}100%{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}
@keyframes logoWidth{0%{width:0;}100%{width:250%;}}
@keyframes logoFade{0%{opacity:0;transform:translateY(-100%);}100%{opacity:100;transform:translateY(-50%);}}
/*! CSS Used fontfaces */
@font-face{font-family:'FontAwesome';src:url(http://01.hamdjt.com/skin/css/fontawesome-webfont.eot?v=4.7.0);src:url(../fonts/fontawesome-webfont.eot#iefix&v=4.7.0) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff2) format('woff2'),url(../fonts/fontawesome-webfont.woff) format('woff'),url(../fonts/fontawesome-webfont.ttf) format('truetype'),url(../fonts/fontawesome-webfont.svg) format('svg');font-weight:normal;font-style:normal;}</style></head><body><div class="service_list_met_21_6_53 met-index-service met-index-body met-index-newproduct bgpic">