@charset "utf-8";
body{width: 100%;font-family: "微软雅黑", Arial;background: #eff2f4;overflow-x: hidden;}
a:focus{outline: none;}
header{position: fixed;left:0px;width:240px;height: 100%;display:inline-block;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: -240px;}
header .box{margin: 30px;text-align: right;}
header .box .wechat{margin-top: 20px;}
header .box .wechat img{margin: 10px auto;width: 180px;height: 180px;}
header .box .wechat i{float: right;display: block;margin: 3px 25px 10px 10px;width: 9px;height: 14px;background: url("/templets/content/images/icons.png") no-repeat top right;}
header .box nav{margin:50px auto;}
header .box nav ul{position: relative;list-style: none;padding: 0px;}
header .box nav ul li a{display: block;position: relative;width: 180px;line-height:25px;padding: 5px 0px;margin: 10px 0px;letter-spacing: 10px;color: #333;font-size: 16px;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{top: 0px;width: 100%;height: auto;background: #FF0000;border-radius: 5px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-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 a{color:#FFF;}
header .box nav ul li a:hover{top: 0px;height: auto;color:#FFF;background: #FF0000;border-radius: 5px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-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 footer{position: absolute;bottom: 20px;right: 30px;color: #666;font-family: Arial, "微软雅黑";font-size: 12px;line-height: 22px;text-align: right;}
header footer a{color: #666;}
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;left:240px;width: 100%;height: auto;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: 100;}
section.toolbar.active{left:0px;}
.toolbar a.homelink, .toolbar .logo, .toolbar .mini, .toolbar .miniBtn, .footWechat{display: none;}
.toolbar .switch{float: left; margin: 20px 0px 0px 30px; color: #333; font-size: 24px; cursor: pointer; z-index: 10;}
.glyphicon{position: relative; top: 1px;margin: 0px 10px; 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;}
.toolbar .category{float: left;margin: 20px 0px 20px 20px;width: 70%;}
.toolbar .btn{line-height: 12px;color: #777;font-family: "微软雅黑";font-size: 12px;}
.toolbar .category .btn-primary{color: #eee;background-color: #666;border-color: #666;}
.toolbar .btnList{float: left;margin: 18px 0px 0px 30px;}
.toolbar .btnList .link{margin-left: 5px;}
.toolbar .btnList .link .btn{line-height: 16px;padding-bottom: 8px;color: #777;font-family: "微软雅黑";font-size: 14px;}
.toolbar .btnList .link .btn span.glyphicon-arrow-left{margin-right: 8px;}
.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:20%;left:240px;width:90% !important;-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:0px;}
secsction.content{position: absolute;top: 80px;left: 240px;widtht: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;}
secsction.content.active{left: 0px;}
section.conteent{width: 100%;}
.caselist ul.items{top: 0px;margin: 0px !important;}
.caselist ul.items li{position: relative;padding: 0px;width: 340px;height: auto;margin: 10px 15px 30px 15px;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;cursor: pointer;overflow: hidden;float:left;}
.caselist ul.items li .shade{position: absolute;width: 100%;height: 340px;margin-top: -340px;background: Black;-moz-opacity: 0.7;opacity: 0.7;filter: alpha(opacity=70);-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 .shade u{display: block;margin: 0 auto;margin-top: 111px;width: 44px;height: 44px;background: url("/templets/content/images/icons.png")no-repeat 0px -168px;}
.caselist ul.items li img{display: block;margin: 0 auto;width:340px;height:340px;}
.caselist ul.items li p{position: absolute;margin: 0 auto;width: 100%;text-align: center;color: #333;font-family: Arial, "微软雅黑";font-size: 12px;line-height: 35px;-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: #000;font-family: Arial, "微软雅黑";font-size: 14px;-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{width: 100%;height: 73px;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: auto;margin-top: 150px;background-color: #FF0000;-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;width: 100%;height:100%;background: #FF0000 none repeat scroll 0% 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;}
.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{height: 32px;margin: 40px 0 20px 60px;padding-left: 20px;font-size: 22px;background: url("/templets/content/images/icons.png")/*tpa=http://www.ensof.cn/templets/Images/icons.png*/ no-repeat 0px -471px;}
.caseshow .words{margin: 0px 50px;width: 80%;}
.caseshow .words>h1{display: inline-block;margin: 0px 0px 15px 0px;font-size: 18px;line-height: 30px;text-indent: 28px;}
.caseshow .words>span.rel{margin-left: 28px;color: #888;line-height: 30px;}
.caseshow .words>span.rel a{color: #888;text-decoration: none;}
.caseshow .words>span.rel a:hover{border-bottom: 1px solid #999;}
.caseshow .words>span.rel u{margin: 0px 12px;color: #bbb;text-decoration: none;}
.caseshow .words p{line-height: 30px;text-indent: 0px;}
.caseshow .words p img{max-width: 50%;}
.caseshow .words>dl.tags{margin-top: 20px;}
.caseshow .words>dl.tags dt{display: inline-block;margin-left: 28px;}
.caseshow .words>dl.tags dt .glyphicon{margin: 0px 8px 0px 12px;}
.caseshow .words>dl.tags dd{display: inline-block;margin-top: 10px;}
.caseshow .words>dl.tags dd a{margin-right: 5px;padding: 2px 8px 4px 8px;color: White;background: #FF0000;text-decoration: none;}
.caseshow .demo{margin: 0 auto;margin-bottom: 30px;width: 1000px;border-left: 15px solid White;border-right: 15px solid White;background: White;}
.caseshow .demo p{margin: 0px;font-size: 14px;line-height: 30px;}
.caseshow .demo img{width: 50%;border-top: 15px solid White;border-bottom: 15px solid White;}
/*内容页面相关样式*/
.caseshow .demoo{margin: 0 auto;margin-bottom: 30px;width: 85%;padding:5%;background: White;}
.caseshow .demoo p{margin: 0px;font-size: 14px;line-height: 30px;}
.caseshow .demoo img{width: 100%;border-top: 15px solid White;border-bottom: 15px solid White;}
/*内容页面相关样式结束*/
.artlist ul.items{position: relative;top: 0px;margin: 0px 60px;margin-top: 20px;padding: 0px;list-style: none;}
.artlist ul.items li{margin-bottom: 50px;height: auto;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("/templets/content/images/icons.png")/*tpa=http://www.ensof.cn/templets/Images/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: 70%;border: 3px solid White;background: White;}
.artlist ul.items li a.thumb img{display: block;width:100%;height:auto;margin:auto;}
.artlist ul.items li p.left{float: left;display: block;width:25%;}
.artlist ul.items li p.right{width: 55%;display: block;float: left;-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;}
.artlist ul.items li p.right span.title a{color: #FF0000;font-weight:bold;font-size: 24px;text-decoration: none;}
.artlist ul.items li p.right span.title a:hover{color: #FF0000;}
.artlist ul.items li p.right span.rel{display: block;margin-top: 10px;color: #999;font-family: Arial, "微软雅黑";font-size: 12px;}
.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 span.summary{display: block;margin-top: 15px;height: auto;color: #555;line-height: 28px;overflow: hidden;}
.artlist ul.items li p.right span.summary a{color:#666;}
.artlist ul.items li p.right span.summary a:hover{color:#FF0000;}
.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{position: relative;width:80%;margin:20px;-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 .box h1{font-size: 30px;line-height: 42px;}
.artshow .box .rel{display: block;color: #999;padding-bottom: 30px;border-bottom: 1px solid #dadada;}
.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: 50px;border-top: 1px solid White;}
.artshow .box .words p{margin-bottom: 30px;font-size: 18px;line-height: 36px;}
.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{display: inline-block;}
.artshow .box>dl.tags dt .glyphicon{margin: 0px 8px 0px 12px;}
.artshow .box>dl.tags dd{display: inline-block;margin-top: 10px;}
.artshow .box>dl.tags dd a{margin-right: 5px;padding: 2px 8px 4px 8px;color: White;background: #FF0000;text-decoration: none;}
.artshow .box .bdsharebuttonbox{margin-bottom: 40px;}
.artshow aside{display: none;position: fixed;right:100px;bottom:30px;width: 280px;border: 15px solid White;background: White;z-index: 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;}
.artshow aside.active{right: 85px;}
.artshow aside .ad img{width: 280px;height: 210px;}
.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 #FF0000;}
.artshow aside ul.items{list-style: none;margin: 0px;padding: 0px;margin-top: 20px;}
.artshow aside ul.items li{margin-top: 20px;height: 70px;}
.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: #FF0000;}
.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: #FF0000;}
.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: #2cc0a7;}
.taglist ul.items li span.tags a.active{color: #2cc0a7;}
.paging{width:80%;margin: 0px 0px 0px 0px;}
.qzPagination{display: inline-block;height: 35px;}
.qzPagination .total{padding-right: 8px;}
.qzPagination span{display: block;float: left;width: 35px;height: 35px;margin-right: -1px;font-family: Arial;font-size: 16px;line-height: 34px;text-align: center;background: #f6f6f6;}
.qzPagination a{display: block;float: left;width: 35px;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: #FF0000 1px solid;color: White;font-family: Arial;background: #FF0000;}
.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: 0px;width: 50px;-moz-opacity: 0.7;opacity: 0.7;z-index: 200;}
.dock.close{z-index: 50;}
.dock ul.icons{position: absolute;list-style: none;right: 0px;padding: 0px;width: 50px;border: 1px solid #333;border-right: none;background: #111;-moz-border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;border-radius: 10px 0 0 10px;-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.close ul.icons{right: -70px;}
.dock ul.icons li i{display: block;position: relative;width: 50px;height: 50px;background: url("/templets/content/images/icons.png")/*tpa=http://www.ensof.cn/templets/Images/icons.png*/ no-repeat;cursor: pointer;-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: 210;}
.dock ul.icons li.active i{-moz-opacity: 0.4;opacity: 0.4;}
.dock ul.icons li.up i{background-position: -63px -150px;}
.dock ul.icons li.tel i{background-position: -62px -108px;}
.dock ul.icons li.im i{background-position: -63px -20px;}
.dock ul.icons li.wechat i{background-position: -59px -66px;}
.dock ul.icons li.down i{background-position: -63px -190px;}
.dock ul.icons li p{display: block;position: absolute;top: 50px;right: -260px;padding: 15px 20px;height: 120px;color: White;line-height: 30px;border: 1px solid #333;border-right: none;background: #111;-moz-border-radius: 10px 0 0 10px;-webkit-border-radius: 10px 0 0 10px;border-radius: 10px 0 0 10px;-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 p a{color:#FFF;}
.dock ul.icons li p a:hover{color:#FF0000;}
.dock ul.icons li.active p{right: 50px;-moz-opacity: 1;opacity: 1;filter: alpha(opacity=100);}
.dock ul.icons li.tel p{width: 120px;}
.dock ul.icons li.im p{width: 115px;}
.dock ul.icons li.im p a{display: block;margin-top: 12px;width: 100px;height: 35px;line-height: 32px;color: #FF0000;font-size: 16px;text-align: center;text-decoration: none;border: 1px solid #FF0000;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-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.im p a:hover{color: White;background: #FF0000;border: 1px solid #FF0000;}
.dock ul.icons li.wechat p{width: 118px;}
.dock ul.icons li.wechat p img{width: 115px;border: 2px solid White;}
.dock a.switch{position: absolute;display: block;top: 270px;right: 11px;width: 26px;height: 26px;background: url("/templets/content/images/icons.png") no-repeat 0px -640px;cursor: pointer;-webkit-transition-delay: .15s;-moz-transition-delay: .15s;-ms-transition-delay: .15s;-o-transition-delay: .15s;transition-delay: .15s;}
.dock a.switch.off{background-position: -32px -640px;}
.fenye{width: 100%;height: 50px;margin: 50px 0px;}
.fenye ul{width: 100px;height: 35;line-height:35px;text-align:center;margin:0px;padding:0px;border: 1px solid #ccc;background: #FFF;}
.left{float:left;}
.right{float:right;}
.XGuan{height: 32px;margin: 40px 0px 20px 30px;padding-left: 20px;font-size: 22px;background: transparent url("/templets/content/images/icons.png") no-repeat scroll 0px -471px;}
.below{position: relative;padding-top: 10px;width: 100%;}
.below p{width:100%;height:auto;text-align:center;line-height:30px;}
.plist{float: right;padding-top: 15px;margin-top: 30px;height: 50px;}
.plist a{display: inline-block;height: 35px;line-height: 35px;background: #FF0000 none repeat scroll 0% 0%;text-align: center;color: #FFF;border: 1px solid #FF0000;padding: 0px 15px;border-radius: 3px;margin: 0px 5px;}
.plist a:hover{background: #FFF none repeat scroll 0% 0%;color: #FF0000;text-decoration: none;}
.plist strong{display: inline-block; height: 35px; line-height: 35px; background: #FFF none repeat scroll 0% 0%; text-align: center; color: #FF0000;border: 1px solid #FF0000; padding: 0px 15px; border-radius: 3px;}
.PreviousStyle0{float: left;}
.AllNumStyle1{float: left;}
.PreviousStyle3{float: left;}
@media (max-height:630px){header footer{display: none;}}
@media (max-width:1100px){header{width: 0px;}
header, header.active, .toolbar .switch{display: none;}
section.toolbar.active, section.content.active{left: 0%;width:100%;}
section.caseshow.content.active, section.content.active{width:100%;}
section.content{position: absolute; top: 70px; left: 0%;margin-left:0px; width: 100%;}
secsction.content{position: absolute;top: 60px;left: 1%;width:100%;}
section.toolbar{background: White;height: 60px;}
section.toolbar{position: fixed;left:0%; width: 100%; height: 60px; transition: all 0.3s ease-in-out 0s; z-index: 100;}
.toolbar a.homelink{float: left;display: inline;}
.toolbar a.homelink .glyphicon{position: relative;margin: 0px 0px 0px 30px;color: #333;font-size: 24px;cursor: pointer;z-index: 10;line-height: 60px;}
.toolbar .logo{display: block;float: left;margin: 10px 0px 0px 30px;width: 120px;}
.toolbar .category{margin: 20px;float: left;}
.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;}
.artshow aside{margin-top: 28px;}
.artshow aside ul.items li:nth-child(4){display: none;}
.caselist ul{margin-left:2px;}
.caselist ul.items li{width: 300px;height: auto;margin:10px;}
.caselist ul.items li img{display: block; margin: 0px auto; width: 300px; height: 300px;}
.paging{width:90%;margin: 0px auto;}
.plist{float: right;padding: 10px;margin: 15px 0px;height: auto;}
.plist a{display: inline-block;overflow: hidden;cursor: pointer;text-align: center;line-height: 25px;margin: 0px 2px;padding: 0px;width: 25px;height: 25px;border-radius: 25px;border: 1px solid #FF0000;background: #FF0000 none repeat scroll 0% 0%;color: #FFF;}
.plist a:hover{background: #FFF none repeat scroll 0% 0%;color: #FF0000;text-decoration: none;}
.plist strong{display: inline-block;overflow: hidden;cursor: pointer;text-align: center;line-height: 25px;margin: 0px 2px;padding: 0px;width: 25px;height: 25px;border-radius: 25px;color:#FF0000;border: 1px solid #FF0000;background: #FFF none repeat scroll 0% 0%;}
.PreviousStyle0{float: left;}
.AllNumStyle1{float: left;}
.PreviousStyle3{float: left;}}
@media (max-width:800px){.toolbar .category, .toolbar .btnList{display: none;}
.toolbar .mini{display: block;margin: 14px 30px 0px 0px;float: right;}
.toolbar .mini ul.dropdown-menu{min-width: 100px;}
.toolbar .mini .link{margin: 0px;}
.toolbar .mini .link .btn{padding: 6px 8px;}
.artlist ul.items{width: 100%;margin: auto;}
.artshow .box{width: 100% !important;}
.artshow aside, .dock{display: none;width: 0px;}
.artlist ul.items li{height: auto;padding: 10px; margin-bottom: 20px;width: 100% !important;}
.artlist ul.items li p.right{width: 99%; display: block;}
.artlist ul.items li p.right span.summary{display: block; margin-top: 15px; height: auto; color: #555; line-height: 28px; overflow: hidden;}
.artlist ul.items li p.right span.summary a{color:#666;}
.artlist ul.items li p.right span.summary a:hover{color:#FF0000;}
.caseshow .caption{margin-left: 40px;}
.caseshow .words{margin: 0px 20px;width: 100% !important;}
.footWechat{display: block;margin: 0 auto;margin-bottom: 30px;width: 156px;}
.footWechat img{border: 3px solid White;}
.footWechat p{margin-top: 10px;text-align: center;}
.footWechat i{display: none;background: none;}}
@media (max-width:700px){.artlist ul.items li p.left{display: none;width: 0px;}
.artshow .box h1{font-size: 24px;line-height: 40px;}
.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){.toolbar a.homelink .glyphicon, .toolbar .logo{margin-left: 15px;}
.toolbar .mini{margin-right: 15px;}
.toolbar h1{margin: 19px 20px 0px 0px;font-size: 14px;}
.toolbar h1 .glyphicon{margin: 0px 7px;font-size: 14px;}
.artlist ul.items li p.right span.title a{font-size: 18px;line-height: 30px;}
.artshow .box h1{font-size: 20px;line-height: 36px;}
.artshow .box .words p{font-size: 16px;line-height: 32px;}
.artshow .box dl.tags dt{display: none;}
.caseshow .caption{margin-left: 20px;}
.caseshow .words{margin: 0px 10px;width: 100% !important;}
.caseshow .words h1{text-indent: 0px;}
.caseshow .words p img{max-width: 100%;}
.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;}