.intro .banner{height:674px;background:url(../../../../Images/diysite-responsive/bg-banner.jpg) no-repeat top;background-size:cover;background-attachment:fixed}.intro .banner .container{position:relative}.intro .banner .summary{margin-top:17em}.intro .banner .summary p{font-size:24px;line-height:44px;color:#fff}.intro .banner .summary .title{position:relative;width:9em;padding-right:.5em;background-color:#007aff;border-radius:0 46px 46px 0;font-size:43px;color:#fff;line-height:92px;text-align:right}.intro .banner .summary .title:before{content:" ";position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:#007aff}.intro .banner .effect{display:none;position:absolute;top:13em;right:0}.intro .section h2,.intro .section h6{line-height:1;color:343434;font-weight:400}.intro .section h2{margin-top:1em;font-size:48px}.intro .section h6{margin:1.5em auto 3em;font-size:18px}.intro .section.active h2,.intro .section.active h6{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.intro .section h2,.intro .section h6{opacity:0;-webkit-transition:1s;transition:1s;-webkit-transform:translateY(1em);transform:translateY(1em)}.intro .section h6{-webkit-transition-delay:.3s;transition-delay:.3s}.intro .section-1{text-align:center}.intro .section-1 .features{margin-top:6em;border-right:1px solid #eee;border-bottom:1px solid #eee}.intro .section-1 .features .item{float:left;width:33.333%;padding:3em 0;border-left:1px solid #eee;border-top:1px solid #eee;box-sizing:border-box;-webkit-transition:.3s;transition:.3s}.intro .section-1 .features .item:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 3px 6px rgba(0,0,0,.3)}.intro .section-1 .features .item .txt{margin-top:1em;font-size:16px;line-height:2}.intro .section-2{margin-top:4em}.intro .section-2 .service{position:relative;height:483px;background-color:#007aff;overflow:hidden}.intro .section-2 .service:before{content:" ";position:absolute;top:52px;left:50%;width:100%;height:356px;margin-left:-30%;border:10px solid #fff}.intro .section-2 .service .row{margin-top:8em}.intro .section-2 .service .txt{position:relative;margin-top:1.5em;padding:1.5em 0;background-color:#007aff;color:#fff;font-size:14px}.intro .section-2 .service .txt p{line-height:3}.intro .section-2 .service .txt .title{font-size:26px;line-height:1}.intro .section-3{text-align:center}.intro .section-3 .slider{position:relative;height:270px}.intro .section-3 .slider .item{position:absolute;left:50%;width:30%;max-width:342px;overflow:hidden;border-radius:26px;box-shadow:0 3px 6px rgba(0,0,0,.3);-webkit-transform:translateX(-50%) scale(.8);transform:translateX(-50%) scale(.8);-webkit-transition:.3s;transition:.3s;opacity:0;cursor:pointer}.intro .section-3 .slider .item.active,.intro .section-3 .slider .item.next,.intro .section-3 .slider .item.prev{opacity:1}.intro .section-3 .slider .item.next,.intro .section-3 .slider .item.prev{z-index:1}.intro .section-3 .slider .item.next .bar,.intro .section-3 .slider .item.next img,.intro .section-3 .slider .item.prev .bar,.intro .section-3 .slider .item.prev img{-webkit-filter:blur(3px);filter:blur(3px);opacity:.8}.intro .section-3 .slider .item.active{-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1);z-index:2}.intro .section-3 .slider .item.prev{-webkit-transform:translateX(-160%) scale(.8);transform:translateX(-160%) scale(.8)}.intro .section-3 .slider .item.next{-webkit-transform:translateX(60%) scale(.8);transform:translateX(60%) scale(.8)}.intro .section-3 .slider .item .bar{height:5em;background-color:#2c2c2c;line-height:5em;text-align:left;text-indent:4em}.intro .section-3 .slider .item .bar i{display:inline-block;width:18px;height:18px;background-color:#50db46;vertical-align:middle;border-radius:50%;box-shadow:-26px 0 0 0 #ef5252,26px 0 0 0 #e29317}.intro .section-4{margin-top:6em;text-align:center}.intro .section-4 a{display:inline-block;width:28%;padding:1em 0;background:#2196f3;color:#fff;vertical-align:top;font-size:20px;text-decoration:none}.intro .section-4 a:after{content:">";position:absolute;margin-left:.5em;font-family:simsun;font-weight:700;-webkit-transition:.3s;transition:.3s}.intro .section-4 a:hover:after{margin-left:1em}@media(min-width:1200px){.intro .banner .effect{display:block}.intro .section-2 .service .txt{font-size:16px}.intro .section-2 .service .txt .title{font-size:32px}}@media(max-width:979px){.intro .section-1 .features .item{width:50%;height:26em}.intro .section-2 .service .txt{font-size:16px}.intro .section-2 .service .txt .title{font-size:24px}.intro .section-2 .service .img{margin-top:3em}}@media(max-width:767px){.intro .banner .summary{text-align:center}.intro .banner .summary p{font-size:14px}.intro .banner .summary .title{width:100%;padding-right:0;text-align:center;border-radius:0;font-size:26px}.intro .banner .summary .title:before{display:none}.intro .section-2 .service .txt{text-align:center}.intro .section-2 .service .img{display:none}}