/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}optgroup{font-weight:700}td,th{padding:0}
@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}
@media \0screen{.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}
@media \0screen{.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:hidden}}
.icons{display:inline-block;background-repeat:no-repeat;background-position:0 0}
.icons.videoplaybtn{display:block;width:85px;height:85px;position:absolute;z-index:5;left:50%;top:50%;margin-left:-42.5px;margin-top:-42.5px;background-image:url(https://assets.megvii.com/static/images/common/video_playbtn.png)}
.icons.header-service{width:24px;height:22px;vertical-align:sub;margin-right:3px;background-image:url(https://assets.megvii.com/static/images/common/icons/icon_service.png)}

blockquote,body,dd,div,dl,dt,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,input,li,ol,p,pre,select,td,textarea,th,ul{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-family:PingFang SC,Microsoft YaHei,微软雅黑,Arial,sans-serif;box-sizing:border-box;line-height:1}
body,html{background-color:#fff;min-width:1200px;margin:0 auto;height:100%}

img{border:none}
a:active,a:focus,a:visited,button:active,button:focus,button:visited,div:active,div:focus,div:visited,input:active,input:focus,input:visited,li:active,li:focus,li:visited,p:active,p:focus,p:visited{outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:hover{text-decoration:none}li{list-style:none}
.container{min-height:100%;min-height:inherit;transition:all .2s linear 0s}
@media screen and (min-width:240px){.container{min-height:100%}}
@media screen and (min-width:780px){.container{min-height:inherit}}
.menu-show{overflow:hidden}
.menu-show .container,.menu-show .footer{transform:translateX(-60%)}
.menu-show:after{content:"";display:block;position:fixed;left:0;top:0;bottom:0;right:0;background-color:rgba(0,0,0,.5);z-index:800}
.content-box{padding-top:135px;zoom:1;width:1200px;margin:0 auto}

#kf5-support-btn,.lt-ie9 .tab-bar a:after,.lt-ie9 .tab-bar a:before{display:none!important}
.header{position:fixed;left:0;top:0;width:100%;z-index:9999;height:auto;background-color:#282830;transition:all .3s ease 0s}
.header.home_header{background-color:transparent}
@media screen and (min-width:240px){.header.home_header{background-color:#282830}}
@media screen and (min-width:780px){.header.home_header{background-color:transparent}}
.header.campus_header{background-color:rgba(62,62,62,.6);background-color:#171717}
@media screen and (min-width:240px){.header.campus_header{background-color:#282830}}
@media screen and (min-width:780px){.header.campus_header{background-color:rgba(62,62,62,.6)}}
.header.transparent{background-color:transparent}.header.fixTop{background-color:#282830!important}
.header .header-container{width:100%;min-width:780px;zoom:1;margin:0 auto;max-width:1200px;height:84px;padding:0;transition:all .3s ease 0s}
@media screen and (min-width:240px){.header .header-container{min-width:240px}}
@media screen and (min-width:780px){.header .header-container{min-width:780px}}
.header .header-container:after{clear:both;content:".";display:block;height:0;visibility:hidden;overflow:hidden}
@media screen and (min-width:240px){.header .header-container{height:auto}}
@media screen and (min-width:780px){.header .header-container{height:84px}}
.header .header-container .logo{float:left;display:block;position:relative;z-index:1;height:84px;width:auto;margin-top:0;margin-left:0;background-image:none;background-size:contain;background-repeat:no-repeat;background-position:0;line-height:84px}
@media screen and (min-width:240px){.header .header-container .logo{height:4rem}}
@media screen and (min-width:780px){.header .header-container .logo{height:84px}}
@media screen and (min-width:240px){.header .header-container .logo{width:8rem}}
@media screen and (min-width:780px){.header .header-container .logo{width:auto}}
@media screen and (min-width:240px){.header .header-container .logo{margin-top:0}}
@media screen and (min-width:780px){.header .header-container .logo{margin-top:0}}
@media screen and (min-width:240px){.header .header-container .logo{margin-left:5%}}
@media screen and (min-width:780px){.header .header-container .logo{margin-left:0}}
@media screen and (min-width:240px){.header .header-container .logo{background-image:url(https://assets.megvii.com/static/images/common/logo@4x.png)}}
@media screen and (min-width:780px){.header .header-container .logo{background-image:none}}
.header .header-container .logo img{width:200px;vertical-align:middle;display:inline;height:auto;}																																																																																																																																																@media screen and (min-width:240px){.header .header-container .logo img{display:none}}
@media screen and (min-width:780px){.header .header-container .logo img{display:inline}}
.header .header-container .mobile-header-bar{height:4rem;background-color:#282830;width:100%;position:relative;display:none}
@media screen and (min-width:240px){.header .header-container .mobile-header-bar{display:block}}
@media screen and (min-width:780px){.header .header-container .mobile-header-bar{display:none}}
.header .header-container .mobile-header-bar a{width:2rem;height:2rem;display:block;position:absolute;top:50%;margin-top:-1.1rem;right:18%}
.header .header-container .mobile-header-bar a img{width:100%}
.header .header-container .menu-btn{position:absolute;right:5%;top:50%;margin-top:-1rem;width:2rem;height:2rem;padding:.3rem;display:none;transition:all .2s linear 0s}
@media screen and (min-width:240px){.header .header-container .menu-btn{display:block}}
@media screen and (min-width:780px){.header .header-container .menu-btn{display:none}}
.header .header-container .menu-btn i{display:block;width:100%;height:.2rem;background-color:#fff;transition:all .3s ease 0s}
.header .header-container .menu-btn i:nth-child(2){margin:.3rem 0;left:0;top:50%}
.header .header-container .menu-btn i:nth-child(3){opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);position:absolute;left:0;top:50%;margin-top:-.1rem}
.header .header-container>ul{float:right;padding-top:0;margin-top:0;height:auto;width:auto;position:inherit;transform:inherit;background-color:transparent;right:0;top:0;transition:all .2s linear 0s}
@media screen and (min-width:240px){.header .header-container>ul{margin-top:4rem}}
@media screen and (min-width:780px){.header .header-container>ul{margin-top:0}}
@media screen and (min-width:240px){.header .header-container>ul{height:100%}}
@media screen and (min-width:780px){.header .header-container>ul{height:auto}}
@media screen and (min-width:240px){.header .header-container>ul{width:100%}}
@media screen and (min-width:780px){.header .header-container>ul{width:auto}}
@media screen and (min-width:240px){.header .header-container>ul{position:fixed}}
@media screen and (min-width:780px){.header .header-container>ul{position:inherit}}
@media screen and (min-width:240px){.header .header-container>ul{transform:translate3d(100%,0,0)}}
@media screen and (min-width:780px){.header .header-container>ul{transform:inherit}}
@media screen and (min-width:240px){.header .header-container>ul{background-color:#282830}}
@media screen and (min-width:780px){.header .header-container>ul{background-color:transparent}}
.header .header-container>ul>li:first-of-type{border-top:none}
@media screen and (min-width:240px){.header .header-container>ul>li:first-of-type{border-top:none}}
@media screen and (min-width:780px){.header .header-container>ul>li:first-of-type{border-top:none}}
.header .header-container>ul>li{border-top:none;height:5px;position:relative;float:left;margin-top:18px;margin-left:10px;white-space:nowrap}
@media screen and (min-width:240px){.header .header-container>ul>li{border-top:1px solid #fff}}
@media screen and (min-width:780px){.header .header-container>ul>li{border-top:none}}
@media screen and (min-width:240px){.header .header-container>ul>li{height:auto}}
@media screen and (min-width:780px){.header .header-container>ul>li{height:5px}}
@media screen and (min-width:240px){.header .header-container>ul>li{float:none}}
@media screen and (min-width:780px){.header .header-container>ul>li{float:left}}
@media screen and (min-width:240px){.header .header-container>ul>li{margin-top:0}}
@media screen and (min-width:780px){.header .header-container>ul>li{margin-top:18px}}
@media screen and (min-width:240px){.header .header-container>ul>li{margin-left:0}}

@media screen and (min-width:780px){.header .header-container>ul>li{margin-left:10px}}
.header .header-container>ul>li .abc{background-color:#00a5e3!important}
.header .header-container>ul>li a{padding:0;width:92px;text-align:center;padding:0 10px;height:50px;line-height:50px;color:#fff;font-size:16px;display:block;background-color:transparent;text-align:none;transition:all .3s ease 0s}
@media screen and (min-width:240px){.header .header-container>ul>li a{padding:1rem 0}}
@media screen and (min-width:780px){.header .header-container>ul>li a{padding:0; color:#000}}
@media screen and (min-width:240px){.header .header-container>ul>li a{width:100%}}
@media screen and (min-width:780px){.header .header-container>ul>li a{width:92px}}
@media screen and (min-width:240px){.header .header-container>ul>li a{text-align:left}}
@media screen and (min-width:780px){.header .header-container>ul>li a{text-align:center}}
@media screen and (min-width:240px){.header .header-container>ul>li a{padding:0}}
@media screen and (min-width:780px){.header .header-container>ul>li a{padding:0 10px}}
@media screen and (min-width:240px){.header .header-container>ul>li a{height:4rem}}
@media screen and (min-width:780px){.header .header-container>ul>li a{height:50px}}
@media screen and (min-width:240px){.header .header-container>ul>li a{line-height:4rem}}
@media screen and (min-width:780px){.header .header-container>ul>li a{line-height:50px}}
@media screen and (min-width:240px){.header .header-container>ul>li a{font-size:1.4rem}}
@media screen and (min-width:780px){.header .header-container>ul>li a{font-size:16px}}
@media screen and (min-width:240px){.header .header-container>ul>li a{display:none}}
@media screen and (min-width:780px){.header .header-container>ul>li a{display:block}}
@media screen and (min-width:240px){.header .header-container>ul>li a{background-color:#212020}}
@media screen and (min-width:780px){.header .header-container>ul>li a{background-color:transparent}}
@media screen and (min-width:240px){.header .header-container>ul>li a{text-align:center}}
@media screen and (min-width:780px){.header .header-container>ul>li a{text-align:none}}
.header .header-container>ul>li a:not([href]){position:relative;    color: #000;}
.header .header-container>ul>li a:not([href]):after{content:"";display:none;position:absolute;left:20rem;top:1.8rem;width:.6rem;height:.6rem;border-left:2px solid #fff;border-bottom:2px solid #fff;transition:all .3s ease 0s;transform:rotate(135deg)}
@media screen and (min-width:240px){.header .header-container>ul>li a:not([href]):after{display:block}}
@media screen and (min-width:780px){.header .header-container>ul>li a:not([href]):after{display:none}}
.header .header-container>ul>li a.hide+ul{max-height:none}
@media screen and (min-width:240px){.header .header-container>ul>li a.hide+ul{max-height:0}}
@media screen and (min-width:780px){.header .header-container>ul>li a.hide+ul{max-height:none}}
.header .header-container>ul>li a.hide:after{top:1.4rem;transform:rotate(-45deg)}
.header .header-container>ul>li.nav_service{display:block}
@media screen and (min-width:240px){.header .header-container>ul>li.nav_service{display:none}}
@media screen and (min-width:780px){.header .header-container>ul>li.nav_service{display:block}}
.header .header-container>ul>li:hover>a{background-color:#505050;color: #fff;}
.header .header-container>ul>li:hover>ul{display:block;padding-bottom:10px}
@media screen and (min-width:240px){.header .header-container>ul>li:hover>ul{padding-bottom:0}}
@media screen and (min-width:780px){.header .header-container>ul>li:hover>ul{padding-bottom:10px}}
.header .header-container>ul>li>ul{background-color:#303030;display:none;position:absolute;overflow:visible;transition:all .3s ease 0s}
@media screen and (min-width:240px){.header .header-container>ul>li>ul{display:block}}
@media screen and (min-width:780px){.header .header-container>ul>li>ul{display:none}}
@media screen and (min-width:240px){.header .header-container>ul>li>ul{position:inherit}}
@media screen and (min-width:780px){.header .header-container>ul>li>ul{position:absolute}}
@media screen and (min-width:240px){.header .header-container>ul>li>ul{overflow:hidden}}
@media screen and (min-width:780px){.header .header-container>ul>li>ul{overflow:visible}}
.header .header-container>ul>li>ul>li:hover{background-color:#282830}
.header .header-container>ul>li>ul>li a{height:52px;line-height:52px;padding:0 10px;font-size:16px;display:block;background-color:transparent}
@media screen and (min-width:240px){.header .header-container>ul>li>ul>li a{height:3rem}}
@media screen and (min-width:780px){.header .header-container>ul>li>ul>li a{height:52px}}
@media screen and (min-width:240px){.header .header-container>ul>li>ul>li a{line-height:3rem}}
@media screen and (min-width:780px){.header .header-container>ul>li>ul>li a{line-height:52px}}
@media screen and (min-width:240px){.header .header-container>ul>li>ul>li a{padding:0}}
@media screen and (min-width:780px){.header .header-container>ul>li>ul>li a{padding:0 10px}}
@media screen and (min-width:240px){.header .header-container>ul>li>ul>li a{font-size:1rem}}
@media screen and (min-width:780px){.header .header-container>ul>li>ul>li a{font-size:16px}}
@media screen and (min-width:240px){.header .header-container>ul>li>ul>li a{background-color:#080808}}
@media screen and (min-width:780px){.header .header-container>ul>li>ul>li a{background-color:transparent; color:#fff;}
.header .header-container>ul>li>ul>li a:hover{background-color:transparent; color:#39b4ff;}}
.header .header-container>ul>li>ul .headerBox:first-of-type{height:302px;width:240px;float:left;margin:19px 0;padding:0 17px 0 36px;box-sizing:border-box;border-right:1px solid #434343}
@media screen and (min-width:780px){.header .header-container>ul>li>ul .headerBox:first-of-type{height:302px}}
@media screen and (min-width:780px){.header .header-container>ul>li>ul .headerBox:first-of-type{width:240px}}
@media screen and (min-width:780px){.header .header-container>ul>li>ul .headerBox:first-of-type{margin:19px 0}}
@media screen and (min-width:780px){.header .header-container>ul>li>ul .headerBox:first-of-type{padding:0 17px 0 36px}}
.header .header-container>ul>li>ul .headerBox:first-of-type{
        width: 1250px;
    float: left;
    margin-left: -630px;
    margin-top: 0px;
    background-color: #303030;
    /*padding-left: 490px;*/ height:240px;  
}
.header .header-container>ul>li>ul .headerBox:first-of-type > li{background-color:#ccccc;
text-align:center;
float:left;margin-top: 18px; padding-top:10px;
width:223px;margin:3px;
padding:3px;list-style:none;}
.header .header-container>ul>li>ul .headerBox:first-of-type > li a:hover{color:#39b4ff}
.header .header-container>ul>li>ul .headerBox:first-of-type > li a{font-size:18px;line-height:50px;color:#eaeaea;text-align:left;padding-left:0;border-bottom: 1px solid #0273c5;height:51px;width: 144px;}
.header .header-container>ul>li>ul .headerBox:first-of-type > li>ul>li a{font-size:14px;line-height:33px;color:#eaeaea;text-align:left;padding-left:0; height:16px;border-bottom: none; margin-top:20px;margin-left: 33px;}
@media screen and (min-width:240px){.header .header-container>ul>li>ul .headerBox:first-of-type > li a{font-size:18px}}
@media screen and (min-width:780px){/*.header .header-container>ul>li>ul .headerBox:first-of-type > li a{font-size:14px}*/}
.header .header-container>ul>li>ul .headerBox:nth-of-type(2){height:302px;width:236px;float:left;border-top:none;margin:19px 0;padding:0 22px 0 19px;box-sizing:border-box}
@media screen and (min-width:240px){.header .header-container>ul>li>ul .headerBox:nth-of-type(2){height:auto}}
@media screen and (min-width:780px){.header .header-container>ul>li>ul .headerBox:nth-of-type(2){height:302px}}
@media screen and (min-width:240px){.header .header-container>ul>li>ul .headerBox:nth-of-type(2){width:100%}}
@media screen and (min-width:780px){.header .header-container>ul>li>ul .headerBox:nth-of-type(2){width:236px}}
@media screen and (min-width:240px){.header .header-container>ul>li>ul .headerBox:nth-of-type(2){border-top:1px solid #fff}}
@media screen and (min-width:780px){.header .header-container>ul>li>ul .headerBox:nth-of-type(2){border-top:none}}
@media screen and (min-width:240px){.header .header-container>ul>li>ul .headerBox:nth-of-type(2){margin:0}}
@media screen and (min-width:780px){.header .header-container>ul>li>ul .headerBox:nth-of-type(2){margin:19px 0}}
@media screen and (min-width:240px){.header .header-container>ul>li>ul .headerBox:nth-of-type(2){padding:2.2rem 0 0 4.4rem}}
@media screen and (min-width:780px){.header .header-container>ul>li>ul .headerBox:nth-of-type(2){padding:0 22px 0 19px}}
.header .header-container>ul>li>ul .headerBox:nth-of-type(2)>li{text-align:left}
.header .header-container>ul>li>ul .headerBox:nth-of-type(2)>li:hover a{color:#fff}
.header .header-container>ul>li>ul .headerBox:nth-of-type(2)>li a{background-color:#303030;font-size:14px;line-height:50px;color:#7c7c7c;text-align:left;padding-left:0}
@media screen and (min-width:240px){.header .header-container>ul>li>ul .headerBox:nth-of-type(2)>li a{font-size:1rem}}
@media screen and (min-width:780px){.header .header-container>ul>li>ul .headerBox:nth-of-type(2)>li a{font-size:14px}}
.header .header-container>ul>li>ul p{font-size:14px;height:25px;color:#fff;font-weight:700}
.header .header-container>ul :first-of-type ul{width:477px}
@media screen and (min-width:240px){.header .header-container>ul :first-of-type ul{width:100%}}
@media screen and (min-width:780px){.header .header-container>ul :first-of-type ul{/*width:477px;*/width:112px}}
.menu-show .header .header-container{position:relative}
.menu-show .header .header-container .logo{display:block}
.menu-show .header .header-container .menu-btn{right:5%}
.menu-show .header .header-container .menu-btn i:first-child,.menu-show .header .header-container .menu-btn i:nth-child(4){opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
.menu-show .header .header-container .menu-btn i:nth-child(2){position:absolute;margin:-.1rem 0 0;transform:rotate(-45deg)}.menu-show .header .header-container .menu-btn i:nth-child(3){opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transform:rotate(45deg)}
.menu-show .header .header-container>ul{transform:translateZ(0);overflow:visible}
@media screen and (min-width:240px){.menu-show .header .header-container>ul{overflow:auto}}
@media screen and (min-width:780px){.menu-show .header .header-container>ul{overflow:visible}}
.menu-show .header .header-container>ul a{display:block}.footer{width:100%;background:#171717;transition:all .2s linear 0s;position:relative;z-index:10}.footer .footer-container{background:#171717;padding:0 27px;width:1200px;margin:0 auto;width:auto;margin:0}

@media screen and (min-width:240px){.hardware-products-box .ul-imgbox .imgbox{width:10.95rem}}
@media screen and (min-width:780px){.hardware-products-box .ul-imgbox .imgbox{width:241px}}
@media screen and (min-width:240px){.hardware-products-box .ul-imgbox .imgbox{height:6.82rem}}
@media screen and (min-width:780px){.hardware-products-box .ul-imgbox .imgbox{height:150px}}
.hardware-products-box .ul-imgbox .imgbox img{height:100%}
@media screen and (min-width:240px){.hardware-products-box .ul-imgbox .imgbox img{height:100%}}
@media screen and (min-width:780px){.hardware-products-box .ul-imgbox .imgbox img{height:100%}}
.hardware-products-box:nth-child(2n){background:#f2f2f2}
@media screen and (min-width:240px){.hardware-products-box:nth-child(2n){background:#fff}}
@media screen and (min-width:780px){.hardware-products-box:nth-child(2n){background:#f2f2f2}}
.hardware-products-box:nth-child(odd){background:#f2f2f2}.linebox{width:566px;margin:0 auto;height:26px;text-align:center;font-size:0}
@media screen and (min-width:240px){.linebox{width:100%}}
@media screen and (min-width:780px){.linebox{width:566px}}
@media screen and (min-width:240px){.linebox{height:1.18rem}}
@media screen and (min-width:780px){.linebox{height:26px;    /*margin-top: 300px;*/}}
.linebox .leftline{width:140px;height:1px;display:inline-block;background-color:#999;float:left;margin-top:12.5px}
@media screen and (min-width:240px){.linebox .leftline{width:28%}}
@media screen and (min-width:780px){.linebox .leftline{width:140px}}
@media screen and (min-width:240px){.linebox .leftline{height:1px}}
@media screen and (min-width:780px){.linebox .leftline{height:1px}}
@media screen and (min-width:240px){.linebox .leftline{margin-top:.57rem}}
@media screen and (min-width:780px){.linebox .leftline{margin-top:12.5px}}
.linebox .rightline{width:140px;height:1px;display:inline-block;background-color:#999;float:right;margin-top:12.5px}
@media screen and (min-width:240px){.linebox .rightline{width:28%}}
@media screen and (min-width:780px){.linebox .rightline{width:140px}}
@media screen and (min-width:240px){.linebox .rightline{height:1px}}
@media screen and (min-width:780px){.linebox .rightline{height:1px}}
@media screen and (min-width:240px){.linebox .rightline{margin-top:.57rem}}
@media screen and (min-width:780px){.linebox .rightline{margin-top:12.5px}}
.linebox .centerP{height:26px;font-size:25px;color:#3b3b3c;display:inline-block;font-weight:700}
@media screen and (min-width:240px){.linebox .centerP{height:1.18rem}}
@media screen and (min-width:780px){.linebox .centerP{height:26px}}
@media screen and (min-width:240px){.linebox .centerP{font-size:1.13rem}}
@media screen and (min-width:780px){.linebox .centerP{font-size:25px}}
.boxcard{width:580px;height:182px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#f4f4f4;float:left;overflow:hidden;margin-bottom:34px}
@media screen and (min-width:240px){.boxcard{width:100%}}
@media screen and (min-width:780px){.boxcard{width:580px}}
@media screen and (min-width:240px){.boxcard{height:8.27rem}}
@media screen and (min-width:780px){.boxcard{height:182px}}
@media screen and (min-width:240px){.boxcard{margin-bottom:1.54rem}}
@media screen and (min-width:780px){.boxcard{margin-bottom:34px}}
.boxcard .leftBox{width:241px;padding:24px 34px 25px 16px;box-sizing:border-box}
@media screen and (min-width:240px){.boxcard .leftBox{width:50%}}
@media screen and (min-width:780px){.boxcard .leftBox{width:241px}}
@media screen and (min-width:240px){.boxcard .leftBox{padding:1.09rem 1.54rem 1.13rem .72rem}}
@media screen and (min-width:780px){.boxcard .leftBox{padding:24px 34px 25px 16px}}
.boxcard .leftBox .cardTitle{width:160%;text-align:left;height:25px;color:#3b3b3c;text-decoration:underline;margin-bottom:13px;font-size:22px;font-weight:700}
@media screen and (min-width:240px){.boxcard .leftBox .cardTitle{height:1.13rem}}
@media screen and (min-width:780px){.boxcard .leftBox .cardTitle{height:25px}}
@media screen and (min-width:240px){.boxcard .leftBox .cardTitle{margin-bottom:.59rem}}
@media screen and (min-width:780px){.boxcard .leftBox .cardTitle{margin-bottom:13px}}
@media screen and (min-width:240px){.boxcard .leftBox .cardTitle{font-size:1rem}}
@media screen and (min-width:780px){.boxcard .leftBox .cardTitle{font-size:22px}}
.boxcard .leftBox .cardContent{width:191px;font-size:14px;line-height:20px;height:auto;overflow:inherit;color:#676767;text-align:left}
@media screen and (min-width:240px){.boxcard .leftBox .cardContent{width:10.5rem}}
@media screen and (min-width:780px){.boxcard .leftBox .cardContent{width:191px}}
@media screen and (min-width:240px){.boxcard .leftBox .cardContent{font-size:.63rem}}
@media screen and (min-width:780px){.boxcard .leftBox .cardContent{font-size:14px}}
@media screen and (min-width:240px){.boxcard .leftBox .cardContent{line-height:1.2rem}}
@media screen and (min-width:780px){.boxcard .leftBox .cardContent{line-height:20px}}
@media screen and (min-width:240px){.boxcard .leftBox .cardContent{height:5rem}}
@media screen and (min-width:780px){.boxcard .leftBox .cardContent{height:auto}}
@media screen and (min-width:240px){.boxcard .leftBox .cardContent{overflow:auto}}
@media screen and (min-width:780px){.boxcard .leftBox .cardContent{overflow:inherit}}
.boxcard .rightBox{width:339px;height:auto;padding:21px 16px 0 0;box-sizing:border-box}
@media screen and (min-width:240px){.boxcard .rightBox{width:50%}}
@media screen and (min-width:780px){.boxcard .rightBox{width:339px}}
@media screen and (min-width:240px){.boxcard .rightBox{padding:.95rem .72rem 0 0}}
@media screen and (min-width:780px){.boxcard .rightBox{padding:21px 16px 0 0}}
.boxcard .rightBox img{width:323px}
@media screen and (min-width:240px){.boxcard .rightBox img{width:14.68rem}}
@media screen and (min-width:780px){.boxcard .rightBox img{width:323px}}
.coreProductcard:nth-child(2n-2){margin-right:40px}.coreProductcard:nth-child(2n-1){background:#f4f4f4}
@media screen and (min-width:240px){.coreProductcard:nth-child(2n-1){background:#fff}}
@media screen and (min-width:780px){.coreProductcard:nth-child(2n-1){background:#f4f4f4}}
.coreProductcard{width:580px;height:216px;background:#f4f4f4;margin-bottom:32px;float:left;padding:24px 29px 14px 20px;position:relative}
@media screen and (min-width:240px){.coreProductcard{width:100%}}
@media screen and (min-width:780px){.coreProductcard{width:580px}}
@media screen and (min-width:240px){.coreProductcard{height:12.3rem}}
@media screen and (min-width:780px){.coreProductcard{height:216px}}
@media screen and (min-width:240px){.coreProductcard{margin-bottom:.86rem}}
@media screen and (min-width:780px){.coreProductcard{margin-bottom:32px}}
@media screen and (min-width:240px){.coreProductcard{padding:1.04rem .9rem 0}}
@media screen and (min-width:780px){.coreProductcard{padding:24px 29px 14px 20px}}
.coreProductcard h3{font-size:22px;margin-bottom:22px;font-family:MicrosoftYaHei-Bold;font-weight:700;position:relative;text-decoration:underline}
@media screen and (min-width:240px){.coreProductcard h3{font-size:.9rem}}
@media screen and (min-width:780px){.coreProductcard h3{font-size:22px}}
@media screen and (min-width:240px){.coreProductcard h3{margin-bottom:.9rem}}
@media screen and (min-width:780px){.coreProductcard h3{margin-bottom:22px}}
.coreProductcard .coning ul{width:337px;margin-left:18px;margin-top:-5px;float:left}
@media screen and (min-width:240px){.coreProductcard .coning ul{width:74.8%}}
@media screen and (min-width:780px){.coreProductcard .coning ul{width:337px}}
@media screen and (min-width:240px){.coreProductcard .coning ul{margin-left:.81rem}}
@media screen and (min-width:780px){.coreProductcard .coning ul{margin-left:18px}}
.coreProductcard .coning ul li{font-size:14px;line-height:24px;color:#676767;font-family:MicrosoftYaHei;position:relative;list-style-type:disc}
@media screen and (min-width:240px){.coreProductcard .coning ul li{font-size:.63rem}}
@media screen and (min-width:780px){.coreProductcard .coning ul li{font-size:14px}}
@media screen and (min-width:240px){.coreProductcard .coning ul li{line-height:1.1rem}}
@media screen and (min-width:780px){.coreProductcard .coning ul li{line-height:24px}}
.coreProductcard img{float:right;width:124px;height:90px}
@media screen and (min-width:240px){.coreProductcard img{width:19.1%}}
@media screen and (min-width:780px){.coreProductcard img{width:124px}}
@media screen and (min-width:240px){.coreProductcard img{height:4.09rem}}
@media screen and (min-width:780px){.coreProductcard img{height:90px}}
.coretechnology:nth-child(2n-2){margin-right:40px}
.coretechnology{width:580px;height:208px;background:#f4f4f4;margin-bottom:32px;float:left;padding:24px 29px 21px 20px;position:relative}
@media screen and (min-width:240px){.coretechnology{width:100%}}
@media screen and (min-width:780px){.coretechnology{width:580px}}
@media screen and (min-width:240px){.coretechnology{height:8.9rem}}
@media screen and (min-width:780px){.coretechnology{height:208px}}
@media screen and (min-width:240px){.coretechnology{padding:.9rem .5rem 0 .8rem}}
@media screen and (min-width:780px){.coretechnology{padding:24px 29px 21px 20px}}
.coretechnology .iconing{float:left;width:186px}
@media screen and (min-width:240px){.coretechnology .iconing{width:36.2%}}
@media screen and (min-width:780px){.coretechnology .iconing{width:186px}}
.coretechnology .iconing h3{font-size:22px;margin-bottom:22px;text-decoration:underline;font-family:MicrosoftYaHei-Bold;font-weight:700;position:relative}
@media screen and (min-width:240px){.coretechnology .iconing h3{font-size:.9rem}}
@media screen and (min-width:780px){.coretechnology .iconing h3{font-size:22px}}
@media screen and (min-width:240px){.coretechnology .iconing h3{margin-bottom:.9rem}}
@media screen and (min-width:780px){.coretechnology .iconing h3{margin-bottom:22px}}
.coretechnology .iconing ul{width:182px;margin-left:18px;margin-top:-5px}
@media screen and (min-width:240px){.coretechnology .iconing ul{width:10.7rem}}
@media screen and (min-width:780px){.coretechnology .iconing ul{width:182px}}
@media screen and (min-width:240px){.coretechnology .iconing ul{margin-left:.81rem}}
@media screen and (min-width:780px){.coretechnology .iconing ul{margin-left:18px}}
.coretechnology .iconing ul li{font-size:14px;line-height:24px;color:#676767;font-family:MicrosoftYaHei;position:relative;list-style-type:disc}
@media screen and (min-width:240px){.coretechnology .iconing ul li{font-size:.63rem}}
@media screen and (min-width:780px){.coretechnology .iconing ul li{font-size:14px}}
@media screen and (min-width:240px){.coretechnology .iconing ul li{line-height:1.1rem}}
@media screen and (min-width:780px){.coretechnology .iconing ul li{line-height:24px}}
.coretechnology img{float:right;width:323px;height:138px}
@media screen and (min-width:240px){.coretechnology img{width:48%}}
@media screen and (min-width:780px){.coretechnology img{width:323px}}
@media screen and (min-width:240px){.coretechnology img{height:6.5rem}}
@media screen and (min-width:780px){.coretechnology img{height:138px}}
.productSchemeings{width:580px;height:320px;background:#f4f4f4;margin-bottom:35px;float:left;padding:12px 29px 24px 24px;position:relative}
@media screen and (min-width:240px){.productSchemeings{width:100%}}
@media screen and (min-width:780px){.productSchemeings{width:580px}}
@media screen and (min-width:240px){.productSchemeings{height:auto}}
@media screen and (min-width:780px){.productSchemeings{height:320px}}
@media screen and (min-width:240px){.productSchemeings{margin-bottom:2.6rem}}
@media screen and (min-width:780px){.productSchemeings{margin-bottom:35px}}
@media screen and (min-width:240px){.productSchemeings{padding:0}}
@media screen and (min-width:780px){.productSchemeings{padding:12px 29px 24px 24px}}
.productSchemeings h3{font-size:22px;margin-bottom:22px;display:inline-block;position:relative}
@media screen and (min-width:240px){.productSchemeings h3{font-size:.9rem}}
@media screen and (min-width:780px){.productSchemeings h3{font-size:22px}}
@media screen and (min-width:240px){.productSchemeings h3{margin-bottom:1rem}}
@media screen and (min-width:780px){.productSchemeings h3{margin-bottom:22px}}
.productSchemeings h3:after{position:absolute;bottom:-3px;left:0;width:100%;content:"";height:1px;background:#000}
.productSchemeings .big .words{width:284px;margin-top:-5px;color:#676767;font-size:14px;font-family:MicrosoftYaHei;line-height:24px}
@media screen and (min-width:240px){.productSchemeings .big .words{width:66.3%}}
@media screen and (min-width:780px){.productSchemeings .big .words{width:284px}}
@media screen and (min-width:240px){.productSchemeings .big .words{font-size:.6rem}}
@media screen and (min-width:780px){.productSchemeings .big .words{font-size:14px}}
@media screen and (min-width:240px){.productSchemeings .big .words{line-height:1.1rem}}
@media screen and (min-width:780px){.productSchemeings .big .words{line-height:24px}}
.productSchemeings .big img{width:235px;height:138px}
@media screen and (min-width:240px){.productSchemeings .big img{width:31.9%}}
@media screen and (min-width:780px){.productSchemeings .big img{width:235px}}
@media screen and (min-width:240px){.productSchemeings .big img{height:6.6rem}}
@media screen and (min-width:780px){.productSchemeings .big img{height:138px}}
.productSchemeings:nth-child(2n-1){margin-right:39px}.productSchemeings:nth-child(2n-1) .big .words{float:left}
@media screen and (min-width:240px){.productSchemeings:nth-child(2n-1) .big .words{float:right}}
@media screen and (min-width:780px){.productSchemeings:nth-child(2n-1) .big .words{float:left}}
.productSchemeings:nth-child(2n-1) .big img{float:right}
@media screen and (min-width:240px){.productSchemeings:nth-child(2n-1) .big img{float:left}}
@media screen and (min-width:780px){.productSchemeings:nth-child(2n-1) .big img{float:right}}
.productSchemeings:nth-child(2n){margin-right:0}.productSchemeings:nth-child(2n) .big .words{float:left}
@media screen and (min-width:240px){.productSchemeings:nth-child(2n) .big .words{float:left}}
@media screen and (min-width:780px){.productSchemeings:nth-child(2n) .big .words{float:left}}
.productSchemeings:nth-child(2n) .big img{float:right}
@media screen and (min-width:240px){.productSchemeings:nth-child(2n) .big img{float:right}}
@media screen and (min-width:780px){.productSchemeings:nth-child(2n) .big img{float:right}}
.title-box{height:22px;font-size:22px;margin-bottom:24px;color:#3b3b3c;position:relative}
@media screen and (min-width:240px){.title-box{font-size:1rem}}
@media screen and (min-width:780px){.title-box{font-size:22px}}
@media screen and (min-width:240px){.title-box{margin-bottom:1rem}}
@media screen and (min-width:780px){.title-box{margin-bottom:24px}}
.title-box h3{position:absolute;left:0;top:-10px;padding-right:20px;z-index:2;background:#fff}
@media screen and (min-width:240px){.title-box h3{top:-.5rem}}
@media screen and (min-width:780px){.title-box h3{top:-10px}}
.title-box:after{width:100%;height:1px;background:#acacac;position:absolute;margin-bottom:12px;left:0;z-index:1;content:""}
@media screen and (min-width:240px){.title-box:after{margin-bottom:.53rem}}
@media screen and (min-width:780px){.title-box:after{margin-bottom:12px}}
.workin-list{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row;margin-bottom:50px}
@media screen and (min-width:240px){.workin-list{-ms-flex-direction:column;flex-direction:column}}
@media screen and (min-width:780px){.workin-list{-ms-flex-direction:row;flex-direction:row}}
@media screen and (min-width:240px){.workin-list{margin-bottom:1.5rem}}
@media screen and (min-width:780px){.workin-list{margin-bottom:50px}}
.workin-list .workin-item{margin-bottom:0;text-align:center;width:290px}
@media screen and (min-width:240px){.workin-list .workin-item{margin-bottom:1rem}}
@media screen and (min-width:780px){.workin-list .workin-item{margin-bottom:0}}
@media screen and (min-width:240px){.workin-list .workin-item{width:100%}}
@media screen and (min-width:780px){.workin-list .workin-item{width:290px}}
.workin-list .workin-item img{margin-bottom:16px;width:auto}
@media screen and (min-width:240px){.workin-list .workin-item img{margin-bottom:.72rem}}
@media screen and (min-width:780px){.workin-list .workin-item img{margin-bottom:16px}}
@media screen and (min-width:240px){.workin-list .workin-item img{width:100%}}
@media screen and (min-width:780px){.workin-list .workin-item img{width:auto}}
.workin-list .workin-item p{font-size:16px;letter-spacing:1px;color:#6a6a6a}
@media screen and (min-width:240px){.workin-list .workin-item p{font-size:1rem}}
@media screen and (min-width:780px){.workin-list .workin-item p{font-size:16px}}
.newscontentD{margin:30px 0;font-size:14px;line-height:24px;color:#676767}
.TipsBox{display:none;width:100vw;height:100vh;background-color:hsla(0,0%,56%,.6);position:fixed;top:0;left:0;z-index:9999}
.TipsBox .TipsBoxContetn{width:400px;height:150px;background-color:#fff;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;text-indent:2em;padding:30px 20px 0;color:#7e7e7e}
@media screen and (min-width:240px){.TipsBox .TipsBoxContetn{width:80%}}
@media screen and (min-width:780px){.TipsBox .TipsBoxContetn{width:400px}}
.TipsBox .TipsBoxContetn .TipsBoxNone{cursor:pointer;position:absolute;right:5px;top:5px;font-size:20px}
.newsBanner{padding-bottom:50px;position:relative}
.newsBanner .pageBox{position:absolute;bottom:0;left:0;width:100%;height:50px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}
.newsBanner .pageBox .page{line-height:50px;width:auto;height:100%;position:relative}
.newsBanner .pageBox .page .selected{background-color:#0099d9!important;color:#fff!important}
.newsBanner .pageBox .page a{display:inline-block;color:#495060!important;width:32px;height:32px;border:1px solid #d9d9d9;text-align:center;border-radius:4px;line-height:32px;margin-right:5px;font-size:14px}
.newsBanner .pageBox .page a:hover{color:#0099d9!important}

@media screen and (min-width:240px){.newboxC{display:block}}
@media screen and (min-width:780px){.newboxC{display:inline-block}}
@media screen and (min-width:240px){.newboxC{float:inherit}}
@media screen and (min-width:780px){.newboxC{float:left}}
@media screen and (min-width:240px){.newboxC{width:87%}}
@media screen and (min-width:780px){.newboxC{width:362px}}
@media screen and (min-width:240px){.newboxC{height:auto}}
@media screen and (min-width:780px){.newboxC{height:480px}}
@media screen and (min-width:240px){.newboxC{margin:0 auto 1rem}}
@media screen and (min-width:780px){.newboxC{margin:0 45px 15px 0}}
@media screen and (min-width:240px){.newboxC{border-bottom:1px solid #ddd}}
@media screen and (min-width:780px){.newboxC{border-bottom:none}}
.newboxC .newboxT{width:100%;height:242px;background-color:#f1f1f1;margin-bottom:22px;position:relative}
@media screen and (min-width:240px){.newboxC .newboxT{width:100%}}
@media screen and (min-width:780px){.newboxC .newboxT{width:100%}}
@media screen and (min-width:240px){.newboxC .newboxT{height:auto}}
@media screen and (min-width:780px){.newboxC .newboxT{height:242px}}
@media screen and (min-width:240px){.newboxC .newboxT{margin-bottom:0}}
@media screen and (min-width:780px){.newboxC .newboxT{margin-bottom:22px}}
.newboxC .newboxT img{width:100%;height:100%}
.newboxC .newboxT .newboxB{position:absolute;bottom:0;left:0;width:74px;height:27px;background-image:linear-gradient(90deg,#00a5e3,rgba(0,165,227,.51) 85%,hsla(0,0%,100%,0));line-height:27px;text-align:center;font-size:14px;color:#fff;font-weight:700;min-width:52px}
@media screen and (min-width:240px){.newboxC .newboxT .newboxB{width:3.36rem}}
@media screen and (min-width:780px){.newboxC .newboxT .newboxB{width:74px}}
@media screen and (min-width:240px){.newboxC .newboxT .newboxB{height:1.23rem}}
@media screen and (min-width:780px){.newboxC .newboxT .newboxB{height:27px}}
@media screen and (min-width:240px){.newboxC .newboxT .newboxB{line-height:1.23rem}}
@media screen and (min-width:780px){.newboxC .newboxT .newboxB{line-height:27px}}
@media screen and (min-width:240px){.newboxC .newboxT .newboxB{font-size:.63rem}}
@media screen and (min-width:780px){.newboxC .newboxT .newboxB{font-size:14px}}
.newboxC h3{width:100%;text-decoration:underline;font-size:18px;color:#3b3b3c;line-height:29px;font-weight:700;min-height:36px;position:relative}
@media screen and (min-width:240px){.newboxC h3{width:100%}}
@media screen and (min-width:780px){.newboxC h3{width:100%}}
@media screen and (min-width:240px){.newboxC h3{font-size:.81rem}}
@media screen and (min-width:780px){.newboxC h3{font-size:18px}}
@media screen and (min-width:240px){.newboxC h3{line-height:1.31rem}}
@media screen and (min-width:780px){.newboxC h3{line-height:29px}}
.newboxC h3 span{font-size:14px;line-height:normal;position:absolute;bottom:-15px;right:0}
@media screen and (min-width:240px){.newboxC h3 span{font-size:.63rem}}
@media screen and (min-width:780px){.newboxC h3 span{font-size:14px}}
.newboxC>span{display:inline-block;width:100%;height:auto;font-size:14px;line-height:24px;margin-top:15px;padding-bottom:0;color:#676767}
@media screen and (min-width:240px){.newboxC>span{width:100%}}
@media screen and (min-width:780px){.newboxC>span{width:100%}}
@media screen and (min-width:240px){.newboxC>span{height:auto}}
@media screen and (min-width:780px){.newboxC>span{height:auto}}
@media screen and (min-width:240px){.newboxC>span{font-size:.63rem}}
@media screen and (min-width:780px){.newboxC>span{font-size:14px}}
@media screen and (min-width:240px){.newboxC>span{line-height:1.09rem}}
@media screen and (min-width:780px){.newboxC>span{line-height:24px}}
@media screen and (min-width:240px){.newboxC>span{margin-top:1.3rem}}
@media screen and (min-width:780px){.newboxC>span{margin-top:15px}}
@media screen and (min-width:240px){.newboxC>span{padding-bottom:1rem}}
@media screen and (min-width:780px){.newboxC>span{padding-bottom:0}}
.newboxC a{position:absolute;bottom:0;right:0;left:inherit;color:#676767;font-size:14px;cursor:pointer;width:100%;height:100%}
@media screen and (min-width:240px){.newboxC a{bottom:.5rem}}
@media screen and (min-width:780px){.newboxC a{bottom:0}}
@media screen and (min-width:240px){.newboxC a{right:inherit}}
@media screen and (min-width:780px){.newboxC a{right:0}}
@media screen and (min-width:240px){.newboxC a{left:0}}
@media screen and (min-width:780px){.newboxC a{left:inherit}}
@media screen and (min-width:240px){.newboxC a{font-size:.63rem}}
@media screen and (min-width:780px){.newboxC a{font-size:14px}}
.industryC{width:100%;margin:0;border-bottom:1px solid #e0e0e0;padding:25px 0;position:relative}

.top-banner:after{content:"";background-color:rgba(0,0,0,.5)}
.top-banner .megvii_video,.top-banner .megvii_video-dimensions,.top-banner:after{position:absolute;width:100%;height:100%;z-index:1;left:0;top:0}
.top-banner .megvii_video-dimensions video,.top-banner .megvii_video video{width:100%;display:block;position:absolute}
.top-banner img{display:block;width:100%}
.top-banner h1{background:transparent url(https://assets.megvii.com/static/images/home/slogan.png) no-repeat 50%;text-indent:-999em;color:#fff;position:absolute;width:100%;text-align:center;left:0;top:45%;font-size:40px;font-weight:lighter;line-height:50px;z-index:10}
.top-banner h1 span{font-size:18px;display:block}
.back_to_top{width:48px;height:48px;position:fixed;right:30px;bottom:40px;cursor:pointer;font-size:16px;z-index:1000;background:transparent url(https://assets.megvii.com/static/images/home/back_top1.png) no-repeat 50%;background-size:100% 100%;display:none}
@media screen and (min-width:240px){.back_to_top{width:30px}}
@media screen and (min-width:780px){.back_to_top{width:48px}}
@media screen and (min-width:240px){.back_to_top{height:30px}}
@media screen and (min-width:780px){.back_to_top{height:48px}}
@media screen and (min-width:240px){.back_to_top{right:20px}}
@media screen and (min-width:780px){.back_to_top{right:30px}}
.consult{width:48px;height:48px;position:fixed;right:30px;bottom:100px;display:block;cursor:pointer;font-size:16px;z-index:1000;background:transparent url(https://assets.megvii.com/static/images/home/consult_us.png) no-repeat 50%;background-size:100% 100%}
@media screen and (min-width:240px){.consult{width:30px}}
@media screen and (min-width:780px){.consult{width:48px}}
@media screen and (min-width:240px){.consult{height:30px}}
@media screen and (min-width:780px){.consult{height:48px}}
@media screen and (min-width:240px){.consult{right:20px}}
@media screen and (min-width:780px){.consult{right:30px}}
@media screen and (min-width:240px){.consult{bottom:78px}}
@media screen and (min-width:780px){.consult{bottom:100px}}
@media screen and (min-width:240px){.consult{display:none}}
@media screen and (min-width:780px){.consult{display:block}}
.lineboxcontent,.lineboxtop{height:101px;width:auto;margin:0}
@media screen and (min-width:240px){.lineboxcontent,.lineboxtop{height:4.54rem}}
@media screen and (min-width:780px){.lineboxcontent,.lineboxtop{height:101px}}
@media screen and (min-width:240px){.lineboxcontent,.lineboxtop{width:80%}}
@media screen and (min-width:780px){.lineboxcontent,.lineboxtop{width:auto}}
@media screen and (min-width:240px){.lineboxcontent,.lineboxtop{margin:0 auto}}
@media screen and (min-width:780px){.lineboxcontent,.lineboxtop{margin:0}}
.lineboxtop{margin-top:100px}
@media screen and (min-width:240px){.lineboxtop{margin-top:4.54rem}}
@media screen and (min-width:780px){.lineboxtop{margin-top:152px}}
.lineboxcontent{margin-top:0}
@media screen and (min-width:240px){.lineboxcontent{margin-top:4.54rem}}
@media screen and (min-width:780px){.lineboxcontent{margin-top:0}}
.home_business{width:1200px;margin:0 auto;padding-bottom:150px;padding-bottom:100px;width:1200px;    margin-top: 24px;!important}
@media screen and (min-width:240px){.home_business{width:87%}}
@media screen and (min-width:780px){.home_business{width:1200px}}
@media screen and (min-width:240px){.home_business{padding-bottom:0}}
@media screen and (min-width:780px){.home_business{padding-bottom:100px}}
@media screen and (min-width:240px){.home_business{width:95%!important}}
@media screen and (min-width:780px){.home_business{width:1200px!important}}
.home_business>ul{zoom:1;text-align:justify;text-align-last:justify;line-height:0;width:1200px;margin:0 auto!important}
.home_business>ul:after{clear:both;content:".";display:block;visibility:hidden}
.home_business>ul>*{vertical-align:top}
.home_business>ul:after{display:inline-block;overflow:hidden;width:100%;height:0;content:"";vertical-align:top}
@media screen and (min-width:240px){.home_business>ul{width:92%}}
@media screen and (min-width:780px){.home_business>ul{width:1200px}}
.home_business>ul>li{display:inline-block;text-align:center;text-align-last:auto;position:relative;width:361px;height:395px;margin:0}
@media screen and (min-width:240px){.home_business>ul>li{width:100%}}
@media screen and (min-width:780px){.home_business>ul>li{width:361px}}
@media screen and (min-width:240px){.home_business>ul>li{height:auto}}
@media screen and (min-width:780px){.home_business>ul>li{height:395px}}
@media screen and (min-width:240px){.home_business>ul>li{margin:0 auto 1rem}}
@media screen and (min-width:780px){.home_business>ul>li{margin:0}}
.home_business>ul>li .intro{display:block;position:relative;text-align:center;height:100%;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transition:all .3s ease 0s;-ms-box-shadow:0 2px 30px 4px rgba(14,5,10,.15);-o-box-shadow:0 2px 30px 4px rgba(14,5,10,.15);box-shadow:0 2px 30px 4px rgba(14,5,10,.15)}
@media (min-width:240px){.home_business>ul>li .intro{display:none}}
@media (min-width:780px){.home_business>ul>li .intro{display:block}}
.home_business>ul>li .intro img{width:100%}
.home_business>ul>li .intro h3{font-size: 18px;
    color: #2d2d2d;
    line-height: 32px;
    padding-top: 15px;
    text-decoration: underline;
    font-weight: 600;}
.home_business>ul>li .intro p{font-size:14px;color:#838383;line-height:26px; padding-left:10px; padding-right:10px}
.home_business>ul>li .intro .company{zoom:1;position:absolute;left:0;bottom:5px}
.home_business>ul>li .intro .company:after{clear:both;content:".";display:block;height:0;visibility:hidden;overflow:hidden}
.home_business>ul>li .intro .company img{display:inline-block;width:102px;margin:0 7px 12px}
.home_business>ul>li .detail{position:absolute;opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);height:491px;margin-left:-253px;margin-top:-300px;width:505px;height:520px;margin:-300px 0 0 -253px;z-index:-1;top:50%;left:50%;background-color:#fff;-ms-box-shadow:0 2px 14px 4px rgba(14,5,10,.15);-o-box-shadow:0 2px 14px 4px rgba(14,5,10,.15);box-shadow:0 2px 14px 4px rgba(14,5,10,.15);transition:all .3s ease 0s;transform:scale(0)}
@media screen and (min-width:240px){.home_business>ul>li .detail{position:static}}
@media screen and (min-width:780px){.home_business>ul>li .detail{position:absolute}}
@media screen and (min-width:240px){.home_business>ul>li .detail{opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100)}}
@media screen and (min-width:780px){.home_business>ul>li .detail{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}}
@media screen and (min-width:240px){.home_business>ul>li .detail{width:100%}}
@media screen and (min-width:780px){.home_business>ul>li .detail{width:505px}}
@media screen and (min-width:240px){.home_business>ul>li .detail{height:auto}}
@media screen and (min-width:780px){.home_business>ul>li .detail{height:520px}}
@media screen and (min-width:240px){.home_business>ul>li .detail{margin:0}}
@media screen and (min-width:780px){.home_business>ul>li .detail{margin:-300px 0 0 -253px}}
@media screen and (min-width:240px){.home_business>ul>li .detail{z-index:0}}
@media screen and (min-width:780px){.home_business>ul>li .detail{z-index:-1}}
@media screen and (min-width:240px){.home_business>ul>li .detail{transform:inherit}}
@media screen and (min-width:780px){.home_business>ul>li .detail{transform:scale(0);}}
.home_business>ul>li .detail.faceid{left:70%;transform-origin:left center; width:588px;}
.home_business>ul>li .detail.cases{left:-37%;transform-origin:left center; width:735px;}
.home_business>ul>li .detail.faceid .detail-header{color:#fff;width:100%;background-image: url(../images/index2_58.jpg) no-repeat 0 0;height:198px;padding:46px 30px 0}
@media screen and (min-width:240px){.home_business>ul>li .detail.faceid .detail-header{background:none}}
@media screen and (min-width:780px){.home_business>ul>li .detail.faceid .detail-header{    background-image: url(../images/index2_58.jpg); no-repeat 0 0}}
@media screen and (min-width:240px){.home_business>ul>li .detail.faceid .detail-header{height:auto}}
@media screen and (min-width:780px){.home_business>ul>li .detail.faceid .detail-header{height:198px}}
@media screen and (min-width:240px){.home_business>ul>li .detail.faceid .detail-header{padding:0}}
@media screen and (min-width:780px){.home_business>ul>li .detail.faceid .detail-header{padding:26px 30px 0}}
.home_business>ul>li .detail.faceid .detail-header h3{font-size:24px;margin-bottom:10px}
.home_business>ul>li .detail.faceid .detail-header p{line-height:24px;text-align:left}
.home_business>ul>li .detail.faceid .detail-header h3{background-image:none;background-repeat:no-repeat;background-position:50%;background-size:cover;height:auto;text-align:left;line-height:inherit;position:relative}
@media screen and (min-width:240px){.home_business>ul>li .detail.faceid .detail-header h3{background-image:url(https://assets.megvii.com/static/images/home/business/business_faceid.jpg)}}
@media screen and (min-width:780px){.home_business>ul>li .detail.faceid .detail-header h3{background-image:none}}
@media screen and (min-width:240px){.home_business>ul>li .detail.faceid .detail-header h3{height:7rem}}
@media screen and (min-width:780px){.home_business>ul>li .detail.faceid .detail-header h3{height:auto}}
@media screen and (min-width:240px){.home_business>ul>li .detail.faceid .detail-header h3{text-align:center}}
@media screen and (min-width:780px){.home_business>ul>li .detail.faceid .detail-header h3{text-align:left}}
@media screen and (min-width:240px){.home_business>ul>li .detail.faceid .detail-header h3{line-height:7rem}}
@media screen and (min-width:780px){.home_business>ul>li .detail.faceid .detail-header h3{line-height:inherit}}
.home_business>ul>li .detail.faceid .detail-header h3 span a{position:relative;z-index:1; font-size:22px; line-height:25px; color:#FFF}
.home_business>ul>li .detail.faceid .detail-header h3:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.5);display:none}
@media screen and (min-width:240px){.home_business>ul>li .detail.faceid .detail-header h3:after{display:block}}
@media screen and (min-width:780px){.home_business>ul>li .detail.faceid .detail-header h3:after{display:none}}
.home_business>ul>li .detail.faceid .detail-header p{color:#fff;font-size:14px;padding:0}
@media screen and (min-width:240px){.home_business>ul>li .detail.faceid .detail-header p a{color:#5c5c5c}}
@media screen and (min-width:780px){.home_business>ul>li .detail.faceid .detail-header p a{color:#fff}}
@media screen and (min-width:240px){.home_business>ul>li .detail.faceid .detail-header p a{font-size:1rem}}
@media screen and (min-width:780px){.home_business>ul>li .detail.faceid .detail-header p a{font-size:14px}}
@media screen and (min-width:240px){.home_business>ul>li .detail.faceid .detail-header p a{padding:0 5%}}
@media screen and (min-width:780px){.home_business>ul>li .detail.faceid .detail-header p a{padding:0; line-height:20px;}}
.home_business>ul>li .detail.faceid .icon1{width:44px;background-image:url(https://assets.megvii.com/static/images/home/business/business_faceid_icon1.png)}
.home_business>ul>li .detail.faceid .icon1,.home_business>ul>li .detail.faceid .icon2{height:48px;display:inline-block;background-repeat:no-repeat;vertical-align:middle;background-position:bottom}
.home_business>ul>li .detail.faceid .icon2{width:48px;background-image:url(../images/yewu2.png)}
.home_business>ul>li .detail.faceid .icon3{width:51px;background-image:url(https://assets.megvii.com/static/images/home/business/business_faceid_icon3.png)}
.home_business>ul>li .detail.faceid .icon3,.home_business>ul>li .detail.faceid .icon4{height:44px;display:inline-block;background-repeat:no-repeat;vertical-align:middle;background-position:bottom}
.home_business>ul>li .detail.faceid .icon4{width:47px;background-image:url(https://assets.megvii.com/static/images/home/business/business_faceid_icon4.png)}
.home_business>ul>li .detail.faceid ul{text-align:justify;text-align-last:justify;line-height:0;padding:36px 28px}
.home_business>ul>li .detail.faceid ul>*{vertical-align:top}
.home_business>ul>li .detail.faceid ul:after{display:inline-block;overflow:hidden;width:100%;height:0;content:"";vertical-align:top}
@media screen and (min-width:240px){.home_business>ul>li .detail.faceid ul{padding:2rem 1rem}}
@media screen and (min-width:780px){.home_business>ul>li .detail.faceid ul{padding:36px 28px 0px 28px}}
.home_business>ul>li .detail.faceid ul li{text-align-last:auto;text-align:center;display:inline-block}
.home_business>ul>li .detail.faceid ul li p{font-size:12px;text-align:center}
.home_business>ul>li .detail.facepp .detail-header{color:#fff;width:100%;background:url(https://assets.megvii.com/static/images/home/business/business_facepp_pop.jpg) no-repeat 0 0;height:198px;padding:46px 30px 0}
@media screen and (min-width:240px){.home_business>ul>li .detail.facepp .detail-header{background:none}}
@media screen and (min-width:780px){.home_business>ul>li .detail.facepp .detail-header{background:url(../images/index2_58.jpg);}
@media screen and (min-width:240px){.home_business>ul>li .detail.facepp .detail-header{height:auto}}
@media screen and (min-width:780px){.home_business>ul>li .detail.facepp .detail-header{height:198px}}
@media screen and (min-width:240px){.home_business>ul>li .detail.facepp .detail-header{padding:0}}
@media screen and (min-width:780px){.home_business>ul>li .detail.facepp .detail-header{padding:26px 30px 0}}
.home_business>ul>li .detail.facepp .detail-header h3{font-size:24px;margin-bottom:10px}
.home_business>ul>li .detail.facepp .detail-header p{line-height:24px;text-align:left; font-size:14px}
.home_business>ul>li .detail.facepp .detail-header h3{background-image:none;background-repeat:no-repeat;background-position:50%;background-size:cover;height:auto;text-align:left;line-height:inherit;position:relative}
@media screen and (min-width:780px){.home_business>ul>li .detail.facepp .detail-header h3{background-image:none}}
@media screen and (min-width:780px){.home_business>ul>li .detail.facepp .detail-header h3{height:auto}}
@media screen and (min-width:780px){.home_business>ul>li .detail.facepp .detail-header h3{text-align:left}}
@media screen and (min-width:780px){.home_business>ul>li .detail.facepp .detail-header h3{line-height:inherit}}
.home_business>ul>li .detail.facepp .detail-header h3 span a{position:relative;z-index:1;font-size:22px; line-height:25px; color:#FFF}
.home_business>ul>li .detail.facepp .detail-header h3:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.5);display:none}
@media screen and (min-width:780px){.home_business>ul>li .detail.facepp .detail-header h3:after{display:none}}
.home_business>ul>li .detail.facepp .detail-header p a{color:#fff;font-size:14px;padding:0}
@media screen and (min-width:780px){.home_business>ul>li .detail.facepp .detail-header p a{color:#fff}}
@media screen and (min-width:780px){.home_business>ul>li .detail.facepp .detail-header p a{font-size:14px}}
@media screen and (min-width:780px){.home_business>ul>li .detail.facepp .detail-header p a{padding:0;line-height:20px;}}
.home_business>ul>li .detail.facepp ul{text-align:center;padding:28px 0 15px}
@media screen and (min-width:780px){.home_business>ul>li .detail.facepp ul{padding:28px 0 15px; height:277px}}
.home_business>ul>li .detail.facepp ul li{display:inline-block;width:24%;float:none;text-align:center;vertical-align:top;height:110px}
@media screen and (min-width:780px){.home_business>ul>li .detail.facepp ul li{width:24%}}
@media screen and (min-width:780px){.home_business>ul>li .detail.facepp ul li{float:left;width:25%;}}
/*.home_business>ul>li .detail.facepp ul li h4{display:none}*/
/*@media screen and (min-width:780px){.home_business>ul>li .detail.facepp ul li h4{display:none}}*/
.home_business>ul>li .detail.facepp ul li i{margin-bottom:10px}
.home_business>ul>li .detail.facepp .detail-link span:last-child{display:inline}
@media screen and (min-width:240px){.home_business>ul>li .detail.facepp .detail-link span:last-child{display:none}}
@media screen and (min-width:780px){.home_business>ul>li .detail.facepp .detail-link span:last-child{display:inline}}
.home_business>ul>li .detail.facepp .icon1{background-image:url(../images/yewu5.png)}
.home_business>ul>li .detail.facepp .icon1,.home_business>ul>li .detail.facepp .icon2{width:48px;height:48px;display:inline-block;background-repeat:no-repeat;vertical-align:middle;background-position:bottom}
.home_business>ul>li .detail.facepp .icon2{background-image:url(../images/yewu6.png)}
.home_business>ul>li .detail.facepp .icon3{background-image:url(../images/yewu7.png)}
.home_business>ul>li .detail.facepp .icon3,.home_business>ul>li .detail.facepp .icon4{width:48px;height:48px;display:inline-block;background-repeat:no-repeat;vertical-align:middle;background-position:bottom}
.home_business>ul>li .detail.facepp .icon4{background-image:url(../images/yewu60.png)}
.home_business>ul>li .detail.cases .detail-header{color:#fff;width:100%;background-image:url(../images/index2_58.jpg);height:198px;padding:26px 30px 0}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases .detail-header{background-image: url(../images/index6_58.jpg);}}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases .detail-header{height:198px}}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases .detail-header{padding:26px 30px 0}}
.home_business>ul>li .detail.cases .detail-header h3{font-size:24px;margin-bottom:10px}
.home_business>ul>li .detail.cases .detail-header p{line-height:24px;text-align:left}
.home_business>ul>li .detail.cases .detail-header h3{background-image:none;background-repeat:no-repeat;background-position:50%;background-size:cover;height:auto;text-align:left;line-height:inherit;position:relative}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases .detail-header h3{background-image:none}}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases .detail-header h3{height:auto}}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases .detail-header h3{text-align:left}}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases .detail-header h3{line-height:inherit}}
.home_business>ul>li .detail.cases .detail-header h3 span a{position:relative;z-index:1;font-size:22px; line-height:25px; color:#FFF}
.home_business>ul>li .detail.cases .detail-header h3:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.5);display:none}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases .detail-header h3:after{display:none}}
.home_business>ul>li .detail.cases .detail-header p{color:#fff;font-size:14px;padding:0}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases .detail-header p a{color:#fff}}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases .detail-header p a{font-size:14px}}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases .detail-header p a{padding:0;    line-height: 20px;}}
.home_business>ul>li .detail.cases ul{text-align:left;padding:28px 19px 15px}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases ul{padding:28px 20px 15px; height:290px}}
.home_business>ul>li .detail.cases ul li:nth-of-type(5){float:none;margin-right:0}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases ul li:nth-of-type(5){float:none}}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases ul li:nth-of-type(5){margin-right:0}}
.home_business>ul>li .detail.cases ul li{display:inline-block;width:31%!important;float:none;text-align:center;vertical-align:top;height:110px;position:relative}
.home_business>ul>li .detail.cases ul li{width:24%!important}
.home_business>ul>li .detail.cases ul li{float:none}
.home_business>ul>li .detail.cases ul li{height:110px}
/*.home_business>ul>li .detail.cases ul li h4{display:none;line-height:34px!important}*/
/*@media screen and (min-width:780px){.home_business>ul>li .detail.cases ul li h4{display:none}}*/
@media screen and (min-width:780px){.home_business>ul>li .detail.cases ul li h4{line-height:34px!important}}
.home_business>ul>li .detail.cases ul li i{margin-bottom:10px}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases ul li i{margin-bottom:10px}}
.home_business>ul>li .detail.cases ul li a{position:absolute;top:0;left:0;z-index:99;display:inline-block;width:100%;height:100%;cursor:pointer}

.home_business>ul>li .detail.cases .icon1{
	width:37px; height:37px;display:inline-block;
	background-repeat:no-repeat;
	vertical-align:middle;
	background-image:url(../images/yewu8.png);
	background-position:bottom;
	width:48px!important;height:48px!important;
	background-size:auto}

@media screen and (min-width:780px){.home_business>ul>li .detail.cases .icon1{width:48px!important}}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases .icon1{height:48px!important}}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases .icon1{background-size:auto}}
.home_business>ul>li .detail.cases .icon2{
	width:47px;height:47px;display:inline-block;
	background-repeat:no-repeat;
	vertical-align:middle;
	background-image:url(../images/yewu9.png);
	background-position:bottom;
	width:47px!important;
	height:47px!important;
	background-size:auto}

@media screen and (min-width:780px){.home_business>ul>li .detail.cases .icon2{width:47px!important}}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases .icon2{height:47px!important}}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases .icon2{background-size:auto}}
.home_business>ul>li .detail.cases .icon3{width:29px;height:40px;display:inline-block;background-repeat:no-repeat;vertical-align:middle;background-image:url(https://assets.megvii.com/static/images/home/business/mobile.png);background-position:bottom;width:29px!important;height:40px!important;background-size:auto}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases .icon3{width:29px!important}}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases .icon3{height:40px!important}}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases .icon3{background-size:auto}}
.home_business>ul>li .detail.cases .icon4{width:40px;height:38px;display:inline-block;background-repeat:no-repeat;vertical-align:middle;background-image:url(../images/yewu10.png);background-position:bottom;width:43px!important;height:46px!important;background-size:auto}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases .icon4{width:48px!important}}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases .icon4{height:48px!important}}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases .icon4{background-size:auto}}
.home_business>ul>li .detail.cases .icon5{width:41px;height:39px;display:inline-block;background-repeat:no-repeat;vertical-align:middle;background-image:url(https://assets.megvii.com/static/images/home/business/smartstorage.png);background-position:bottom;width:41px!important;height:39px!important;background-size:auto}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases .icon5{width:41px!important}}
@media screen and (min-width:780px){.home_business>ul>li .detail.cases .icon5{height:39px!important}}

@media screen and (min-width:780px){.home_business>ul>li .detail.cases .icon5{background-size:auto}}
.home_business>ul>li .detail.ssn{left:0;transform-origin:right center}
.home_business>ul>li .detail.ssn .detail-header{color:#fff;width:100%;background:url(https://assets.megvii.com/static/images/home/business/business_ssn_pop.jpg) no-repeat 0 0;height:198px;padding:46px 30px 0}
@media screen and (min-width:240px){.home_business>ul>li .detail.ssn .detail-header{background:none}}
@media screen and (min-width:780px){
.home_business>ul>li .detail.ssn .detail-header{background:url(https://assets.megvii.com/static/images/home/business/business_ssn_pop.jpg) no-repeat 0 0}}

@media screen and (min-width:780px){.home_business>ul>li .detail.ssn .detail-header{height:198px}}

@media screen and (min-width:780px){.home_business>ul>li .detail.ssn .detail-header{padding:46px 30px 0}}
.home_business>ul>li .detail.ssn .detail-header h3{font-size:24px;margin-bottom:10px}
.home_business>ul>li .detail.ssn .detail-header p{line-height:24px;text-align:left}
.home_business>ul>li .detail.ssn .detail-header h3{background-image:none;background-repeat:no-repeat;background-position:50%;background-size:cover;height:auto;text-align:left;line-height:inherit;position:relative}

@media screen and (min-width:780px){.home_business>ul>li .detail.ssn .detail-header h3{background-image:none;}}

@media screen and (min-width:780px){.home_business>ul>li .detail.ssn .detail-header h3{height:auto}}

@media screen and (min-width:780px){.home_business>ul>li .detail.ssn .detail-header h3{text-align:left}}
@media screen and (min-width:780px){.home_business>ul>li .detail.ssn .detail-header h3{line-height:inherit}}
.home_business>ul>li .detail.ssn .detail-header h3 span{position:relative;z-index:1}.home_business>ul>li .detail.ssn .detail-header h3:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.5);display:none}
@media screen and (min-width:780px){.home_business>ul>li .detail.ssn .detail-header h3:after{display:none}}
.home_business>ul>li .detail.ssn .detail-header p{color:#fff;font-size:14px;padding:0}
@media screen and (min-width:780px){.home_business>ul>li .detail.ssn .detail-header p{color:#fff}}
@media screen and (min-width:780px){.home_business>ul>li .detail.ssn .detail-header p{font-size:14px}}
@media screen and (min-width:780px){.home_business>ul>li .detail.ssn .detail-header p{padding:0}}
.home_business>ul>li .detail.ssn ul{text-align:center;padding:28px 0 15px}
@media screen and (min-width:780px){.home_business>ul>li .detail.ssn ul{padding:28px 0 15px}}
.home_business>ul>li .detail.ssn ul li{display:inline-block;width:25%;text-align:center;vertical-align:top;height:110px}
@media screen and (min-width:780px){.home_business>ul>li .detail.ssn ul li{width:25%}}
.home_business>ul>li .detail.ssn ul li h4{display:none}
@media screen and (min-width:780px){.home_business>ul>li .detail.ssn ul li h4{display:none}}
.home_business>ul>li .detail.ssn ul li i{margin-bottom:10px}
.home_business>ul>li .detail.ssn .icon1{background-image:url(https://assets.megvii.com/static/images/home/business/business_ssn_icon1.png)}
.home_business>ul>li .detail.ssn .icon1,.home_business>ul>li .detail.ssn .icon2{width:52px;height:52px;display:inline-block;background-repeat:no-repeat;vertical-align:middle;background-position:bottom}
.home_business>ul>li .detail.ssn .icon2{background-image:url(https://assets.megvii.com/static/images/home/business/business_ssn_icon2.png)}
.home_business>ul>li .detail.ssn .icon3{background-image:url(https://assets.megvii.com/static/images/home/business/business_ssn_icon3.png)}
.home_business>ul>li .detail.ssn .icon3,.home_business>ul>li .detail.ssn .icon4{width:52px;height:52px;display:inline-block;background-repeat:no-repeat;vertical-align:middle;background-position:bottom}
.home_business>ul>li .detail.ssn .icon4{background-image:url(https://assets.megvii.com/static/images/home/business/business_ssn_icon4.png)}
.home_business>ul>li .detail.ssn .icon5{background-image:url(https://assets.megvii.com/static/images/home/business/business_ssn_icon5.png)}
.home_business>ul>li .detail.ssn .icon5,.home_business>ul>li .detail.ssn .icon6{width:52px;height:52px;display:inline-block;background-repeat:no-repeat;vertical-align:middle;background-position:bottom}
.home_business>ul>li .detail.ssn .icon6{background-image:url(https://assets.megvii.com/static/images/home/business/business_ssn_icon6.png)}.
home_business>ul>li .detail ul{zoom:1}
.home_business>ul>li .detail ul:after{clear:both;content:".";display:block;height:0;visibility:hidden;overflow:hidden}
.home_business>ul>li .detail ul li{text-align:center}
.home_business>ul>li .detail ul li h4{font-size:14px;color:#7b7b7b;line-height:34px}
@media screen and (min-width:780px){.home_business>ul>li .detail ul li h4{font-size:14px}}
.home_business>ul>li .detail ul li h4 span{display:inline}
@media screen and (min-width:780px){.home_business>ul>li .detail ul li h4 span{display:inline}}
.home_business>ul>li .detail ul li p{display:block;font-size:14px;line-height:20px;color:#7b7b7b}
@media screen and (min-width:780px){.home_business>ul>li .detail ul li p{display:block}}
.home_business>ul>li .detail ul li i{background-position:0 100%}
.home_business>ul>li .detail .detail-using{text-align:center;padding:0 28px;display:block}
@media screen and (min-width:780px){.home_business>ul>li .detail .detail-using{display:block}}
.home_business>ul>li .detail .detail-using p{text-align:left;font-size:14px;margin-bottom:14px;color:#2d2d2d}
.home_business>ul>li .detail .detail-using p{font-size:14px}
.home_business>ul>li .detail .detail-using img{margin:0 5px}
.home_business>ul>li .detail .detail-link{display:block;text-align:right;font-size:14px;padding:20px 28px 0 0}
@media screen and (min-width:780px){.home_business>ul>li .detail .detail-link{font-size:14px}}
.home_business>ul>li .detail .detail-link{padding:4px 28px 0 0}}
.home_business>ul>li .detail .detail-link span{color:#767777;margin-left:10px}
@media screen and (min-width:780px){.home_business>ul>li .detail .detail-link span{margin-left:10px}}
.home_business>ul>li .detail .detail-link a{color:#1199df;padding:10px 0 0;margin:0;width:auto;font-size:14px;border:none;display:inline;text-align:left}
@media screen and (min-width:780px){.home_business>ul>li .detail .detail-link a{padding:10px 0 0}}
@media screen and (min-width:780px){.home_business>ul>li .detail .detail-link a{margin:0}}
@media screen and (min-width:780px){.home_business>ul>li .detail .detail-link a{width:auto}}
@media screen and (min-width:780px){.home_business>ul>li .detail .detail-link a{font-size:14px}}
@media screen and (min-width:780px){.home_business>ul>li .detail .detail-link a{border:none}}
@media screen and (min-width:780px){.home_business>ul>li .detail .detail-link a{display:inline}}
@media screen and (min-width:780px){.home_business>ul>li .detail .detail-link a{text-align:left}}
.home_business>ul>li .detail .detail-link a span{color:#1199df;display:inline}
@media screen and (min-width:780px){.home_business>ul>li .detail .detail-link a span{display:inline}}
.home_business>ul>li:hover .intro{opacity:0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0)}
.home_business>ul>li:hover .detail{z-index:5;opacity:1;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transform:scale(1)}
.none{height:0!important;width:0!important}
.home-news{width:1200px;margin:0 auto;padding-bottom:120px}
.home-news{width:1200px}
.home-news{padding-bottom:40px;    margin-top: 24px;}
.home-news .loading{background-image:url(https://assets.megvii.com/static/images/common/loading.gif);background-repeat:no-repeat;background-position:50%;height:200px}
.home-news ul{width:1200px;margin:0 auto;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.home-news ul{width:1200px}
.home-news ul .homeBox{border:1px solid #fff;background-color:#f3f3f3;height:auto;width:361px;margin-bottom:0;position:relative}
.home-news ul .homeBox{height:auto}
.home-news ul .homeBox{width:361px}
.home-news ul .homeBox{margin-bottom:0;    width: 285px;}
.home-news ul .homeBox .homeBoxT{height:285px;width:100%;position:relative}
.home-news ul .homeBox .homeBoxT{height:311px;    overflow: hidden;}
.home-news ul .homeBox .homeBoxT img{height:311px}
.home-news ul .homeBox .homeBoxT .homeBoxTB{position:absolute;bottom:0;left:0;width:179px;height:32px;line-height:32px;text-align:center;font-size:18px;color:#fff;font-weight:700;background-image:linear-gradient(90deg,#00a5e3,rgba(0,165,227,.51) 49%,hsla(0,0%,100%,0))}
.home-news ul .homeBox .homeBoxT .homeBoxTB{width:179px}
.home-news ul .homeBox .homeBoxT .homeBoxTB{height:32px}
.home-news ul .homeBox .homeBoxT .homeBoxTB{line-height:32px}
.home-news ul .homeBox .homeBoxT .homeBoxTB{font-size:18px}
.home-news ul .homeBox .homeBoxTitle{/*height:103px;*/width:100%;padding:25px 19px;box-sizing:border-box;position:relative}
/*@media screen and (min-width:240px){.home-news ul .homeBox .homeBoxTitle{height:4.68rem}}*/
/*@media screen and (min-width:780px){.home-news ul .homeBox .homeBoxTitle{height:103px}}*/
.home-news ul .homeBox .homeBoxTitle{padding:14px 19px}
.home-news ul .homeBox .homeBoxTitle h3{font-size:18px;color:#3b3b3c;line-height:29px;font-weight:700}
.home-news ul .homeBox .homeBoxTitle h3{font-size:18px}
.home-news ul .homeBox .homeBoxTitle h3{line-height:29px}
.home-news ul .homeBox .homeBoxTitle span{position:absolute;bottom:22px;right:25px;color:#676767;font-size:14px}
.home-news ul .homeBox .homeBoxTitle span{bottom:22px}
.home-news ul .homeBox .homeBoxTitle span{right:25px}
.home-news ul .homeBox .homeBoxTitle span{font-size:14px}
.home-news ul .homeBox .homeBoxContent{height:auto;width:100%;padding:0 19px 21px}
.home-news ul .homeBox .homeBoxContent{height:auto}
.home-news ul .homeBox .homeBoxContent{padding:0 19px 21px;    height: 125px;}
.home-news ul .homeBox .homeBoxContent span{/*height:135px;min-height:95px;*/overflow:hidden;display:inline-block;line-height:28px;font-size:16px;color:#676767}
.home-news ul .homeBox .homeBoxContent span{line-height:28px}
.home-news ul .homeBox .homeBoxContent span{font-size:16px;overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;}}
.home-news ul .homeBox a{/*display:block;position:absolute;top:0;left:0;z-index:1000;*/width:100%;height:100%;cursor:pointer; font-size:16px;}
.home-news ul .homeBox:hover{border:1px solid #00a5e3}
.home-news ul .homeBox:hover a,.home-news ul .homeBox:hover p{color:#00a5e3}
.home-timeline{padding:90px 0;overflow:hidden}
.home-timeline{padding:90px 0}}
.home-timeline .introduce :nth-child(4){text-align:right}
.home-timeline .introduce{width:1200px;margin:0 auto;padding-bottom:70px}
.home-timeline .introduce{width:1200px}}
.home-timeline .introduce{padding-bottom:70px}}
.home-timeline .introduce h2{font-size:30px;color:#353535;text-align:center;margin-bottom:30px}
.home-timeline .introduce h2{font-size:30px}}
.home-timeline .introduce h2 span{display:block;width:90px;height:20px;margin:0 auto 12px;text-indent:-999em;background:url(https://assets.megvii.com/static/images/home/timeline_logo@x1.png) no-repeat 0 0;background-size:90px}