#listabout { width: 100%; background:url(../../templets/Images/wallpaper3.jpg); background-size: cover; height: auto; }

/*#abouts { width: 100%;   }


#listabout .listleft { float: left; width: 27%; height: 100%; }

#listabout .listright { float: left; width:73%; height: 100%;}

#listabout  .switch{margin:22px 0px 0px 30px;font-size:24px;cursor:pointer;z-index:10;}

#listabout .category .btn-primary{color:#eee;background-color:#666;border-color:#666;}
#listabout .btnList{float:left;margin:18px 0px 0px 30px;}
#listabout .btnList .link{margin-left:5px;}
#listabout .btnList .link .btn{line-height:16px;padding-bottom:8px;color:#777;font-family:"微软雅黑";font-size:14px;}
#listabout .btnList .link .btn span.glyphicon-arrow-left{margin-right:8px;}
#listabout .btnList .link .btn span.glyphicon-arrow-right{margin-left:8px;}

*/


.leftMenu {padding-bottom: 20px; }

.leftMenu .case {width:100%;  text-align:center;-moz-opacity:0;opacity:0;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}
.leftMenu .case {-moz-opacity:1;opacity:1;}
.leftMenu .case i{display:block;margin:0 auto;margin-bottom:20px;width:129px;height:37px;background:url(../Images/words.png) no-repeat 0px -528px;}
.leftMenu .case span{font-size:24px;letter-spacing:3px;padding-left:10px;}

.leftMenu .product {width:100%;  text-align:center;-moz-opacity:0;opacity:0;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}
.leftMenu .product {-moz-opacity:1;opacity:1;}
/*.leftMenu .product i{display:block;margin:0 auto;margin-bottom:20px;width:129px;height:37px;background:url(../Images/words.png) no-repeat 0px -528px;}
*/
/*.leftMenu .product .a{display:block;margin:0 auto;margin-bottom:20px;width:288px;height:37px;background:url(../Images/a.png) no-repeat;}
.leftMenu .product .b{display:block;margin:0 auto;margin-bottom:20px;width:149px;height:37px;background:url(../Images/b.png) no-repeat;}
.leftMenu .product .c{display:block;margin:0 auto;margin-bottom:20px;width:425px;height:37px;background:url(../Images/c.png) no-repeat;}
.leftMenu .product .d{display:block;margin:0 auto;margin-bottom:20px;width:425px;height:37px;background:url(../Images/d.png) no-repeat;}
.leftMenu .product .e{display:block;margin:0 auto;margin-bottom:20px;width:264px;height:37px;background:url(../Images/e.png) no-repeat;}
.leftMenu .product .f{display:block;margin:0 auto;margin-bottom:20px;width:250px;height:37px;background:url(../Images/f.png) no-repeat;}

.leftMenu .product .i1{display:block;margin:0 auto;margin-bottom:20px;width:236px;height:37px;background:url(../Images/i1.png) no-repeat;}
.leftMenu .product .i2{display:block;margin:0 auto;margin-bottom:20px;width:137px;height:37px;background:url(../Images/i2.png) no-repeat;}
.leftMenu .product .i3{display:block;margin:0 auto;margin-bottom:20px;width:298px;height:37px;background:url(../Images/i3.png) no-repeat;}
.leftMenu .product .i4{display:block;margin:0 auto;margin-bottom:20px;width:137px;height:37px;background:url(../Images/i4.png) no-repeat;}
.leftMenu .product .i5{display:block;margin:0 auto;margin-bottom:20px;width:129px;height:37px;background:url(../Images/i5.png) no-repeat;}

.leftMenu .product .i6{display:block;margin:0 auto;margin-bottom:20px;width:129px;height:37px;background:url(../Images/words.png) no-repeat;}
*/



/*.leftMenu .product span{font-size:24px;letter-spacing:3px;padding-left:10px;}
*/
 
 section a.more{display:block;position:relative;margin:0 auto;  width:120px;padding:5px 0px;color:#00dfb9;  background:rgba(255,255,255,0.5);  font-size:26px;text-align:center;text-decoration:none;border:1px dotted #00dfb9; border-bottom: 0px;-webkit-transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;-ms-transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;-o-transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;transition:all .3s ease-in-out 0s,top .8s ease-in-out 0s;}
 section a.more:hover{color:White;background:#2fd0b5;}




.leftMenu .container {  margin: 0 auto;    }

.leftMenu .container a { color: #000; }
.leftMenu .index {  border: 0px; width: 200px;  text-align: center; /*float: none; */}
.leftMenu ul li { /*height: 100px; line-height: 100px;*/     /* background:rgba(0,0,0,0.2);*/   /* border-left: 1px solid #6ee0ba;*/  }


#listabout div .clearname{display:block;position:relative;margin:0 auto;margin-top:20px; width: 100%; margin-bottom: 20px; padding:5px 0px;color:#FFF; background-color:#00dfb9;  border-radius: 8px; font-size:20px;text-align:center;text-decoration:none;text-align:center;-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;}
#listabout.active div .clearname  { width: 30%; top: 0px; }

/*

#listabout .clearnames{  
  
animation:roate 1s;  
animation-fill-mode:forwards;  
animation-direction:alternate;
}  

@keyframes roate {  
    from {  
    width: 100%; display:block;position:relative;margin:0 auto;margin-top:20px; width: 100%; margin-bottom: 20px; padding:5px 0px;color:#FFF; background-color:#00dfb9;  border-radius: 8px; font-size:20px;text-align:center;text-decoration:none; 
     }  
    to{ 
    width: 30%; margin:0 auto;background-color:#00dfb9;  border-radius: 8px; font-size:20px;text-align:center;text-decoration:none; padding:5px 0px;color:#FFF;
     }
 }  

*/

#listabout .clearnames{  
   font-size:20px;
animation:roate 1s;  
animation-fill-mode:forwards;  
animation-direction:alternate;
}  

@keyframes roate {  
    from {  
    width: 100%; display:block;position:relative;margin:0 auto; width: 100%; margin-bottom: 20px; padding:5px 0px;color:#FFF; background-color:#00dfb9;  border-radius: 8px;  font-size:20px;text-align:center;text-decoration:none; 
     }  
    to{ 
    width: 60%; margin:0 auto;background-color:#00dfb9;  border-radius: 8px; font-size:20px;text-align:center;text-decoration:none; padding:5px 0px;color:#FFF; font-size:20px;
     }
 }  


.paging{/*margin:0px 0px 30px 40px;*/ margin:0 auto; text-align: center;}
.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:#2fd0b5 1px solid;color:White;font-family:Arial;background:#2fd0b5;}
.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;}