@charset "utf-8";
::-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: #ec1b24;}
::-webkit-scrollbar-button{height: 0px;background-color: #e6e6e6;}
html{ font-size:10px;}body{width:100%;margin:0;font-family:"Microsoft YaHei","\5b8b\4f53";background:#eff2f4;overflow-x:hidden; font-size:18px;font-size:1.8rem;}.tacenter{ text-align:center;}.fr{ float:right;}.f1{ font-size:36px;font-size:3.6rem;}.f2{ font-size:30px;font-size:3rem;}.f3{ font-size:22px;font-size:2.2rem;}.f4{ font-size:14px;font-size:1.4rem;}img {vertical-align: middle;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;}.ys1{ color:#333 !important;}.ys2{ color:#999 !important;}.ys3{ color:#ccc !important;}a:focus{outline:none;}.btn {display: inline-block;padding: 6px 12px;margin-bottom: 0;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-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-vertical>.btn, .btn-group>.btn {position: relative;float: left;}.btn-group, .btn-group-vertical {position: relative;display: inline-block;vertical-align: middle;}a {color: #337ab7;text-decoration: none;}.glyphicon {position: relative;top: 1px;display: inline-block;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:20px;font-size:2.0rem; float:left;}.glyphicon-chevron-left:before,.glyphicon-th-list:before {font-size:40px;font-size:4.0rem;font-weight:border;}.glyphicon-arrow-right:after {content: "→";font-size:20px;font-size:2.0rem; 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%;}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 {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px dashed;border-top: 4px solid\9;border-right: 4px solid transparent;border-left: 4px solid transparent;}.dropadown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 5px 0;margin: 2px 0 0;text-align: left;list-style: none;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;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-menu-right {right: 0;left: auto;}.show {display: block !important;}.dropadown-menu>li{clear:both;}.dropadown-menu>li>a {display: block;padding: 5px 20px;font-weight: 400;line-height: 1.42857143;color: #333;white-space: nowrap; text-align:center;}.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 .box nav ul li.bg.b43{ top:36px;}header .box nav ul li.bg.b46{ top:72px;}header .box nav ul li.active a{ color:#fff;}
header{position:fixed;left:-240px; height:100%;width:240px;background:White;-webkit-transition:left .3s ease-in-out 0s;-moz-transition:left .3s ease-in-out 0s;-ms-transition:left .3s ease-in-out 0s;-o-transition:left .3s ease-in-out 0s;transition:left .3s ease-in-out 0s;z-index:99;}header.active{left:0px;}header .box{margin:40px 30px 0px 0px;text-align:right;}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) no-repeat top right;}header .box nav{float:right;margin-top:50px;}header .box nav ul{position:relative;list-style:none;padding:0px;}header .box nav ul li a{display:block;position:relative;width:100px;padding:4px 15px 8px 15px;color:#333;text-align:center;text-decoration:none;z-index:10;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;}header .box nav ul li.bg{position:absolute;top:0px;width:130px;height:32px;border-left:1px solid #eee;background:#2FAAD0;-moz-border-radius:16px;-webkit-border-radius:16px;border-radius:16px;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;}
#so360form{margin:0;padding:0; display:block; height:32px; margin-bottom:10px;}#so360_keyword{width:55%;height:24px;line-height:24px;font:14px arial;padding:2px 5px;border:2px solid #3EAF0E;outline:0;vertical-align:middle; float:right;background:url(/qx/img/t01ab1a3fb05f0ee893.png) no-repeat right center #FFFFFF;}#so360_submit{width:70px;height:32px;line-height:32px;border:0;color:#fff;background:#3FB30E;font-weight:bold;font:bold 14px arial;padding:0;padding-top:3px\9;cursor:pointer;vertical-align:middle; float:right; margin-right:0;}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;text-decoration:none;}section.toolbar{position:fixed; top:0;left:0;width:100%;height:70px;background: #eff2f4;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;z-index:1000;}.dropadown-show{position: absolute; transform: translate3d(7px, 32px, 0px); top: 0px; right: 0; will-change: transform; display:block !important;}section.show{background:rgba(0, 0, 0, 0.5);}section.toolbar.active{left:240px;}.toolbar a.homelink,.toolbar .logo,.toolbar .mini,.toolbar .miniBtn,.footWechat,#so360form{display:none;}.toolbar .switch{float:left;margin:10px 0px 0px 30px;color:#333;font-size:24px;cursor:pointer;z-index:10;}.toolbar.show .switch{color:White;}.toolbar .category{float:left;margin:18px 0px 0px 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 0px 0px 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:transparent; overflow:hidden;}.toolbar.show .btnList .link .btn{color:White;}.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:0px 15px;font-size:18px;}section.content{position:absolute;top:80px;left:0;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}section.content.active{left:240px;}.caseshow{top:0px !important;}
.caseshow .case-info{ min-height:450px; padding-bottom:30px;overflow:hidden; padding-left:5%; background-color:#3574b9;}span.goto{ display:block; cursor:pointer; position:fixed; right:5px; top:400px; padding:0 10px; padding-top:36px; background:url(/qx/img/eye.png) center 5px no-repeat; line-height:36px; background-color:#e10601; color:#FFF; font-size:18px; z-index:10; border-radius:5px;}span.goto:hover{ text-decoration:none; background-color:#b00804; font-size:20px;}.caseshow .case-info h1{ clear:both; margin-top:100px; font-size:36px; line-height:60px; color:#FFF;}.caseshow img{ max-width:100%; height:auto; clear:both; display:block; margin:0 auto;}.caseshow div.case-info div.caont{ padding-top:10px;line-height:30px;line-height:3rem;text-align:justify;text-justify:inter-ideograph; width:70%;}.caseshow div.case-info div.caont{ color:#FFF;}.caseshow div.case-info div.caont,.caseshow div.case-info div.caont div{text-align:justify;text-justify:inter-ideograph;}.caselist ul.items{top:0px;margin:0 0 0 60px;}.caselist ul.items li{position:relative;padding:0px;width:20.95vw; display:block; float:left;aheight:256px;margin:0px 2.3vw 30px 0;border-top:1px solid #e8e8e8;border-bottom:2px solid #459df5;cursor:pointer;overflow:hidden;}.caselist ul.items li:nth-child(3n){ margin-right: 0;}.caselist ul.items li .shade{position:absolute;width:100%;height:calc(20.95vw * 395 / 500);margin-top:calc(-20.95vw * 395 / 500);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;z-index:10; background-color: rgba(0, 0, 0, 0.5);}.caselist ul.items li img{ width:100%; height:calc(20.95vw * 395 / 500); vertical-align:middle;}.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) no-repeat 0px -168px;}.caselist ul.items li p{position:absolute;color:#999; width:100%;line-height:50px; white-space:pre; overflow:hidden; text-overflow:ellipsis; margin:0; text-align:center;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;z-index:10;}.caselist ul.items li p strong{color:#222;font-weight:normal;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s; display:block; width:96%; overflow:hidden; white-space:pre; text-overflow:ellipsis;}.caselist ul.items li .bg{width:100%;height:50px;background-color:#fff;-moz-opacity:0.5;opacity:0.5;filter:alpha(opacity=50);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}.caselist ul.items li .bg u{display:block;position:absolute;width:100%;height:50px;margin-top:50px;background-color:#459df5;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}.caselist ul.items li:hover .shade{margin-top:0px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}.caselist ul.items li:hover .bg{-moz-opacity:1;opacity:1;filter:alpha(opacity=100);-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}.caselist ul.items li:hover .bg u{margin-top:0px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}.caselist ul.items li:hover p{color:White;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}.caselist ul.items li:hover p strong{color:White;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}.caseshow .banner{width:100%;height:450px;background-repeat:no-repeat !important;background-position:center top !important;}.caseshow .caption{margin:70px auto 70px auto;font-size:30px; font-size:3rem; text-align:center; position:relative;}.caseshow .caption:before,.caseshow .caption:after{position:absolute;background:#ccc;content:"";height:2px;top:50%;width:45%;}.caseshow .caption:before{left:0;}.caseshow .caption:after{right:0;}.caseshow .caption span.yw{ color:#e0e0e0; font-size:26px; text-transform:uppercase;}.caseshow .caption span.zw{ position:relative; top:-20px; clear:both; display:block; letter-spacing:2px;}.caseshow .words{margin:0px auto 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;}.caseshow .case-info>span.rel a:hover{border-bottom:1px solid #999;}.caseshow .case-info>span.rel u{margin:0px 12px;color:#bbb;text-decoration:none;}.caseshow .case-info p{line-height:25px;text-indent:28px;}.caseshow .case-info>dl.tags{margin-top:20px;}.caseshow .case-info>dl.tags dt{display:inline-block; font-size:20px; font-size:2rem; color:#fff;}.caseshow .case-info>dl.tags dt .gl
yphicon{margin:0px 8px 0px 12px;}.caseshow .case-info>dl.tags dd{display:inline-block;margin-top:10px;}.caseshow .case-info>dl.tags dd a{margin-right:5px;padding:2px 8px 4px 8px;color:#2faad0;background:#ffffff;text-decoration:none;line-height:2.8rem;}.artlist ul.items{position:relative;top:0px;margin:20px 100px 0 60px;padding:0px;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:White;font-size:24px;text-align:center;background:url(/qx/img/icons.png) no-repeat 0px -512px;}.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 White;background:White;}.artlist ul.items li p.left{float:left;display:block;padding-right:30px;}.artlist ul.items li p.right{-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}.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{color:#333;text-decoration:none;}.artlist ul.items li p.right span.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{margin:0 10px;color:#aaa;text-decoration:none;}.artlist ul.items li p.right span.rel a{color:#999;text-decoration:none;}.artlist ul.items li p.right span.rel a:hover{border-bottom:1px solid #999;}.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 span.tags{display:block;margin-top:8px;}.artlist ul.items li span.tags .glyphicon{color:#2cc0a7;}.artlist ul.items li span.tags a{margin-left:10px;color:#2cc0a7;}.artshow .box{width: calc(100vw - 60 * 2px - 310px - 85px);position:relative;margin:20px 0 0 60px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}.artshow.active .box{width: calc(100vw - 240px - 60 * 2px - 310px - 85px);}.artshow .box h1{font-size:26px;line-height:32px; font-weight:bold;}.artshow .box .rel{display:block;color:#999;padding-bottom:10px;border-bottom:1px solid #dadada; font-size:12px;}.artshow .box .rel a{color:#999;text-decoration:none;}.artshow .box .rel a:hover{border-bottom:1px solid #999;}.artshow .box .rel u{margin:0px 15px;color:#aaa;text-decoration:none;}.artshow .box .words{padding-top:15px;line-height:36px;line-height:1.8;border-top:1px solid White;text-align:justify;text-justify:inter-ideograph;}.artshow .box .words h2{ font-size:16px;}.artshow .box .words img{max-width:100%; display:inline;}.artshow .box .words p{margin-bottom:20px;}.artshow .box .words p a{margin:0 3px;color:#3588be;text-decoration:none;border-bottom:1px dotted #999;}.artshow .box .words p a:hover{border-bottom:1px solid #3588be;}.artshow .box>dl.tags{margin-top:40px;}.artshow .box>dl.tags dt{adisplay:inline-block; float:left;}.artshow .box>dl.tags dt .glyphicon{margin:0px 8px 0px 12px;}.artshow .box>dl.tags dd{display:inline-block;}.artshow .box>dl.tags dd a{margin-right:5px;padding:2px 8px 4px 8px;color:White;background:#2FAAD0;text-decoration:none; white-space:pre; display:block; float:left; margin-bottom:10px;}.artshow .box .bdsharebuttonbox{margin-bottom:40px;}.artshow aside{position:fixed;top:calc((100vh - 652px) / 2);right:-310px;width:280px;border:15px solid White;background:White;z-index:1000;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s; overflow:hidden;}.artshow aside.active{right:85px;}.artshow aside .ad img{width:280px;height:210px;}.artshow aside .ad{ position:relative; top:10px;}.artshow aside .caption{margin-top:25px;height:25px;border-bottom:2px solid #eee;}.artshow aside .caption h3{display:inline-block;position:relative;top:-22px;padding-bottom:8px;font-size:18px;border-bottom:2px solid #2FAAD0;}.artshow aside ul.items{list-style:none;margin:0px;padding:0px;margin-top:20px;}.artshow aside ul.items li{margin-top:20px;height:70px; overflow:hidden; font-size:14px;}.artshow aside ul.items li a.thumb{float:left;margin-right:15px;}.artshow aside ul.items li a.thumb img{width:101px;height:70px;}.artshow aside ul.items li .title{display:block;line-height:22px;}.artshow aside ul.items li .title a{color:#333;text-decoration:none;}.artshow aside ul.items li .title a:hover{color:#2FAAD0;}.artshow aside ul.items li .rel{margin-top:5px;display:block;color:#aaa;}.artshow aside ul.items li .rel .glyphicon{margin:0px 5px 0px 15px;}.taglist ul.items{position:relative;top:0px;margin:0px 40px;margin-top:20px;padding:0px;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 White;background:White;}.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.title a:hover{color:#2FAAD0;}.taglist ul.items li p span.rel{display:block;margin-top:8px;}.taglist ul.items li p span.rel u{margin:0 10px;color:#aaa;text-decoration:none;}.taglist ul.items li p span.rel a{color:#333;}.taglist ul.items li span.tags{display:block;margin-top:8px;}.taglist ul.items li span.tags a{margin-left:10px;color:#333;}.taglist ul.items li span.tags a.active{color:#2cc0a7;}.paging{ clear:both;margin:0px 0px 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:bold;}.qzPagination .total{padding-right:8px;}.qzPagination span{display:block;float:left; padding:0 15px;margin-right:-1px;font-family:Arial;text-align:center;}.qzPagination a{display:block;float:left; padding:0 15px;height:35px;margin-right:-1px;border:#dfdfdf 1px solid;color:#555;font-family:Arial;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:#2FAAD0 1px solid;color:White;font-family:Arial;background:#2FAAD0;}.qzPagination span.disabled{border:#dfdfdf 1px solid;color:#aaa;cursor:not-allowed;}.qzPagination .prev{-moz-border-radius:5px 0px 0px 5px;-webkit-border-radius:5px 0px 0px 5px;border-radius:5px 0px 0px 5px;}.qzPagination .next{-moz-border-radius:0px 5px 5px 0px;-webkit-border-radius:0px 5px 5px 0px;border-radius:0px 5px 5px 0px;}.dock{position:fixed;right:10px;bottom:45px;width:50px;z-index:2000; overflow:visible;}.dock ul.icons{list-style:none;padding:0px; margin:0;width:50px;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}.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;background-color:#333;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;cursor:pointer;-moz-opacity:0.8;opacity:0.8;filter:alpha(opacity=80);-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-ms-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s;z-index:210;}.dock ul.icons li:hover i{background-color:#222;-moz-border-radius:0px 5px 5px 0px;-webkit-border-radius:0px 5px 5px 0px;border-radius:0px 5px 5px 0px;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);}.dock ul.icons li.up i{background-position:-63px -150px;}.dock ul.icons li.up.active i{background-position:-63px -150px;-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 0px 0px 5px;-webkit-border-radius:5px 0px 0px 5px;border-radius:5px 0px 0px 5px;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .4s ease-in-out .1s;-moz-transition:all .4s ease-in-out .1s;-ms-transition:all .4s ease-in-out .1s;-o-transition:all .4s ease-in-out .1s;transition:all .4s ease-in-out .1s;overflow:hidden;z-index:201;}.dock ul.icons li.tel p{ height:auto;}.dock ul.icons li.tel p img{ margin-left:-5px;}.dock ul.icons li:hover p{right:50px;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);}.dock ul.icons li.tel p{top:55px;width:100px;color:#ddd;font-family:Arial,"宋体";}.dock ul.icons li.im p{top:110px;width:100px;}.dock ul.icons li.im p{line-height:38px;color:#2FAAD0;font-size:14px;text-align:center;cursor:pointer;}.dock ul.icons li.im p:hover{color:White;}.dock ul.icons li.wechat:hover p,.dock ul.icons li.tel: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:0px;}header,header.active,.toolbar .switch{display:none;}header.showmenu{ z-index:1100;background-color: rgba(0, 0, 0, 0.5);}header.showmenu,header.showmenu .box,header.showmenu,header.showmenu nav{ display:block; width:100%; height:100%; margin-top:0;}header.showmenu footer,header.showmenu .box a:first-child,header.showmenu div{ display:none;}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:38px; line-height:38px;height:3.8rem; line-height:3.8rem; width:53%;font-size: 16px;font-size: 1.6rem;}header nav ul li.ewm button{ 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;}
section.toolbar.active,section.content.active{left:0px;}section.toolbar{height:66px;}.toolbar a.homelink{float:left;display:inline; height:100%;}.toolbar a.homelink .glyphicon{position:relative;margin:25px 0px 0px 20px;color:#333;font-size:24px;cursor:pointer;z-index:10;}.toolbar .logo{display:block;float:left;margin:14px 0px 0px 20px;width:29%; max-width:180px;}.toolbar .category{margin:14px 30px 0px 0px;float:right;}.toolbar .btnList{margin:12px 30px 0px 0px;float:right;}.toolbar h1{float:right;margin:16px 35px 0px 0px;font-size:20px;}.toolbar h1 .glyphicon{margin:0px 12px;font-size:20px;}.artlist ul.items{margin-left:30px; margin-right:30px;}.artshow aside{margin-top:28px;}.artshow aside ul.items li:nth-child(4){display:none;}.caselist ul.items li{width:290px;aheight:257px;}}@media (max-width:800px){.sdfdf{ display:block;}section.toolbar{background:rgba(0, 0, 0, 0.5);}.toolbar .category,.toolbar .btnList{display:none;}.toolbar .mini{display:block;margin:14px 30px 0px 0px;}.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.glyphicon-th-large.active{background-position: -34px -669px;}.toolbar .mini span.active{background-position:-34px -669px;}.toolbar .mini ul.dropadown-menu{min-width:100px;}.toolbar .mini .link{margin:0px; 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 .box{ margin-left:auto; margin-right:auto; width:93%;}.artshow aside,.dock{display:none;width:0px;}.caseshow .words{margin:0 30px 0 30px;}#so360form{ display:block;}.footWechat{display:block;margin:0 auto;margin-bottom:30px;width:60%; clear:both;}.footWechat img{border:3px solid White; max-width:100%;}.footWechat p{text-align:center; font-size:18px; color:#F00;}.footWechat i{display:none;background:none;}}@media (max-width:700px){.caseshow .case-info>dl.tags dd{ 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 20px auto;}.toolbar .btn{ line-height:2rem; font-size:16px;font-size:1.6rem;}.artlist ul.items li p.left{display:none;width:0px;}.artlist ul.items li{ height:auto;}.paging { margin-left:0;}.artshow .box h1{font-size:22px;line-height:28px;}.caseshow .words>dl.tags dt{margin-left:0px;}.taglist ul.items li a.thumb{display:none;}.taglist ul.items li p{margin-left:0px;}}@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:18px; font-size:1.6rem; padding:0 5px; padding-top:30px;}.caseshow .case-info h1{ font-size:22px; margin-top:55px;}.toolbar a.homelink .glyphicon,.toolbar .logo{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 0px 0px;font-size:14px;}.toolbar h1 .glyphicon{margin:0px 7px;font-size:14px;}.caselist ul.items li{float:none; margin:0 auto; margin-bottom:30px;}section.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 .box h1{font-size:2.2rem;line-height:2.6rem;}.artshow .box dl.tags dt{display:none;}.caseshow .caption{margin-top:0; font-size:24px; font-size:2.4rem;}.caseshow .caption span.yw{font-size:20px; font-size:2rem;}.caseshow .caption:before,.caseshow .caption:after{ width:32%;}.caseshow .words{margin:0 10px 0 10px;}.caseshow .words h1{text-indent:0px;}.caseshow .words span.rel,.caseshow .words dl.tags dt{display:none;}.taglist ul.items{margin:0px 20px;}}.clear{clear:both;}.hide{display:none;}#BDBridgeWrap{display:none;}.design{width:100%;min-height:500px;}section.show .btnList div.link{height:32px; line-height:32px;}section.show .btnList div.ml{ background:none;}