@charset "utf-8";
*{ box-sizing: border-box; }
:before, :after{ box-sizing: border-box; }
html{-webkit-tap-highlight-color:rgba(0,0,0,0); font-size: 16px;}
body{ background-color:#fff; font:"\5fae\8f6f\96c5\9ed1",arial,"\5b8b\4f53",sans-serif; color:#333;}
body,form,iframe,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a,i,em,figure{margin:0px;padding:0px;list-style-type:none;font-style: normal;font-weight: normal;}
img{ border:none;vertical-align:middle;}
a{ text-decoration:none; color:inherit;}
a:hover{ color:inherit;}
.container{width:1000px;margin:0 auto}
.header{background-color:#FFFF00;text-align:center;width:100%}
.header h6{color:#000000;font-size:18px;line-height:2}
.listbar{margin:40px 0;display:flex;flex-wrap:wrap;}
.listitem{width:33.3333%;padding:20px;overflow:hidden;border:#ccc 1px solid;margin: 0 0 -1px -1px;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease}
.listitem .listimg{overflow:hidden;text-align: center;}
.listitem .listimg img{max-width:100%;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease}
.listitem dl dt{font-size:14px;color:#000000;font-weight:700;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;margin:10px 0}
.listitem dl dd{font-size:14px;color:#999999;line-height:1.5;height:122px;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:3}
.listitem a{color:#096;display:block;text-decoration:underline;font-size:14px;margin-top:10px}
.listitem a:before{content:"+";color:#063}
.listitem:hover{background-color:#fff;box-shadow:#ccc 1px 1px 8px;}
.listitem:hover img{transform:scale(1.05)}
.listitem:hover dl dt{color:#063 ;}
.footer{text-align:center;width:100%;background-color:#FF9;border-top:3px solid #FC0;line-height:2}
.footer span{color:#000000;font-size:14px;display:inline-block;padding:0 10px}


  @media screen and (max-width: 750px) {
   .container{width: 100%;}
   .header h6{font-size: 14px;line-height: 1.5;}
   .listbar{flex-direction: column;margin:0}
   .listitem{width: 100%;padding: 20px;margin: 0;border-left: 1px solid #ffffff;border-right: 1px solid #ffffff;border-top: 1px solid #ffffff;}
   .listitem .listimg img{width: 100%;}
   .footer{line-height: 1.5;}
  }