*{margin:0;padding:0}.grid{display:-webkit-box;display:-webkit-flex;display:flex}.grid-cell{-webkit-box-flex:1;-webkit-flex:1;flex:1}li{list-style:none}a{text-decoration:none;color:#fff}em,i{font-style:normal;display:block}body{background:#fff;font-size:14px}.wrapper{width:1000px;margin:0 auto;height:100%}.header{background:#f6f6f6;height:144px;border-bottom:1px solid #e4e4e4}.header .wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-flex:1;-webkit-flex:1;flex:1;justify-content:space-between;align-items:center}.header .wrapper img{display:block}.main-t{line-height:79px;text-align:center;color:#666666;background:url("../images/main-t.jpg") 66px 50% no-repeat}.main-m{overflow:hidden}.main-m li{float:left;width:240px;height:200px;background:#0994de;margin:0 13px 13px 0;position:relative;overflow:hidden}.main-m li:nth-child(4n){margin-right:0}.main-m li a{display:block;height:100%;position:absolute;z-index:2;width:100%}.main-m li a em{width:37px;height:36px;background:#e9ad34;font-size:21px;border-radius:0 0 100% 0;float:left;padding-left:8px;-webkit-box-sizing:border-box}.main-m li a i{float:right;font-size:16px;margin:10px 10px 0 0}.main-m li a div{padding:70px 0 25px}.main-m li a div b{font-size:30px}.main-m li a div,.main-m li a p{text-align:center;font-size:20px}.main-m li a p{border-radius:20px;background:#31b9ff;line-height:40px;width:160px;height:40px;margin:0 auto}.main-m li span{background:#ce2722;transform-origin:right bottom;transform:rotate(90deg);transition:all .35s;z-index:1;display:block;width:100%;height:100%}.main-m li:hover p{background:#e9ad34}.main-m li:hover span{transform:rotate(0deg)}.detection-button{text-align:center;margin-top:40px}.detection-button a:hover img{opacity:.6}.main-b{height:100px;background:#626262;margin-top:44px;display:-webkit-box;display:-webkit-flex;display:flex}.main-b a{display:block;float:left;text-align:center;font-size:15px;height:100%;-webkit-box-flex:1;-webkit-flex:1;flex:1;border-right:1px solid #fff}.main-b a:last-child{border-right:none}.main-b a:hover img{transform:rotate(360deg)}.main-b a img{display:block;margin:20px auto 5px;-webkit-transition:width .5s,height .5s,-webkit-transform .5s}.footer{background:#f6f6f6;margin-top:40px;padding:36px 0 34px}.footer img{display:block;margin:0 auto}.footer table{border-collapse:collapse;border-spacing:0;margin:20px auto 0;border:1px #bcbcbc solid;width:900px;text-align:center}.footer table td{color:#666666;height:40px;line-height:40px;font-size:16px;border:1px #bcbcbc solid}.copyright{background:#000000;font-size:12px;color:#a7a7a7;text-align:center;height:58px;line-height:58px}