.website-view{width:100%;height:540px;overflow:hidden;position:relative;background:url(../images/brand/0-0.png) center top no-repeat;color:#FFF}.website-view:before{content:"";width:100%;height:100px;background:url(../images/brand/0-1.png) center bottom no-repeat;position:absolute;left:0;bottom:0;z-index:6}.website-view h2{height:100px;line-height:100px;font-size:60px;text-align:center;padding-top:70px;position:relative;z-index:5;opacity:0;-webkit-animation:flyInUp .5s ease forwards;-moz-animation:flyInUp .5s ease forwards;-ms-animation:flyInUp .5s ease forwards;animation:flyInUp .5s ease forwards}.website-view p{height:50px;line-height:50px;text-align:center;font-size:35px;margin-bottom:40px;position:relative;z-index:5;opacity:0;-webkit-animation:flyInUp .5s ease forwards .1s;-moz-animation:flyInUp .5s ease forwards .1s;-ms-animation:flyInUp .5s ease forwards .1s;animation:flyInUp .5s ease forwards .1s}.website-view .list{width:500px;height:auto;margin:0 auto;opacity:0;-webkit-animation:flyInUp .5s ease forwards .2s;-moz-animation:flyInUp .5s ease forwards .2s;-ms-animation:flyInUp .5s ease forwards .2s;animation:flyInUp .5s ease forwards .2s}.website-view .list dd{float:left;width:220px;height:45px;line-height:45px;background:url(../images/brand/0-2.png) left center no-repeat;padding-left:30px;font-size:18px}.website-view img.l{width:537px;height:237px;position:absolute;left:50%;top:400px;margin:0 0 0 -600px;z-index:1;opacity:0;-webkit-animation:flyInUp .8s ease forwards .3s;-moz-animation:flyInUp .8s ease forwards .3s;-ms-animation:flyInUp .8s ease forwards .3s;animation:flyInUp .8s ease forwards .3s}.website-view img.c{width:623px;height:232px;position:absolute;left:50%;top:384px;margin:0 0 0 -315px;z-index:2;opacity:0;-webkit-animation:flyInUp .8s ease forwards .4s;-moz-animation:flyInUp .8s ease forwards .4s;-ms-animation:flyInUp .8s ease forwards .4s;animation:flyInUp .8s ease forwards .4s}.website-view img.r{width:632px;height:274px;position:absolute;left:50%;top:400px;margin:0 0 0 30px;z-index:1;opacity:0;-webkit-animation:flyInUp .8s ease forwards .5s;-moz-animation:flyInUp .8s ease forwards .5s;-ms-animation:flyInUp .8s ease forwards .5s;animation:flyInUp .8s ease forwards .5s}.website-tags{width:100%;height:380px;background:url(../images/brand/rep-website.png) center bottom no-repeat #ededed}.website-tags li{float:left;width:21%;padding:0 2%;text-align:center;position:relative}.website-tags .icon{width:134px;height:134px;border-radius:50%}.website-tags .icon:hover{box-shadow:0 0 0 8px rgba(255,91,1,.5);-webkit-transform:scale(0.9,.9);-ms-transform:scale(0.9,.9);-moz-transform:scale(0.9,.9);transform:scale(0.9,.9)}.website-tags h3{font-size:25px;color:#ff5a1e;margin-bottom:10px}.website-tags p{line-height:25px;margin-bottom:20px}.website-info{width:100%;height:2515px;position:relative;background:url(../images/brand/bg.png) center top no-repeat;overflow:hidden}.website-info .row{width:700px;position:absolute}.website-info .row-1,.website-info .row-3{left:50%;top:135px;margin-left:-35px}.website-info .row-3{top:1300px}.website-info .row-2,.website-info .row-4{left:50%;top:660px;margin-left:-600px}.website-info .row-4{top:1840px}.website-info h2{font-size:40px;color:#ff5a1e;margin-bottom:10px}.website-info p{font-size:18px;line-height:35px;color:#777;margin-bottom:20px}.website-info .ins{font-size:22px;line-height:30px;color:#ff5b00;margin-bottom:20px}.website-info .ico{height:auto}.website-info .ico li{float:left;width:170px;height:50px;line-height:50px;padding-left:60px;position:relative;margin-bottom:20px;font-size:15px;color:#666}.website-info .ico li:hover{color:#67c0ff}.website-info .ico li:before{content:"";width:50px;height:50px;background:url(../images/brand/ico-website.png) 0 0 no-repeat;position:absolute;left:0;top:0}.website-info .ico li.ico-1:before{background-position:0 0}.website-info .ico li.ico-2:before{background-position:-50px 0}.website-info .ico li.ico-3:before{background-position:-100px 0}.website-info .ico li.ico-4:before{background-position:-150px 0}.website-info .ico li.ico-5:before{background-position:-200px 0}.website-info .ico li.ico-6:before{background-position:0 -50px}.website-info .ico li.ico-7:before{background-position:-50px -50px}.website-info .ico li.ico-8:before{background-position:-100px -50px}.website-info .ico li.ico-9:before{background-position:-150px -50px}.website-info .ico li.ico-10:before{background-position:-200px -50px}.website-info .row-1 .img{position:absolute;left:-920px;top:-50px;width:920px;height:460px}.website-info .row-2 .img{position:absolute;left:670px;top:-100px;width:890px;height:720px}.website-info .row-3 .img{position:absolute;left:-920px;top:-90px;width:920px;height:550px}.website-info .row-4 .img{position:absolute;left:670px;top:-150px;width:890px;height:720px}.website-case{position:relative;top:-60px;margin-bottom:60px;padding-bottom:100px;overflow:hidden}.website-case .head{height:60px;line-height:60px;font-size:40px;text-align:center;color:#666;margin-bottom:40px}.website-case .main{width:100%;padding-bottom:30px;overflow:hidden}.website-case .main li{float:left;width:184px;height:75px;margin-bottom:30px;background:#FFF;border:1px solid #fff;margin-left:13px}.website-case .main img{display:block;width:184px;height:75px}.website-case .main li:hover{border-color:#ddd}.website-case .list{width:100%;padding-bottom:30px}.website-case .list li{float:left;width:222px;margin-left:20px}.website-case .list li:first-child{margin-left:0}.website-case .list a{display:block;width:212px;height:378px;padding:4px;border:1px solid #d1d1d1}.website-case .list a:hover{border-color:#047bcf}.website-case .list li:hover{color:#047bcf}.website-case .list img{display:block;width:212px;height:378px}.website-case .list span{display:block;height:40px;line-height:40px;overflow:hidden;text-align:center}.website-case .foot{width:100%;height:35px}.website-case .foot a{display:block;width:240px;height:35px;line-height:35px;background:#e14848;color:#fff;border-radius:35px;margin:0 auto;font-size:18px;text-align:center}.website-case .foot a:hover{background:#af0000}