@font-face{font-family:gothic;src:url(../fonts/gothic_2.ttf)}@font-face{font-family:gothic_bold;src:url(../fonts/gothicb_1.ttf)}@font-face{font-family:iconfont;src:url(../fonts/font_20ia7ef1fhto6r.eot);src:url(../fonts/font_20ia7ef1fhto6r.eot) format('embedded-opentype'),url(../fonts/font_20ia7ef1fhto6r.woff) format('woff'),url(../fonts/font_20ia7ef1fhto6r.ttf) format('truetype'),url(../fonts/font_20ia7ef1fhto6r.svg#iconfont) format('svg')}.icon{font-family:iconfont}body{font-family:gothic,'HanHei SC','PingFang SC','Helvetica Neue',Helvetica,STHeitiSC-Light,Arial,sans-serif,'微软雅黑';color:#000;padding-top:160px}#contact form .form-group .name,#contact form .form-group button,#contact2 .btn,#contact2 .section-title,#contact2 .text b,#nav .container .navbar-brand,#studio .text-1 .title{font-family:gothic_bold}a,a:active,a:focus,a:hover,a:visited{color:inherit!important;text-decoration:none}img{max-width:100%}.css3-animate{transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear}.headroom--pinned{display:block;transform:translateY(0)}.headroom{will-change:transform;transition:transform .6s ease}.headroom--unpinned{transform:translateY(-100%)}#nav{background:#fff;border:none;border-radius:0;margin-bottom:0;height:130px;position:fixed;top:0;-webkit-font-smoothing:0;width:100%;z-index:3}#nav .container{position:relative;height:100%}#nav .container .navbar-collapse{padding-left:0;padding-right:0}#nav .container .navbar-brand{position:absolute;left:50%;top:50%;text-align:center;transform:translate(-50%,-50%);padding:0;line-height:1;font-size:18px;opacity:1;margin:0;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear}#nav .container .navbar-brand span{display:inline-block;padding-top:5px;font-size:16px;border-bottom:1px solid #000;padding-bottom:5px}#nav .container .navbar-brand.logo_1 img{position:relative;top:-20px}#nav .container .navbar-brand.logo_2{opacity:0;transform:translate(-50%,-60%)}#nav .container .logo-2 .logo_1{opacity:0;transform:translate(-50%,-40%);display:block;height:auto}#nav .container .logo-2 .logo_1 img{display:block;position:relative;top:-37px}#nav .container .logo-2 .logo_2{opacity:1;transform:translate(-50%,-50%);display:block;height:auto}#nav .container .logo-2 .logo_2 img{display:block}#nav .container .navbar-nav{padding-top:40px}#nav .container .navbar-nav:first-child{margin-left:-15px}#nav .container .navbar-nav a{background:0 0;position:relative;font-size:16px}#nav .container .navbar-nav a:after{content:" ";display:inline-block;width:7px;height:7px;border-radius:50%;background-color:#000;position:absolute;left:50%;bottom:0;transform:translate(-50%,-50%);opacity:0;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear}#nav .container .navbar-nav a.active:after,#nav .container .navbar-nav a:hover:after{transform:translate(-50%,0);opacity:1}#nav .container .navbar-nav a.right{margin-left:100px}#nav .container .navbar-nav a.left{margin-right:100px}#nav .container .language{position:absolute;right:15px;top:245px;transform:rotate(90deg);line-height:1;transform-origin:top right}#nav .container .language .active{color:#A3A3A3!important}#home .top{font-size:23px;line-height:39px;padding:20% 0}#home .cases .category{padding-top:150px;text-align:center}#home .cases .category a{font-size:14px;position:relative}#home .cases .category a:before{content:' ';position:absolute;left:0;bottom:-5px;width:100%;height:1px;background-color:#000;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transform:scale(0,1);transform-origin:0 0}#home .cases .category a.active:before,#home .cases .category a:hover:before{transform:scale(1,1)}#home .cases .category span{margin:0 40px}#home .cases .category span:last-child{display:none}#home .cases .main{padding-top:50px}#home .cases .main .item{margin-bottom:30px;text-align:center}#home .cases .main .item .image{padding-top:63%;background-color:#000;background-size:cover;position:relative}#home .cases .main .item .image .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;opacity:0;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear}#home .cases .main .item .image .bg:hover{opacity:1}#home .cases .main .item .image .bg:hover .text{transform:translateY(-50%)}#home .cases .main .item .image .bg .text{position:absolute;left:0;top:50%;width:100%;transform:translateY(-45%);transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear}#home .cases .main .item .image .bg .text span{display:inline-block;width:5px;height:5px;border-radius:50%;background-color:#000}#home .cases .main .item .image .bg .text .content{font-size:12px;line-height:23px;padding:0 15%}#footer{padding:100px 0;font-size:15px;position:fixed;left:0;bottom:0;width:100%;z-index:1}#footer .brand{font-size:31px;padding-bottom:20px}#case .left .name,#case .left .text p{padding-bottom:10px;border-bottom:1px solid #000}#footer .links span{margin:0 5px}.body{background-color:#fff;position:relative;z-index:2;margin-bottom:300px}#case{padding-top:150px}#case .left .name{font-size:18px;margin-bottom:10px}#case .left .name span{font-size:13px}#case .left .text p{line-height:35px}#case .left .text .content{font-size:13px;color:#686868;line-height:23px;padding-top:5px;padding-bottom:15px;border-bottom:4px solid #000}#case .bottom-box{text-align:center;position:relative;font-size:15px;top:90px}#case .bottom-box .center{position:absolute;left:50%;transform:translateX(-50%)}#contact{padding-top:150px}#contact form .form-group{position:relative;padding-left:150px}#contact form .form-group .name{position:absolute;left:0;top:29px;font-size:25px;line-height:1}#contact form .form-group input,#contact form .form-group textarea{border:none;background-color:transparent;border-radius:0;box-shadow:none;height:60px;border-bottom:1px solid #000;font-size:25px;color:#000;line-height:60px;padding:27px 0 0}#contact form .form-group textarea{border-bottom:none;resize:none;background:url(../images/form-bg.png) center -1px;height:360px;padding-top:13px}#contact form .form-group button{float:right;color:#B7B7B7;margin-top:30px;border:none;background-color:transparent;font-size:33px;outline:0!important}#contact .main{padding:80px 0 200px}#contact .main .title{font-size:25px;padding-bottom:30px}#contact .main .text{line-height:37px;font-size:17px}#contact .main .text a{color:#A3A3A3!important}#studio{padding-top:150px;padding-bottom:150px}#studio hr{border-top-color:#000;margin-top:100px}#studio .top-title{font-size:21px}#studio .top-title span{margin-left:30px}#studio .image{padding:50px 0}#studio .text-1 .title{font-size:23px;margin-bottom:30px}#studio .text-1 .text{line-height:29px;font-size:14px}#studio .text-1 .icon{margin-right:5px}#studio .text-2 .title{font-size:23px;margin-bottom:30px}#studio .text-2 .text{line-height:29px;font-size:14px}#studio .padding-top{padding-top:80px}#studio .text-3 .name{font-size:18px;margin-top:60px}#studio .text-3 .job{font-size:16px;margin-top:30px}#studio .text-3 .text{font-size:15px;line-height:27px;margin-top:30px}#studio .text-3 .website{font-size:16px;display:inline-block;margin-top:30px}#news{padding:150px 0}#news .news-list{text-align:center}#news .news-list .image{padding-top:70%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}#news .news-list .image a{display:inline-block;width:100%;height:100%;position:absolute;left:0;top:0}#news .news-list .title{font-size:25px;max-width:80%;margin:0 auto;padding:30px 30px 0}#news .news-list .date{font-size:12px;color:#919191;padding:30px 0;line-height:1}#news .news-list .text{padding:0 30px 40px;border-bottom:1px solid #000;margin-bottom:30px}#news .news-list .text a{color:#919191!important;text-decoration:underline}#news .news-detail-top{position:relative}#news .news-detail-top .left{position:static}#news .news-detail-top .left a{position:absolute;left:15px;top:50%}#news .news-detail-top .right{position:static}#news .news-detail-top .right a{position:absolute;right:15px;top:50%}#news .news-detail{text-align:center;padding-top:85px}#news .news-detail .title{font-size:25px}#news .news-detail .date{font-size:12px;padding-top:45px;padding-bottom:70px}#news .news-detail .content{line-height:31px;font-size:14px}.swiper-pagination{bottom:-30px;text-align:center;width:100%}.swiper-pagination span{margin:0 5px}.swiper-pagination-bullet-active{background:#000}#footer2{padding:30px 0 25px;background-color:#F1F2F2}#footer2 .back-to-top{cursor:pointer}#footer2 .back-to-top .icon{display:inline-block;font-size:28px;padding-top:5px}#footer2 .back-to-top .text{font-size:12px;display:inline-block;line-height:1}#footer2 .icons a{display:inline-block;padding-top:10px;font-size:20px;margin-right:45px}#footer2 .words{line-height:18px;color:#B9B9B9;font-size:12px;padding-top:5px}#footer2 .words span{display:inline-block;width:100%}#contact2{padding-top:150px}#contact2 form{padding:0 30px}#contact2 .section-title{font-size:30px;padding-top:32px;border-top:1px solid #000;display:inline-block;line-height:1}#contact2 .text{padding-top:30px}#contact2 .form-group{overflow:hidden;margin-bottom:40px}#contact2 input,#contact2 textarea{background-color:transparent;border:none;border-radius:0;outline:0!important;box-shadow:none!important;border-top:1px solid #000;padding-left:0;padding-right:0;color:#000}#contact2 input:focus::-webkit-input-placeholder,#contact2 textarea:focus::-webkit-input-placeholder{transform:translateX(-100px)}#contact2 input::-webkit-input-placeholder,#contact2 textarea::-webkit-input-placeholder{color:#000;font-family:gothic_bold;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear}#contact2 textarea{height:240px;resize:none;border-bottom:1px solid #000}#contact2 .btn{margin-top:200px;background-color:transparent;border:none;border-radius:0;border-left:1px solid #000;border-right:1px solid #000;padding:10px 12px;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear}#contact2 .btn:hover{background-color:#000;color:#fff}@media (min-width:1660px){.container{width:1660px}}@media (min-width:1100px){.container{width:100%;padding:0 50px}}@media (max-width:1100px){.container{width:100%;padding:0 30px}#footer2 .icons a{margin-right:15px}}@media (max-width:768px){#contact2 form{padding:0;margin-top:30px}#contact2 form .btn{margin-top:0;background-color:#000;color:#fff}#footer2{text-align:center!important}#footer2 .text-right{text-align:center;padding-top:10px}#home .cases .category span{margin:0 5px}#case,#contact2,#home .cases .category,#news,#studio{padding-top:30px}#nav .navbar-toggle{border:none;border-radius:0;background-color:transparent!important;font-size:30px;margin-top:27px;margin-right:0;padding-right:0;padding-left:0;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;transform:rotate(45deg)}#nav .navbar-toggle.collapsed{transform:rotate(0)}#nav .navbar-header{height:100%}#nav .navbar-collapse{background-color:#fff;position:relative;border-bottom:1px solid #000;top:0;border-top:none;display:block;overflow:hidden;height:0}#nav .navbar-collapse.in{height:auto}#nav .navbar-collapse .navbar-nav{padding-top:0;display:inline-block;width:50%;margin-left:0!important;margin-right:0!important;float:left;padding-bottom:10px}#nav .navbar-collapse .navbar-nav:first-child li{text-align:left}#nav .navbar-collapse .navbar-nav:nth-child(2) li:nth-child(2){text-align:right}#nav .navbar-collapse .navbar-nav li{float:left;width:50%;text-align:center}#nav .navbar-collapse .navbar-nav li a.left,#nav .navbar-collapse .navbar-nav li a.right{margin:0}#nav .navbar-collapse .navbar-nav li a{display:inline-block;padding-left:0;padding-right:0}#footer2 .words span{width:auto}#studio .text-3 .img{padding-top:100px;border-top:1px solid #000;margin-top:100px}#studio .top-title{font-size:16px}#studio .top-title span{margin-left:10px}#case .bottom-box{font-size:12px}#case .bottom-box .center{display:none}#case .left .text .content{border-bottom:none}}