.ig-tool .s1,
.ig-tool .s4 { display: none; }

.website-view { width:100%; height:540px; overflow:hidden; position:relative; background:url(./0-0.png) center top no-repeat; color:#FFF; }
.website-view:before { content:""; width:100%; height:100px; background:url(./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; opacity:1\9\0; -webkit-animation:flyInUp 0.5s ease forwards; -moz-animation:flyInUp 0.5s ease forwards; -ms-animation:flyInUp 0.5s ease forwards; animation:flyInUp 0.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; opacity:1\9\0; -webkit-animation:flyInUp 0.5s ease forwards 0.1s; -moz-animation:flyInUp 0.5s ease forwards 0.1s; -ms-animation:flyInUp 0.5s ease forwards 0.1s; animation:flyInUp 0.5s ease forwards 0.1s; }
.website-view .list { width:500px; height:auto; margin:0 auto; opacity:0; opacity:1\9\0; -webkit-animation:flyInUp 0.5s ease forwards 0.2s; -moz-animation:flyInUp 0.5s ease forwards 0.2s; -ms-animation:flyInUp 0.5s ease forwards 0.2s; animation:flyInUp 0.5s ease forwards 0.2s; }
.website-view .list dd { float:left; width:220px; height:45px; line-height:45px; background:url(./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; opacity:1\9\0; -webkit-animation:flyInUp 0.8s ease forwards 0.3s; -moz-animation:flyInUp 0.8s ease forwards 0.3s; -ms-animation:flyInUp 0.8s ease forwards 0.3s; animation:flyInUp 0.8s ease forwards 0.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; opacity:1\9\0; -webkit-animation:flyInUp 0.8s ease forwards 0.4s; -moz-animation:flyInUp 0.8s ease forwards 0.4s; -ms-animation:flyInUp 0.8s ease forwards 0.4s; animation:flyInUp 0.8s ease forwards 0.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; opacity:1\9\0; -webkit-animation:flyInUp 0.8s ease forwards 0.5s; -moz-animation:flyInUp 0.8s ease forwards 0.5s; -ms-animation:flyInUp 0.8s ease forwards 0.5s; animation:flyInUp 0.8s ease forwards 0.5s; }

.website-tags { width:100%; height:380px; background:url(./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,0.5); -webkit-transform:scale(0.9,0.9); -ms-transform:scale(0.9,0.9); -moz-transform:scale(0.9,0.9); transform:scale(0.9,0.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(./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(./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; }