@charset "UTF-8";
.content-bg { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 24px 0; overflow: hidden; background: url("../images/inner-bg.png") center top no-repeat; background-size: contain; }

.content-bg .layout-box .layout-content .main-content { width: 800px; margin-right: 16px; }

.content-bg .layout-box .layout-content aside { width: 384px; }

/*培训基地列表*/
.box27 .plate27 .plate-content > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; overflow: hidden; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -32px; }

.box27 .plate27 .plate-content > ul::after { content: ""; display: block; width: 256px; height: 0; }

.box27 .plate27 .plate-content > ul li { margin-bottom: 0px; width: 256px; margin-bottom: 32px; }

.box27 .plate27 .plate-content > ul li:hover a .img-box { background-color: #cc191b; }

.box27 .plate27 .plate-content > ul li:hover a .infos-box span { color: #cc191b; }

.box27 .plate27 .plate-content > ul li:hover a .infos-box span i { color: #cc191b; }

.box27 .plate27 .plate-content > ul li.recommend a .icon { opacity: 1; }

.box27 .plate27 .plate-content > ul li a { display: block; position: relative; position: relative; }

.box27 .plate27 .plate-content > ul li a .img-box { width: 100%; height: auto; margin-bottom: 6px; overflow: hidden; background-color: #eeeeee; padding: 6px; -webkit-transition: .1s linear; transition: .1s linear; position: relative; }

.box27 .plate27 .plate-content > ul li a .img-box img { display: block; width: 100%; height: 136px; position: relative; z-index: 50; margin: 0 auto; }

.box27 .plate27 .plate-content > ul li a .infos-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; overflow: hidden; padding: 0 4px 0 4px; margin-bottom: 5px; }

.box27 .plate27 .plate-content > ul li a .infos-box h1 { margin-bottom: 0; font-size: 14px; line-height: 24px; color: #000; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 6px; }

.box27 .plate27 .plate-content > ul li a .infos-box span { white-space: nowrap; -ms-flex-negative: 0; flex-shrink: 0; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; line-height: 24px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999; }

.box27 .plate27 .plate-content > ul li a .infos-box span i { display: block; font-size: 16px; color: #999; margin-left: 4px; line-height: 24px; }

.box27 .plate27 .plate-content > ul li a .desc { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; line-height: 14px; color: #666; padding: 0 4px; margin-bottom: 0; }

.box27 .plate27 .plate-content > ul li a .icon { opacity: 0; position: absolute; top: 0; left: 0; z-index: 51; }

/*培训基地列表-end*/
/*媒体查询*/
@media only screen and (max-width: 1200px) { .content-bg .layout-box .layout-content .main-content { width: 100%; margin-right: 0; margin-bottom: 16px; }
  .content-bg .layout-box .layout-content .main-content .box .plate { max-width: 100%; }
  .content-bg .layout-box .layout-content aside { width: 100%; } }

@media only screen and (max-width: 992px) { .box27 .plate27 .plate-content > ul::after { content: ""; display: block; width: 48%; height: 0; }
  .box27 .plate27 .plate-content > ul li { width: 48%; } }

@media only screen and (max-width: 420px) { .box27 .plate27 .plate-content > ul li a .img-box { padding: 2px; }
  .box27 .plate27 .plate-content > ul li a .infos-box span { display: none; } }

/*媒体查询-end*/