blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left;font-weight:400}abbr,body,fieldset,html,iframe,img{border:0}address,cite,dfn,em,i,var{font-style:normal}[hidefocus],summary{outline:0}li{list-style:none}h1,h2,h3,h4,h5,h6,small{font-size:100%}sub,sup{font-size:83%}code,kbd,pre,samp{font-family:inherit}q:after,q:before{content:none}textarea{overflow:auto;resize:none}label,summary{cursor:default}a,button{cursor:pointer}b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}a,a:hover,del,ins,s,u{text-decoration:none}body,button,input,keygen,legend,select,textarea{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0}body{background:#fff}a,a:hover{color:#333}body{font-family:Microsoft YaHei;background-color:#f5f5f5}.margin-center{width:1200px;margin:0 auto}.clearfix:after{content:"";display:block;clear:both}.ellipsis{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3;text-overflow:ellipsis}.page{height:100vh;position:relative;background-image:url(../img/mh_banner.08112098.png);background-size:100% 75%;background-repeat:no-repeat}.logo{margin:30px 0 0 40px}.font-box{position:absolute;left:20%;top:21%}.font-style{background:-webkit-gradient(linear,left top,left bottom,color-stop(30.39%,#fff),color-stop(88.04%,hsla(0,0%,100%,.30196078431372547)));background:linear-gradient(180deg,#fff 30.39%,hsla(0,0%,100%,.30196078431372547) 88.04%);background-clip:text;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent;color:#fff;font-family:Bebas;font-size:58px;text-transform:uppercase}.font3{margin-top:20px}.link-box{width:100%;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow:auto;position:absolute;top:62%}.link-box,dl{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}dl{cursor:pointer;width:180px;height:229px;padding:0 4px;margin:14px;border-radius:16px;background:#fff;-webkit-box-shadow:0 7px 11px rgba(20,29,62,.09019607843137255);box-shadow:0 7px 11px rgba(20,29,62,.09019607843137255);-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}dl:hover{-webkit-box-shadow:0 10px 10px #ccc;box-shadow:0 10px 10px #ccc;transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px)}dl:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}dt{width:80px;height:80px;margin-top:32px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}dt img{max-width:100%;max-height:100%;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}dd>div{color:#454d58;font-size:24px;margin-top:24px}dd>div,dd>p{text-align:center}dd>p{color:#b4bcc8;font-size:14px;text-transform:uppercase;margin-top:8px}footer{position:absolute;width:100%;bottom:0;padding-bottom:20px;text-align:center}.fadeIn{opacity:0;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (max-width:1600px){.font-box{position:absolute;left:18%;top:20%}.font-style{font-size:54px;letter-spacing:6%}dl{width:170px;height:210px}dt{width:70px;height:70px;margin-top:30px}dd>div{font-size:22px;margin-top:24px}}@media screen and (max-width:975px){.font-box{position:absolute;left:14%;top:14%}.font-style{font-size:38px;letter-spacing:2%}}@media screen and (max-width:750px){.page{background-size:200% 75%;background-position:top}.logo{margin-left:20px}.font-box{position:absolute;left:13%;top:24%}.font-style{font-size:28px;letter-spacing:0}dl{width:130px;height:150px;margin:8px}dt{width:50px;height:50px;margin-top:16px}dd>div{font-size:16px;margin-top:14px}dd>p{font-size:12px;margin-top:6px}footer{padding:16px;line-height:1.5}}