@charset "utf-8";.btn,.dropadown-menu>li>a{line-height:1.42857143;white-space:nowrap;text-align:center;font-weight:400}.list-inline a,header{background-color:#f0f0f0}.mgtop,header .box nav{margin-top:50px}.btn,.tacenter,header .box nav a{text-align:center}a,header .box nav a,header footer u,span.goto:hover{text-decoration:none}.caselist ul.items li .shade,.caselist ul.items li img{height:calc(20.95vw * 395 / 500);width:100%}.btn,.caret,.caselist ul.items li img,img{vertical-align:middle}.dock ul.icons li.im p:hover,.toolbar.show .btnList .link .btn,.toolbar.show .switch,header .box nav a.active,span.goto{color:#fff}::-webkit-scrollbar{width:3px;height:3px;-webkit-overflow-scrolling:touch;background-color:#e6e6e6}::-webkit-scrollbar-track{background-color:#e6e6e6}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#2faad0}::-webkit-scrollbar-button{height:0;background-color:#e6e6e6}html{font-size:10px}body{width:100%;margin:0;font-family:"Microsoft YaHei","\5b8b\4f53";overflow-x:hidden;font-size:1.8rem}.fr{float:right}.f1{font-size:3.6rem}.f2{font-size:3rem}.f3{font-size:2.2rem}.f4{font-size:1.4rem}img{border:0}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.btn,.caret,.glyphicon{display:inline-block}.ys1{color:#333!important}.ys2{color:#999!important}.ys3{color:#ccc!important}a:focus{outline:0}.btn{padding:6px 12px;margin-bottom:0;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}a{color:#337ab7}.glyphicon{position:relative;top:1px;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-arrow-left:before{content:"←";font-size:2rem;float:left}.glyphicon-chevron-left:before,.glyphicon-th-list:before{font-size:4rem;font-weight:border}.glyphicon-arrow-right:after{content:"→";font-size:2rem;float:right}.glyphicon-chevron-left:before{content:"<"}.glyphicon-th-list:before{content:">"}.list-inline{padding-left:0;margin-left:-5px;list-style:none}.list-inline a{display:block;width:100%}.dropadown-menu,section.toolbar{background-color:#fff;z-index:1000;left:0}p{margin:0 0 10px}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropadown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.caret{width:0;height:0;margin-left:2px;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}.dropadown-menu{position:absolute;top:100%;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;text-align:left;list-style:none;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}.dropadown-show,.show{display:block!important}.dropadown-menu-right{right:0;left:auto}.clear,.dropadown-menu>li{clear:both}.dropadown-menu>li>a{display:block;padding:5px 20px;color:#333}.mini .dropadown-menu>li a{border:none}.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropadown-toggle){border-radius:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}header nav span.bg.b43{top:36px}header nav span.bg.b46{top:72px}header{position:fixed;left:-240px;height:100%;width:240px;-webkit-transition:left .3s ease-in-out;-moz-transition:left .3s ease-in-out;-ms-transition:left .3s ease-in-out;-o-transition:left .3s ease-in-out;transition:left .3s ease-in-out;z-index:99}.caseshow .caption::before,header.active{left:0}header .box{margin:40px 30px 0 0;text-align:right}.caseshow .case-info>dl.tags,header .box .wechat{margin-top:20px}header .box .wechat img{margin-bottom:10px;width:130px;height:130px}header .box .wechat i{float:right;display:block;margin:3px 0 0 9px;width:9px;height:14px;background:url(/qx/img/icons.png) top right no-repeat}header .box nav{float:right;position:relative;padding:0;width:130px}header .box nav a{display:block;position:relative;padding:4px 0 8px;color:#333;z-index:10;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}header .box nav span{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:32px;border-left:1px solid #eee;background:#2faad0;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out}header footer{position:absolute;bottom:20px;right:30px;color:#666;font-family:Arial,"宋体";font-size:14px;line-height:22px;text-align:right}header footer a{color:#666}#Banner{background-position:center;background-repeat:no-repeat;background-size:100% auto}header footer a:hover{color:#333;text-decoration:none;border-bottom:1px dotted #333}header footer u{margin:0 5px}section.toolbar{position:fixed;top:0;width:100%;height:70px;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}.caselist ul.items li .shade,body>.content{-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;position:absolute}.dropadown-show{position:absolute;transform:translate3d(7px,32px,0);top:0;right:0;will-change:transform}section.show{background:rgba(0,0,0,.5)}body>.content.active,section.toolbar.active{left:240px}#BDBridgeWrap,#so360form,.footWechat,.hide,.toolbar .logo,.toolbar .mini,.toolbar .miniBtn,.toolbar a.homelink{display:none}.toolbar .switch{float:left;margin:10px 0 0 30px;color:#333;font-size:24px;cursor:pointer;z-index:10}.toolbar .category{float:left;margin:18px 0 0 30px}.toolbar .btn{line-height:2.4rem;padding-bottom:3px;color:#777}.toolbar .category .btn-primary{color:#eee;background-color:#666;border-color:#666}.toolbar .btnList{float:left;margin:18px 0 0 5px}.toolbar .btnList .link{margin-left:5px}.toolbar .btnList .link .btn{line-height:16px;padding-bottom:8px;color:#333;font-family:"微软雅黑";font-size:14px;border:1px solid #ccc;background:0 0;overflow:hidden}.toolbar .btnList .link .btn span.glyphicon-arrow-left{margin-right:8px}.toolbar .link .btn span.tit{text-indent:-1000px;float:left}.toolbar .btnList .link .btn span.glyphicon-arrow-right{margin-left:8px}.toolbar h1{float:left;margin-left:40px;font-size:24px}.toolbar h1 .glyphicon{margin:0 15px;font-size:18px}body>.content{top:80px;left:0;transition:.3s ease-in-out}.caseshow{top:0!important}.caseshow .case-info{min-height:450px;padding-bottom:30px;overflow:hidden;padding-left:5%;background-color:#f7f7f7}span.goto{display:block;cursor:pointer;position:fixed;right:5px;top:400px;padding:36px 10px 0;background:url(/qx/img/eye.png) center 5px no-repeat #e10601;line-height:36px;font-size:18px;z-index:10;border-radius:5px}span.goto:hover{background-color:#b00804;font-size:20px}.caseshow .case-info h1{clear:both;margin-top:100px;font-size:36px;line-height:60px}.caseshow img{max-width:100%;height:auto;clear:both;display:block;margin:0 auto}.qzPagination a,.qzPagination span{float:left;margin-right:-1px;font-family:Arial}.caseshow div.case-info div.caont{padding-top:10px;line-height:3rem;text-justify:inter-ideograph;width:70%}.caseshow div.case-info div.caont,.caseshow div.case-info div.caont div{text-align:justify;text-justify:inter-ideograph}.caselist ul.items{top:0;margin:0 0 0 60px}.caselist ul.items li{position:relative;padding:0;width:20.95vw;display:block;float:left;aheight:256px;margin:0 2.3vw 30px 0;border-top:1px solid #e8e8e8;border-bottom:2px solid #2faad0;cursor:pointer;overflow:hidden}.caselist ul.items li:nth-child(3n){margin-right:0}.caselist ul.items li .shade{margin-top:calc(-20.95vw * 395 / 500);transition:.3s ease-in-out;z-index:10;background-color:rgba(0,0,0,.5)}.caselist ul.items li p,.caselist ul.items li p strong{-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;text-overflow:ellipsis;white-space:pre;overflow:hidden}.caselist ul.items li .shade u{display:block;margin:0 auto;margin-top:calc(20.95vw * 395 / 1000 - 22px);width:44px;height:44px;background:url(/qx/img/icons.png) 0 -168px no-repeat}.caselist ul.items li p{position:absolute;color:#999;width:100%;line-height:50px;margin:0;text-align:center;transition:.3s ease-in-out;z-index:10}.artshow dl.tags dd a,.caseshow .case-info>dl.tags dd a{margin-right:5px;padding:2px 8px 4px;text-decoration:none}.caselist ul.items li p strong{color:#222;font-weight:400;transition:.3s ease-in-out;display:block;width:96%}.caselist ul.items li .bg,.caselist ul.items li .bg u{height:50px;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;width:100%}.caselist ul.items li .bg{background-color:#fff;-moz-opacity:0.5;opacity:.5;transition:.3s ease-in-out}.caselist ul.items li .bg u{display:block;position:absolute;margin-top:50px;background-color:#2faad0;transition:.3s ease-in-out}.caselist ul.items li:hover .bg,.caselist ul.items li:hover .bg u,.caselist ul.items li:hover .shade{-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out}.caselist ul.items li:hover .bg u,.caselist ul.items li:hover .shade{margin-top:0;transition:.3s ease-in-out}.caselist ul.items li:hover .bg{-moz-opacity:1;opacity:1;transition:.3s ease-in-out}.artlist ul.items li p.right,.caselist ul.items li:hover p,.caselist ul.items li:hover p strong{-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out}.caselist ul.items li:hover p,.caselist ul.items li:hover p strong{color:#fff;transition:.3s ease-in-out}.caseshow .banner{width:100%;height:450px;background-repeat:no-repeat!important;background-position:center top!important}.caseshow .caption{font-size:3rem;text-align:center;position:relative;padding:0;margin:0}.caseshow .caption::after,.caseshow .caption::before{position:absolute;background:#ccc;content:"";height:2px;top:40px;width:45%}.caseshow .caption::after{right:0}.caseshow .caption figcaption{font-size:26px;margin:50px auto;text-transform:uppercase;height:60px;line-height:40px}.caseshow .caption figcaption::before{content:"Design appreciation";color:#e0e0e0;display:block;line-height:20px}.caseshow .caption span.zw{position:relative;top:-20px;clear:both;display:block;letter-spacing:2px}.caseshow .words{margin:0 auto}.artshow.words cite{text-indent:-30000px;display:block;float:right}.caseshow .case-info>span.rel{color:#bbb;line-height:30px}.caseshow .case-info>span.rel a{color:#bbb;text-decoration:none}.artlist ul.items li p.right span.rel a:hover,.artshow .rel a:hover,.caseshow .case-info>span.rel a:hover{border-bottom:1px solid #999}.caseshow .case-info>span.rel u{margin:0 12px;color:#bbb;text-decoration:none}.caseshow .case-info p{line-height:25px;text-indent:28px}.caseshow .case-info>dl.tags dt{display:inline-block;font-size:2rem}.artshow dl.tags dt .glyphicon,.caseshow .case-info>dl.tags dt .glyphicon{margin:0 8px 0 12px}.caseshow .case-info>dl.tags dd{display:inline-block;margin-top:10px}.caseshow .case-info>dl.tags dd a{color:#2faad0;background:#fff;line-height:2.8rem}.artlist ul.items{position:relative;top:0;margin:20px 100px 0 60px;padding:0;list-style:none}.artlist ul.items li{margin-bottom:50px;height:166px;clear:both;overflow:hidden}.artlist ul.items li span.date{display:block;float:left;width:58px;height:66px;padding-top:2px;color:#fff;font-size:24px;text-align:center;background:url(/qx/img/icons.png) 0 -512px no-repeat}.artlist ul.items li span.date u{display:block;margin-top:-5px;font-size:16px;text-decoration:none}.artlist ul.items li a.thumb{display:block;float:left;margin-left:12px;width:230px;border:3px solid #f0f0f0;background:#f0f0f0}.artlist ul.items li p.left{float:left;display:block;padding-right:30px}.artlist ul.items li p.right{transition:.3s ease-in-out}.artshow,aside.news{-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out}.artlist ul.items li p.right span.title{display:block;white-space:pre;text-overflow:ellipsis;overflow:hidden}.artlist ul.items li p.right span.title a,aside.news ul.items li .title a{color:#333;text-decoration:none}.artlist ul.items li p.right span.title a:hover,.taglist ul.items li p span.title a:hover,aside.news ul.items li .title a:hover{color:#2faad0}.artlist ul.items li p.right span.rel{display:block;margin-top:10px;color:#999;font-family:Arial,"宋体";font-size:14px}.artlist ul.items li p.right span.rel u,.taglist ul.items li p span.rel u{margin:0 10px;color:#aaa;text-decoration:none}.artlist ul.items li p.right span.rel a,.artshow .rel a{color:#999;text-decoration:none}.artlist ul.items li p.right a.summary{display:block;margin-top:15px;height:60px;color:#555;line-height:28px;overflow:hidden;text-align:justify;text-justify:inter-ideograph;word-wrap:break-word;overflow-wrap:break-word}.artlist ul.items li p.right a.summary:hover{text-decoration:underline}.artlist ul.items li span.tags,.taglist ul.items li p span.rel,.taglist ul.items li span.tags{display:block;margin-top:8px}.artlist ul.items li span.tags .glyphicon,.taglist ul.items li span.tags a.active{color:#2cc0a7}.artlist ul.items li span.tags a{margin-left:10px;color:#2cc0a7}.artshow{width:calc(100vw - 60 * 2px - 310px - 85px);position:relative;margin:0 0 0 60px;transition:.3s ease-in-out}.artshow.active{width:calc(100vw - 240px - 60 * 2px - 310px - 85px)}.artshow h1{font-size:36px;line-height:1.2;font-weight:700}.artshow .rel{display:block;color:#999;padding-bottom:10px;border-bottom:1px solid #dadada;font-size:12px;margin-bottom:20px}.artshow .rel time{margin:0 10px}.artshow .rel time::before{content:"·";font-weight:700;margin-right:10px}.artshow .rel time::after{content:"·";font-weight:700;margin-left:10px}.artshow .rel u{margin:0 15px;color:#aaa;text-decoration:none}.artshow.words img,.artshow.words p{margin-bottom:20px}.artshow.words{line-height:1.8;text-align:justify;text-justify:inter-ideograph}.artshow.words h2{font-size:30px}.artshow.words h3{font-size:24px}.artshow.words img{max-width:100%;display:inline;margin-top:10px}.artshow.words p a{margin:0 3px;color:#3588be;text-decoration:none;border-bottom:1px dotted #999}.artshow.words p a:hover{border-bottom:1px solid #3588be}.artshow dl.tags{margin-top:40px}.artshow dl.tags dt{adisplay:inline-block;float:left}.artshow dl.tags dd{display:inline-block}.artshow dl.tags dd a{color:#fff;background:#2faad0;white-space:pre;display:block;float:left;margin-bottom:10px}.artshow .bdsharebuttonbox{margin-bottom:40px}aside.news{position:fixed;top:calc((100vh - 652px)/ 2);right:-310px;width:280px;border:15px solid #f0f0f0;background-color:#f0f0f0;z-index:1000;transition:.3s ease-in-out;overflow:hidden}aside.news.active{right:85px}aside.news .ad img{width:280px;height:210px}aside.news .caption h3,section.show .btnList div.link{height:34px;line-height:32px}aside.news .ad{position:relative;top:10px}aside.news .caption{margin-top:25px;height:34px;border-bottom:2px solid #fff}aside.news .caption h3{display:block;font-size:18px;border-bottom:2px solid #2faad0;float:left;padding:0;margin:0}aside.news ul.items{list-style:none;margin:20px 0 0;padding:0}aside.news ul.items li{margin-top:20px;overflow:hidden;font-size:16px}aside.news ul.items li a.thumb{float:left;margin-right:15px}aside.news ul.items li a.thumb img{width:101px;height:70px}aside.news ul.items li .title{display:block;line-height:22px;color:#333}aside.news ul.items li .rel{margin-top:5px;display:block;color:#aaa}aside.news ul.items li .rel .glyphicon{margin:0 5px 0 15px}.taglist ul.items{position:relative;top:0;margin:20px 40px 0;padding:0;list-style:none}.taglist ul.items li{float:left;width:100%;padding-bottom:12px;margin-bottom:20px;border-bottom:1px dotted #d3d3d3}.taglist ul.items li a.thumb{display:block;float:left;margin-left:12px;width:115px;height:80px;border:3px solid #fff;background:#fff}.dock ul.icons li.up i,.dock ul.icons li.up.active i{background-position:-63px -150px}.taglist ul.items li a.thumb img.product{margin-top:6px}.taglist ul.items li p{display:block;float:left;margin-left:30px}.taglist ul.items li p span.title{display:block}.taglist ul.items li p span.title a{color:#333;font-size:20px;text-decoration:none}.taglist ul.items li p span.rel a{color:#333}.taglist ul.items li span.tags a{margin-left:10px;color:#333}.paging{clear:both;margin:0 0 30px 40px}.qzPagination{display:inline-block;height:35px}.qzPagination li{list-style:none;float:left;line-height:35px;padding-left:0;font-size:16px}.qzPagination li.thisclass{padding:0 15px;font-weight:700}.qzPagination .total{padding-right:8px}.qzPagination span{display:block;padding:0 15px;text-align:center}.qzPagination a{display:block;padding:0 15px;height:35px;border:1px solid #dfdfdf;color:#555;font-size:16px;line-height:34px;text-align:center;text-decoration:none;background:#f6f6f6}.qzPagination a:hover{background:#eee}.qzPagination span.current{position:relative;border:1px solid #2faad0;color:#fff;font-family:Arial;background:#2faad0}.qzPagination span.disabled{border:1px solid #dfdfdf;color:#aaa;cursor:not-allowed}.qzPagination .prev{-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0px 0px 5px;border-radius:5px 0 0 5px}.qzPagination .next{-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0px 5px 5px 0px;border-radius:0 5px 5px 0}.dock{position:fixed;right:10px;bottom:45px;width:50px;z-index:2000;overflow:visible}.dock ul.icons{list-style:none;padding:0;margin:0;width:50px;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}.dock ul.icons li{width:50px;height:50px;margin-bottom:5px;clear:both}.dock ul.icons li i{display:block;position:relative;width:50px;height:50px;background:url(/qx/img/icons.png) no-repeat #333;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;-moz-opacity:0.8;opacity:.8;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;z-index:210}.dock ul.icons li:hover i{background-color:#222;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0px 5px 5px 0px;border-radius:0 5px 5px 0;-moz-opacity:1;opacity:1}.dock ul.icons li.up.active i{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.dock ul.icons li.tel i{background-position:-62px -108px}.dock ul.icons li.wechat i{background-position:-59px -66px}.dock ul.icons li p{display:block;position:absolute;right:5px;padding:5px 10px 5px 15px;height:38px;font-size:14px;line-height:20px;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0px 0px 5px;border-radius:5px 0 0 5px;-moz-opacity:0;opacity:0;-webkit-transition:.4s ease-in-out .1s;-moz-transition:.4s ease-in-out .1s;-ms-transition:.4s ease-in-out .1s;-o-transition:.4s ease-in-out .1s;transition:.4s ease-in-out .1s;overflow:hidden;z-index:201}.dock ul.icons li.tel p{height:auto;top:55px;width:100px;color:#ddd;font-family:Arial,"宋体"}.dock ul.icons li.tel p img{margin-left:-5px}.dock ul.icons li:hover p{right:50px;-moz-opacity:1;opacity:1}.dock ul.icons li.im p{top:110px;width:100px;line-height:38px;color:#2faad0;font-size:14px;text-align:center;cursor:pointer}.dock ul.icons li.tel:hover p,.dock ul.icons li.wechat:hover p{background-position:center;width:118px;height:118px;top:0;background-size:118px 118px;background-repeat:no-repeat}.dock ul.icons li.wechat:hover p{background-image:url(/qx/img/wechat_code.png)}.dock ul.icons li.tel:hover p{background-image:url(/qx/img/ewm_tel.png)}@media (max-height:630px){header footer{display:none}}@media (max-width:1100px){.caseshow img{width:100%}header{width:0}.toolbar .switch,aside.news ul.items li:nth-child(4),header,header.active,header.showmenu .box a:first-child,header.showmenu div,header.showmenu footer{display:none}header.showmenu{z-index:1100;background-color:rgba(0,0,0,.5)}header.showmenu,header.showmenu .box,header.showmenu nav{display:block;width:100%;height:100%;margin-top:0}header.showmenu .box li a:first-child{display:block}header.showmenu .box{margin:0;background-color:#fff;width:65%;padding-left:5%;padding-top:30%}header.showmenu nav{margin-top:0}section.toolbar.active{z-index:2000}header nav ul li{clear:both}header nav ul li.ewm{text-align:left;margin-top:20px}header nav ul li.ewm img{width:53%}header nav ul li.ewm button{height:3.8rem;line-height:3.8rem;font-size:1.6rem;border-radius:10px;width:auto}header nav ul li.ewm button.active{background-image:url(/qx/img/icons.png);background-repeat:no-repeat;background-position:-70px -669px;abackground-size:325px 480px;text-indent:23px}body>.content.active,section.toolbar.active{left:0}section.toolbar{height:66px}.toolbar a.homelink{float:left;display:inline;height:100%}.toolbar a.homelink .glyphicon{position:relative;margin:25px 0 0 20px;color:#333;font-size:24px;cursor:pointer;z-index:10}.toolbar .logo{display:block;float:left;margin:14px 0 0 20px;width:29%;max-width:180px}.toolbar .category{margin:14px 30px 0 0;float:right}.toolbar .btnList{margin:12px 30px 0 0;float:right}.toolbar h1{float:right;margin:16px 35px 0 0;font-size:20px}.toolbar h1 .glyphicon{margin:0 12px;font-size:20px}.artlist ul.items{margin-left:30px;margin-right:30px}aside.news{margin-top:28px}.caselist ul.items li{width:290px;aheight:257px}}@media (max-width:800px){#so360form,.sdfdf{display:block}section.toolbar{background:rgba(0,0,0,.5)}.toolbar .btnList,.toolbar .category{display:none}.toolbar .mini{display:block;margin:14px 0 0 30px}.toolbar .mini span.phone-ico{display:block;float:left;width:50px;height:30px;margin-right:10px;background-image:url(/qx/img/words_mini2.png);background-repeat:no-repeat;background-position:left bottom;background-size:325px 480px}.toolbar .mini span.glyphicon-th-large{z-index:2000;background-image:url(/qx/img/icons.png);background-repeat:no-repeat;background-position:0 -669px;display:block;float:left;width:34px;height:34px}.toolbar .mini span.active,.toolbar .mini span.glyphicon-th-large.active{background-position:-34px -669px}.toolbar .mini ul.dropadown-menu{min-width:100px}.toolbar .mini .link{margin:0;display:none}.toolbar .mini .link .btn{padding:6px 8px}.artlist ul.items{margin-right:20px;margin-left:20px}.artlist ul.items li{margin-bottom:10px}.artshow.active{margin-left:auto;margin-right:auto;width:100vw;box-sizing:border-box;padding:0 15px}.dock,aside.news{display:none;width:0}.caseshow .words{margin:0 30px}.footWechat{display:block;margin:0 auto 30px;width:60%;clear:both}.footWechat img{border:3px solid #fff;max-width:100%}.footWechat p{text-align:center;font-size:18px;color:red}.footWechat i{display:none;background:0 0}}@media (max-width:700px){.caseshow .case-info>dl.tags dd,.caseshow .words>dl.tags dt,.paging,.taglist ul.items li p{margin-left:0}.caseshow div.case-info div.caont{width:90%;max-height:210px;overflow:hidden}.caseshow .case-info>dl.tags{margin-top:0}.caseshow .case-info{padding-bottom:10px}.toolbar .logo{width:33%}#so360form{padding-top:10px}#so360_keyword{float:left;width:60%;margin-left:10%}#so360_submit{float:left}.caseshow .caption{margin:20px auto}.toolbar .btn{line-height:2rem;font-size:1.6rem}.artlist ul.items li p.left{display:none;width:0}.artlist ul.items li{height:auto}.artshow h1{font-size:22px;line-height:28px}.taglist ul.items li a.thumb{display:none}}@media (max-width:420px){.caseshow .case-info>dl.tags dd a{padding-left:2px;padding-right:2px;margin-right:3px}.caseshow .case-info{padding-left:2%;background-size:auto 100%}.caseshow div.case-info div.caont{width:96%}span.goto{line-height:32px;font-size:1.6rem;padding:30px 5px 0}.caseshow .case-info h1{font-size:22px;margin-top:55px}.toolbar .logo,.toolbar a.homelink .glyphicon{margin-left:5px;margin-top:12px}section.toolbar{height:56px}.toolbar .mini{margin-right:5px}.caselist ul.items{margin:0 auto}.toolbar h1{margin:19px 20px 0 0;font-size:14px}.toolbar h1 .glyphicon{margin:0 7px;font-size:14px}.caselist ul.items li{float:none;margin:0 auto 30px}body>.content{width:100vw;overflow:hidden}.artlist ul.items li p.right span.title a{font-size:18px;line-height:24px}.artlist ul.items li p.right a.summary{margin-top:7px;line-height:20px;height:42px}.artshow h1{font-size:2.2rem;line-height:2.6rem}.artshow dl.tags dt,.caseshow .words dl.tags dt,.caseshow .words span.rel{display:none}.caseshow .caption{margin-top:0;font-size:2.4rem}.caseshow .caption figcaption{font-size:2rem}.caseshow .caption:after,.caseshow .caption:before{width:32%}.caseshow .words{margin:0 10px}.caseshow .words h1{text-indent:0}.taglist ul.items{margin:0 20px}}.design{width:100%;min-height:500px}section.show .btnList div.ml{background:0 0}