@charset "utf-8";body,dd,dl,form,h1,h2,h3,h4,h5,h6,input,ol,p,select,textarea,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-weight:400}html{height:100%}body{font-family:'Microsoft YaHei';color:#333;width:100%;height:100%;min-width:832px;background-color:#f2f2f2}li{list-style:none}img{border:none;display:block}button,input,select,textarea{outline:0;border:none;background-color:transparent}dfn,em,i{font-style:normal}textarea{resize:none}a{text-decoration:none;color:#333}button{cursor:pointer;transition:.3s}button:focus{border:none;outline:0;opacity:.6;filter:alpha(opacity=60)}.fl{float:left}.fr{float:right}.clear:after,.clear:before{content:"";display:table}.clear:after{clear:both}.hide{display:none}.banner-con,.case,.servers{width:832px;margin:0 auto}.banner{width:100%;height:331px;background:url(../images/banner.jpeg) no-repeat center center;-webkit-background-size:cover;background-size:cover;margin-bottom:20px}.banner .banner-con{height:100%;position:relative}.banner .banner-con .content-text{padding-top:52px;color:#fff}.banner .banner-con .content-text h3{font-size:20px;font-weight:700;margin-bottom:40px}.banner .banner-con .content-text h1{font-size:42px;font-weight:700;letter-spacing:2px}.banner .banner-con .content-text h1.first-child{margin-bottom:22px}.banner .banner-con .register{position:absolute;top:88px;right:0;width:254px;height:204px;background:#fff;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-webkit-box-shadow:0 0 25px 0 rgba(255,255,255,.5);-moz-box-shadow:0 0 25px 0 rgba(255,255,255,.5);box-shadow:0 0 25px 0 rgba(255,255,255,.5)}.banner .banner-con .register .register-box{padding:24px}.banner .banner-con .register .register-box h4{text-align:center;color:#0700ED;margin-bottom:18px}.banner .banner-con .register .register-box li{margin-bottom:14px;height:28px;border:1px solid #c1c1c1;padding:0 6px}.banner .banner-con .register .register-box li input{display:inline-block;width:100%;height:28px;line-height:28px}.banner .banner-con .register .register-box .submit-btn{width:100%;height:28px;line-height:28px;text-align:center;color:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#0700ED;font-size:12px;cursor:pointer}.servers{text-align:center;margin-bottom:22px}.servers .server-item{display:inline-block;width:255px;background-color:#fff;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-webkit-box-shadow:0 0 29px 0 rgba(0,0,0,.1);-moz-box-shadow:0 0 29px 0 rgba(0,0,0,.1);box-shadow:0 0 29px 0 rgba(0,0,0,.1)}.servers .server-item.center-item{margin:0 28px}.servers .server-item.center-item li{padding:6px 32px}.servers .server-item.last-itme li{padding:6px 10px}.servers .server-item h3{color:#0700ED;font-size:18px;text-align:center;margin:26px 0 14px;font-weight:700}.servers .server-item li{float:left;padding:6px 12px;font-size:15px}.servers .server-item .server-tips{padding:24px 0 20px;font-size:12px}.case-box{background-color:#fff;padding-bottom:28px}.case-box .case .title{padding-top:18px}.case-box .case .title h2{font-size:20px;letter-spacing:4px;text-align:center;position:relative;padding:6px 0}.case-box .case .title h2 span{width:104px;height:4px;background-color:#0700ED;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;position:absolute;bottom:0;left:50%;margin-left:-55px}.case-box .case .title p{text-align:center;font-size:12px;padding:8px 0}.case-box .case .case-con{margin-top:18px}.case-box .case .case-con li{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;width:143px;height:203px;float:left;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-webkit-box-shadow:0 4px 26px 0 rgba(0,0,0,.2);-moz-box-shadow:0 4px 26px 0 rgba(0,0,0,.2);box-shadow:0 4px 26px 0 rgba(0,0,0,.2)}.case-box .case .case-con li.active{background:url(../images/case_bg.png) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-webkit-box-shadow:0 4px 30px 0 rgba(0,0,0,.3);-moz-box-shadow:0 4px 30px 0 rgba(0,0,0,.3);box-shadow:0 4px 30px 0 rgba(0,0,0,.3)}.case-box .case .case-con li.active .item-con h5{color:#fff}.case-box .case .case-con li.active .item-con .tips p{color:#fff}.case-box .case .case-con li .item-con{padding:10px}.case-box .case .case-con li .item-con .qrcode-img{margin:16px auto 24px;width:74px;height:74px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.case-box .case .case-con li .item-con h5{font-size:12px;text-align:center;color:#333}.case-box .case .case-con li .item-con .tips{margin-top:10px}.case-box .case .case-con li .item-con .tips p{color:#333;font-size:12px}.case-box .case .case-con li.margin-case{margin-left:28px}.copyright{background-color:#2d2d2d;text-align:center;height:30px;line-height:30px;color:#fff;font-size:12px}