@charset "utf-8";
body{width:100%;font-family:"微软雅黑",Arial;background:#eff2f4;overflow-x:hidden;}a:focus{outline:none;}
header{position:fixed;left:-240px;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:-50px;}
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(../images/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;font-size:14px;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:#00DFB9;-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;}

/*左侧导航*/
.zuocenav{float:right;margin-top:50px;}
.zuocenav ul{position:relative;list-style:none;padding:0px;}
.zuocenav ul li a{display:block;position:relative;width:100px;padding:4px 15px 8px 15px;color:#333;font-size:14px;text-align:center;text-decoration:none;z-index:10; cursor:pointer;/*-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;*/}

.zuocenav ul li.active{ background:#00DFB9; border-radius:30px;}
.zuocenav ul li:hover{ background:#00DFB9; border-radius:30px;}
.zuocenav ul li:hover a{color:#fff;}
.zuocenav ul li.active a{color:#fff;}
.erjinav{ background:#f5f5f5;padding:10px; position:relative;margin-top:0px; display:none;}
.erjinav a{ display:block;line-height:24px;border-radius:30px;font-size:12px; color:#999; text-decoration:none; text-align:left;margin:5px 0; text-align:center;}
.erjinav a:hover{background:#00DFB9; border-radius:30px; color:#fff;}
.erjinav a.active{background:#00DFB9; border-radius:30px; color:#fff;}


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:0px;width:100%;height:80px;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:240px;}
.toolbar a.homelink,.toolbar .logo,.toolbar .mini,.toolbar .miniBtn,.footWechat{display:none;}
.toolbar .switch{float:left;margin:22px 0px 0px 30px;font-size:24px;cursor:pointer;z-index:10; }
.toolbar .category{float:left;margin:22px 0px 0px 30px;}
.toolbar .btn{line-height:12px;padding-bottom:6px;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 span.xiaott{ font-size:16px;margin-top:7px;margin-left:16px; display:inline-block;}
.toolbar .btnList .link .btn{line-height:16px;padding-bottom:8px;color:#777;font-family:"微软雅黑";font-size:14px;margin-top:3px;}
.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:70px;left:0px;width: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; height:100%;}
section.content.active{left:240px;}
.caselist ul.items{top:0px;margin-left:25px;}
.caselist ul.items li{position:relative;padding:0px;width:22%;margin:0px 1% 10px 1%;border-top:1px solid #e8e8e8;cursor:pointer; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.caselist ul.items li .shade{position:absolute;width:100%;height:100%;margin-top:-300px;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:66px;width:44px;height:44px;background:url(../images/icons.png) no-repeat 0px -168px;}
.caselist ul.items li p{position:absolute;margin:10px 20px;color:#999;font-family:Arial,"宋体";font-size:12px;line-height:26px;-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; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%;}
.caselist ul.items li p strong{color:#222;font-family:Arial,"微软雅黑";font-size:16px;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;}
.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:100px;margin-top:150px;background-color:#00DFB9;-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{height:32px;margin:40px 0 20px 60px;padding-left:20px;font-size:22px;background:url(../images/icons.png) no-repeat 0px -471px;}
.caseshow .words{margin:0 80px 0 60px;}
.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:25px;text-indent:28px;}
.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:#1AD1FD;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:0;}
.caseshow .demo img{width:1000px;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:166px;}
.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(../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:240px;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{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:#333;font-size:24px;text-decoration:none;height:44px; overflow:hidden; display:block;line-height:44px;}
.artlist ul.items li p.right span.title a:hover{color:#00DFB9;}
.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:60px;color:#555;line-height:28px;overflow:hidden;}.artlist ul.items li span.tags{display:block;margin-top:8px;}
.artlist ul.items li span.tags .glyphicon{color:#1AD1FD;}
.artlist ul.items li span.tags a{margin-left:10px;color:#1AD1FD;}
.artshow .box{position:relative;margin:10px 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; height:100%;}
.artshow .box h1{font-size:30px;line-height:42px;margin-top:0;}
.artshow .box .rel{display:block;color:#999;padding-bottom:20px;border-bottom:1px solid #dadada;line-height: 32px;}
.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; height:100%;}
.artshow .box .words img{ max-width:100%;}
.artshow .box .words p{margin-bottom:30px;font-size:16px;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:#1AD1FD;text-decoration:none;}
.artshow .box .bdsharebuttonbox{margin-bottom:40px;}
.artshow aside{position:fixed;right:-310px;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 #00DFB9;}
.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:#00DFB9;}
.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:#1AD1FD;}.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:#1AD1FD;}
.taglist ul.items li span.tags a.active{color:#1AD1FD;}
.paging{margin:0px 0px 30px 40px;}
.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:#00DFB9 1px solid;color:White;font-family:Arial;background:#00DFB9;}
.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:160px;z-index:200;}
.dock ul.icons{position:absolute;list-style:none;right:0px;padding:0px;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 i{display:block;position:relative;width:50px;height:50px;margin-bottom:5px;background:url(../images/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.active 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.im i{background-position:-63px -20px;}
.dock ul.icons li p{display:block;position:absolute;right:5px;padding:5px 10px 5px 15px;height:38px;font-size:12px;line-height:20px;border:1px solid #333;border-right:none;background:#222;-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.active p{right:50px;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);}
.dock ul.icons li.tel p{top:55px;width:80px;color:#ddd;font-family:Arial,"宋体";}.dock ul.icons li.im p{top:110px;width:100px;}
.dock ul.icons li.im p a{display:block;width:100%;height:50px;line-height:34px;color:#1AD1FD;font-size:14px;text-align:center;text-decoration:none;}.dock ul.icons li.im p a:hover{color:White;}

.topnavbox{ display:none; float:right;margin-top:18px;}
.topnavbox a{margin:0 8px;}

@media (max-width:1100px){
	.topnavbox{ display:block;}
	}

@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:0px;}
section.toolbar{background:White;height:56px;}
.toolbar a.homelink{float:left;display:inline;}
.toolbar a.homelink .glyphicon{position:relative;margin:15px 0px 0px 30px;color:#333;font-size:24px;cursor:pointer;z-index:10;}
.toolbar .logo{float:left;margin:14px 0px 0px 30px;width:80px;}
.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;}.artshow aside{margin-top:28px;}
.artshow aside ul.items li:nth-child(4){display:none;}
.caselist ul.items li{width:290px;height:267px;}}
@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:first-child{ display:none;}
	.toolbar .mini .link .btn{padding:6px 8px;}
	.artlist ul.items{margin-right:30px;}
	.artshow .box{margin-left:30px;}
	.artshow aside,.dock{display:none;width:0px;}
	.caseshow .caption{margin-left:40px;}
	.caseshow .words{margin:0 30px 0 40px;}
	.footWechat{display:none;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:44px;}
	.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:0 10px 0 20px;}
	.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;}


.yingpin{}
.yingpin ul{margin:0;padding:0;}
.yingpin ul li{ overflow:hidden;padding:10px 0;}
.yingpin ul li span{ float:left; width:30%; text-align:right;line-height:32px;}
.yingpin ul li input[type="text"]{ float:left; width:50%;margin-left:2%;padding:5px; border-radius:3px; border:solid 1px #a9a9a9; background:none;}
.yingpin ul li textarea{width:50%;margin-left:2%;padding:5px;height:100px;border-radius:5px; background:none; resize:none;}

.tijiao{
	display:block;
	margin:0 auto;
    line-height: 32px;
    border-radius:3px;
    width: 160px;
    background:#0b8de5;
    color: #fff; text-align:center;
	border:solid 1px #0b8de5;}

.tijiao:hover{ background:#00DFB9; border:solid 1px #00DFB9;}

.yinpinbtn{ float:right;display:block; border-radius:3px;
    width: 160px;
	line-height: 32px;
    background:#0b8de5;
    color: #fff; text-align:center;}	
.yinpinbtn:hover{background:#00DFB9;}

	

@media (max-width:700px){
	
	.yinpinbtn{ float:right;display:block; border-radius:3px;
    width: 100px;
	line-height: 32px;
    background:#0b8de5;
    color: #fff; text-align:center;}	
	
	}

/*列表作品分类*/
.box22{overflow:hidden;width:100%;max-width:920px;margin:0 auto;}
.chanpinfl ul{ overflow:hidden;margin:0;padding:0;}
.chanpinfl ul li{float:left;width:29.333%;margin:40px 2% 0;}
@media (max-width:1500px){
	.chanpinfl ul li{float:left;width:29.333%;margin:10px 2% 0;}
	}
.chanpinfl ul li div{width:180px;height:180px;padding:8px;margin:0 auto; border-radius:46px; position:relative; background:#CACACA;}
.chanpinfl ul li div img{ position:absolute;left:8px; top:8px;}
.chanpinfl ul li div span{width:196px;height:196px; position:absolute;left:0;top:0;border-radius:46px;  background:#50bba4;}
.chanpinfl ul li div .cl1{ clip:rect(196px 98px 196px 0px); transition:all linear 0.3s;}
.chanpinfl ul li div:hover .cl1{ clip:rect(0px 98px 196px 0px)}
.chanpinfl ul li div .cr1{ clip:rect(0px 196px 0px 98px); transition:all linear 0.3s;}
.chanpinfl ul li div:hover .cr1{ clip:rect(0px 196px 196px 98px)}

.chanpinfl ul li{ text-align:center;}
.chanpinfl ul li p{padding:3px 0;margin:0;}
.chanpinfl ul li a{ text-decoration:none;}

@media (max-width:600px){
	
	.chanpinfl ul li {
    float: left;
    width: 31.333%;
    margin:1%;}
	.chanpinfl ul li div{width:90px;height:90px;padding:5px;margin:0 auto; border-radius:24px; position:relative; background:#CACACA;}
.chanpinfl ul li div img{ position:absolute;left:5px; top:5px; width:90px;height:90px;}
.chanpinfl ul li div span{width:100px;height:100px; position:absolute;left:0;top:0;border-radius:32px;  background:#50bba4;}
.chanpinfl ul li div .cl1{ clip:rect(100px 50px 110px 0px); transition:all linear 0.3s;}
.chanpinfl ul li div:hover .cl1{ clip:rect(0px 50px 100px 0px)}
.chanpinfl ul li div .cr1{ clip:rect(0px 100px 0px 50px); transition:all linear 0.3s;}
.chanpinfl ul li div:hover .cr1{ clip:rect(0px 100px 100px 50px)}
	
.chanpinfl ul li p{padding:0px 0;margin:0;}	
	
	}
/*列表作品分类end*/

.huozuott{ text-align:center;padding:10px 0;}



.fanhui{ display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	line-height: 16px;
    padding-bottom: 8px;
    color: #777;
    font-family: "微软雅黑";
    font-size: 14px;
	border:solid 1px #ccc;
	border-radius:3px;
	background:#fff;
	}

.fanhui:hover{
	background-color: #e6e6e6;
	border:solid 1px #adadad;
	color:#777;
	text-decoration:none;
    }