@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; }

/*关于我们*/
.box22 .plate22 .plate-header { margin-bottom: 51px; }

.box22 .plate22 .plate-content { background: url("../images/bg-about.png") center bottom no-repeat; background-size: contain; padding-bottom: 56px; }

.box22 .plate22 .plate-content p { margin-bottom: 24px; font-size: 14px; line-height: 24px; color: #000; }

.box22 .plate22 .plate-content p:last-child { margin-bottom: 0; }

.box23 { margin-bottom: 56px; }

.box23 .plate23 { background-color: #fff; -webkit-box-shadow: 0 0 20px rgba(80, 80, 80, 0.2); box-shadow: 0 0 20px rgba(80, 80, 80, 0.2); padding: 40px 16px 56px; }

.box23 .plate23 .plate-header { margin-bottom: 56px; }

.box23 .plate23 .plate-content .advantage-list { margin-bottom: 0; width: 100%; }

.box23 .plate23 .plate-content .advantage-list .advantage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 24px; }

.box23 .plate23 .plate-content .advantage-list .advantage:last-child { margin-bottom: 0; }

.box23 .plate23 .plate-content .advantage-list .advantage:nth-child(2n) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.box23 .plate23 .plate-content .advantage-list .advantage:nth-child(2n) .img-box { margin-right: 0; margin-left: 32px; }

.box23 .plate23 .plate-content .advantage-list .advantage:hover .img-box img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.box23 .plate23 .plate-content .advantage-list .advantage:hover .infos-box h1 span { color: #cc191b; }

.box23 .plate23 .plate-content .advantage-list .advantage:hover .infos-box h1::before { background-color: #cc191b; }

.box23 .plate23 .plate-content .advantage-list .advantage:hover .infos-box .introduce p { color: #cc191b; }

.box23 .plate23 .plate-content .advantage-list .advantage .img-box { -ms-flex-negative: 0; flex-shrink: 0; width: 460px; height: auto; overflow: hidden; margin-right: 32px; }

.box23 .plate23 .plate-content .advantage-list .advantage .img-box img { display: block; width: 100%; height: 260px; -webkit-transition: all 0.5s !important; transition: all 0.5s !important; }

.box23 .plate23 .plate-content .advantage-list .advantage .infos-box { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 19px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; justify-content: center; /*由于没有下面具体内容，将标题垂直居中处理*/ }

.box23 .plate23 .plate-content .advantage-list .advantage .infos-box h1 { margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #333; }

.box23 .plate23 .plate-content .advantage-list .advantage .infos-box h1 span { display: block; color: #333; font-size: 24px; line-height: 34px; font-weight: bold; }

.box23 .plate23 .plate-content .advantage-list .advantage .infos-box h1::before { content: ""; display: block; width: 12px; height: 4px; background-color: #666; margin-right: 10px; }

.box23 .plate23 .plate-content .advantage-list .advantage .infos-box .introduce { max-height: 144px; overflow: hidden; }

.box23 .plate23 .plate-content .advantage-list .advantage .infos-box .introduce p { margin-bottom: 24px; font-size: 14px; line-height: 24px; }

.box23 .plate23 .plate-content .advantage-list .advantage .infos-box .introduce p:last-child { margin-bottom: 0; }

.box24 .plate24 .plate-content { border-top: 4px solid #cc191b; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 40px 0 32px; }

.box24 .plate24 .plate-content dl { margin-bottom: 0; width: 32%; font-size: 0; }

.box24 .plate24 .plate-content dl dt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; }

.box24 .plate24 .plate-content dl dt span { display: block; font-size: 18px; line-height: 18px; color: #000; font-weight: bold; }

.box24 .plate24 .plate-content dl dt::before { content: ""; display: block; width: 14px; height: 3px; background-color: #cc191b; margin-right: 8px; }

.box24 .plate24 .plate-content dl dd { margin-bottom: 0; height: 48px; line-height: 48px; }

.box24 .plate24 .plate-content dl:nth-child(1) dd { font-family: arial; font-size: 30px; color: #000; font-weight: bold; }

.box24 .plate24 .plate-content dl:nth-child(2) dd { font-family: arial; font-size: 30px; color: #000; font-weight: bold; }

.box24 .plate24 .plate-content dl:nth-child(3) dd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.box24 .plate24 .plate-content dl:nth-child(3) dd a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #515151; width: 30px; height: 30px; border-radius: 50%; margin-right: 8px; }

.box24 .plate24 .plate-content dl:nth-child(3) dd a:last-child { margin-right: 0; }

.box24 .plate24 .plate-content dl:nth-child(3) dd a:hover { background-color: #cc191b; }

.box24 .plate24 .plate-content dl:nth-child(3) dd a i { display: block; font-size: 18px; color: #fff; }

/*关于我们-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) { .box23 .plate23 .plate-content .advantage-list .advantage { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .box23 .plate23 .plate-content .advantage-list .advantage:nth-child(2n) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .box23 .plate23 .plate-content .advantage-list .advantage:nth-child(2n) .img-box { margin-left: 0; }
  .box23 .plate23 .plate-content .advantage-list .advantage .img-box { width: 100%; margin-right: 0; }
  .box23 .plate23 .plate-content .advantage-list .advantage .img-box img { height: auto; }
  .box23 .plate23 .plate-content .advantage-list .advantage .infos-box { padding: 19px 8px; }
  .box23 .plate23 .plate-content .advantage-list .advantage .infos-box .introduce { max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; } }

@media only screen and (max-width: 768px) { .box24 .plate24 .plate-content dl { width: 100%; margin-bottom: 8px; } }

/*媒体查询-end*/