.container { width: 100%; height: 100%; position: relative; }
.container * { background-position: center center; background-repeat: no-repeat; background-size: cover; letter-spacing: -1px; color: #565656; box-sizing: border-box; }
.container a { text-decoration: none; }
.container .section { margin: 0 auto; }
.container .section > form > fieldset { background-color: #E5E5E5; border: 1px solid #A8A8A8; }
.container .section > form > fieldset > * { float: left; }
.container .section > form > fieldset > label { width: 0; height: 0; display: block; overflow: hidden; }
.container .section > form > fieldset > input { border: 1px solid #A8A8A8; }
.container .section > form > fieldset > .serchBtn { display: block; color: #fff; background-color: #00AEEF; border: 1px solid #A8A8A8; font-weight: bold; border-left: 0; }
.container .section > ul { border-top: 1px solid #565656; }
.container .section > ul > li { border-bottom: 1px solid #565656; }
.container .section > ul > li > a { display: block; width: 100%; height: 100%; }
.container .section > ul > li > a > * { float: left; }
.container .section > ul > li > a > div > h4 { font-weight: bold; }
.container .section > ul > li > a > div > div > * { float: left; }
.container .section > ul > li > a > div > div > h5 { font-weight: normal; }
.container .section > ul > li > a > div > div > p { font-weight: normal; }
.container .section > ul > li > a > span { background-image: url(/assets/_img/sub/community/arrow_r.png); float: right; display: block; }
.container .section > ul > li > a:hover > div > h4 { color: #006CBA; }
.container .section > .plusBtn { display: block; font-weight: bold; background-color: #EAEAEA; border: 1px solid #BCBCBC; text-align: center; }

@media all and (min-width: 1080px) { .section { width: 1080px; padding: 94px 0;}
  .section > form { width: 100%; height: 70px; }
  .section > form > fieldset { width: 100%; height: 100%; padding: 15px 199px; }
  .section > form > fieldset > input { width: 579px; height: 40px; }
  .section > form > fieldset > .serchBtn { width: 100px; height: 40px; text-align: center; line-height: 40px; }
  .section > ul { width: 100%; height: auto; margin: 25px 0; }
  .section > ul > li { width: 100%; height: 100px; padding: 0 30px; }
  .section > ul > li > a > div { width: 980px; padding: 20px 0; }
  .section > ul > li > a > div > h4 { width: auto; height: 22px; font-size: 22px; margin-bottom: 20px; }
  .section > ul > li > a > div > div > h5 { width: auto; height: 18px; font-size: 16px; }
  .section > ul > li > a > div > div > p { width: auto; height: 18px; font-size: 16px; margin-left: 65px; }
  .section > ul > li > a > span { width: 18px; margin-top: 34px; height: 32px; }
  .section > .plusBtn { width: 100%; height: 54px; font-size: 22px; line-height: 54px; } }
@media (min-width: 641px) and (max-width: 1079px) { .section { width: 96%; padding: 58px 0; }
  .section > form { width: 100%; height: 75px; }
  .section > form > fieldset { width: 100%; height: 100%; padding: 12px 10%; }
  .section > form > fieldset > input { width: 80%; height: 100%; margin: 0 auto; }
  .section > form > fieldset > .serchBtn { width: 20%; height: 100%; text-align: center; line-height: 49px; }
  .section > ul { width: 100%; height: auto; margin: 3% 0; }
  .section > ul > li { width: 100%; height: 100px; padding: 18px 30px; }
  .section > ul > li > a > div { width: 90%; }
  .section > ul > li > a > div > h4 { width: auto; font-size: 22px; height: 23px; margin-bottom: 20px; }
  .section > ul > li > a > div > div > h5 { width: auto; font-size: 16px; height: 17px; }
  .section > ul > li > a > div > div > p { font-size: 16px; margin-left: 5%; }
  .section > ul > li > a > span { width: 18px; height: 32px; margin-top: 14px; }
  .section > .plusBtn { height: 54px; line-height: 54px; font-size: 22px; } }
@media (max-width: 640px) { .section { width: 96%; padding: 40px 0; }
  .section > form { width: 100%; height: 55px; }
  .section > form > fieldset { width: 100%; height: 100%; padding: 12px 10%; }
  .section > form > fieldset > input { width: 80%; height: 100%; margin: 0 auto; }
  .section > form > fieldset > .serchBtn { width: 20%; height: 100%; text-align: center; line-height: 29px; }
  .section > ul { width: 100%; height: auto; margin: 3% 0; }
  .section > ul > li { width: 100%; height: 70px; padding: 16px 10px; }
  .section > ul > li > a > div { width: 90%; }
  .section > ul > li > a > div > h4 { width: auto; font-size: 14px; height: 18px; line-height: 18px; margin-bottom: 10px; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
  .section > ul > li > a > div > div > h5 { width: auto; font-size: 11px; height: 12px; }
  .section > ul > li > a > div > div > p { font-size: 11px; margin-left: 5%; }
  .section > ul > li > a > span { width: 12px; height: 22px; margin-top: 4px; }
  .section > .plusBtn { height: 40px; line-height: 40px; font-size: 18px; } }