.zx-about-item { width: 100%; }

.zx-about-item { margin: 0 auto; display: flex; justify-content: space-between; margin-bottom: 0px; }
.zx-about-item .about-item-img img { max-width: 100%; height: auto; }
.zx-about-item .about-left { float: left; margin-right: 20px; }
.zx-about-item .about-right { float: right; }

.about-left { float: left; }

.about-right { float: right; }

.zx-info { background: url(../images/pc/about-2-bg.png) no-repeat center bottom; background-size: contain; padding-bottom: 50px; margin-bottom: 0; }

.zx-location { background: url(../images/pc/about-3-bg.png) no-repeat center; padding-top: 46px; }
.zx-location h2 { color: #FFFFFF; font-size: 32px; line-height: 42px; text-align: center; margin-bottom: 20px; }
.zx-location .zx-location-des { max-width: 825px; margin: 0 auto; font-size: 14px; color: #FFFFFF; line-height: 25px; }
.zx-location .zx-location-view { max-width: 1000px; margin: 0 auto; }
.zx-location .zx-location-view img { max-width: 100%; height: auto; }
.zx-location .zx-focus-area { max-width: 205px; margin-top: 85px; color: #FFFFFF; }
.zx-location .zx-focus-area ul { padding: 4px 16px 24px 46px; box-sizing: border-box; border-radius: 6px; overflow: hidden; background: rgba(0, 0, 0, 0.5); }
.zx-location .zx-focus-area h4 { font-size: 14px; line-height: 25px; font-weight: bold; text-indent: 10px; position: relative; padding-top: 20px; }
.zx-location .zx-focus-area h4:before { position: absolute; content: '+'; text-align: left; height: 100%; display: inline-block; left: -11px; width: 11px; }
.zx-location .zx-focus-area p { cursor: pointer; font-size: 12px; line-height: 25px; }

@media (min-width: 1200px) { .about-content { margin: 0 auto; }
  .about-content .zx-about-item { width: 1120px; max-width: 1120px; }
  .about-content .about-item-img { max-width: 492px; max-height: 318px; }
  .about-content .about-item-des { max-width: 525px; }
  .about-content .about-item-des h2 { font-size: 32px; color: #222328; margin-bottom: 20px; }
  .about-content .about-item-des .about-item-text { font-size: 14px; color: #4F5362; line-height: 28px; }
  .zx-about-point { margin: 0 auto; background: url(../images/pc/about-4-bg.png) no-repeat center; padding: 83px 174px 73px; text-align: center; font-size: 0; }
  .zx-about-point .zx-about-point-wrap { width: 100%; max-width: 1100px; margin: 0 auto; display: flex; justify-content: space-between; box-sizing: border-box; }
  .zx-about-point .zx-about-point-item { width: 30%; margin: 0 10px; float: left; }
  .zx-about-point .zx-about-point-item:first-of-type { display: inline-block; position: relative; top: -10px; }
  .zx-about-point .zx-about-point-item img { max-width: 112px; max-height: 110px; }
  .zx-about-point .zx-about-point-item h2 { font-size: 26px; color: #222328; padding: 40px 0; text-align: center; }
  .zx-about-point .zx-about-point-item .zx-about-point-text { font-size: 14px; color: #4F5362; line-height: 30px; text-align: left; }
  .zx-about-manegers { margin: 0 auto; background: url(../images/pc/about-4-bg.jpg) no-repeat center; padding-bottom: 90px; }
  .zx-about-manegers .zx-about-manegers-content { max-width: 1440px; margin: 0 auto; }
  .zx-about-manegers .zx-about-menegers-wrap { display: flex; padding: 0 160px; color: #FFFFFF; }
  .zx-about-manegers h2 { padding: 50px 0 80px; margin: 0 auto; color: #FFFFFF; font-size: 32px; text-align: center; }
  .zx-about-manegers .zx-maneger-item { display: inline-block; font-size: 0; width: 33%; float: left;}
  .zx-about-manegers .zx-maneger-item h3 { font-size: 24px; color: #FFFFFF; line-height: 35px; text-align: left; padding: 0 52px; }
  .zx-about-manegers .zx-maneger-item .zx-row { padding: 0 52px; line-height: 32px; box-sizing: border-box; }
  .zx-about-manegers .zx-maneger-item .zx-row p { width: 100%; font-size: 12px; }
  .zx-about-manegers .zx-maneger-zongjingli { width: 32%;  border-left: 1px solid #FFFFFF; }
  .zx-about-manegers .zx-maneger-jianshi { width: 32%;}
  .zx-about-manegers .zx-maneger-jingyingt {margin-top:80px; padding-top: 60px; height:110px; border-right: 1px solid #FFFFFF; width: 33%;}
  .zx-about-manegers .zx-maneger-jingying {margin-top:80px; width: 60%;}
  .zx-about-structure { max-width: 1440px; margin: 0 auto; }
  .zx-about-structure .zx-about-struc-wrap h2 { font-size: 32px; color: #222328; padding: 82px 0 68px; text-align: center; }
  .zx-about-structure .zx-about-struc-wrap .maneger-img { text-align: center; }
  .zx-about-structure .zx-about-struc-wrap .maneger-img img {  } }
@media (min-width: 1023px) and (max-width: 1199px) { .about-content { margin: 0 auto; }
  .about-content .zx-about-item { max-width: 1024px; padding: 0 40px 30px; box-sizing: border-box; }
  .about-content .zx-about-item .about-left { margin-right: 40px; }
  .about-content .zx-about-point-item:first-of-type { display: inline-block; position: relative; top: -10px; }
  .about-content .zx-about-point-item img { max-width: 112px; max-height: 110px; }
  .about-content .about-item-img { max-width: 348px; max-height: 318px; }
  .about-content .about-item-des { max-width: 618px; }
  .about-content .about-item-des h2 { font-size: 24px; color: #222328; margin-bottom: 5px; }
  .about-content .about-item-des .about-item-text { font-size: 14px; color: #4F5362; line-height: 28px; }
  .zx-location h2 { font-size: 24px; line-height: 20px; margin-bottom: 15px; }
  .zx-location .zx-location-view { max-width: 900px; }
  .zx-location .zx-location-view .zx-location-map { max-width: 640px; }
  .zx-location .zx-location-view img { max-width: 100%; }
  .zx-location .zx-focus-area { margin-right: 20px; max-width: 205px; margin-top: 70px; color: #FFFFFF; }
  .zx-location .zx-focus-area dl { padding: 4px 16px 24px 26px; }
  .zx-about-point { max-width: 1024px; margin: 0 auto; background: url(../images/pc/about-4-bg.png) no-repeat center; padding: 40px 40px 20px; text-align: center; font-size: 0; }
  .zx-about-point .zx-about-point-wrap { width: 100%; display: flex; justify-content: space-between; }
  .zx-about-point .zx-about-point-item { max-width: 292px; width: 33.33%; flex: 1; display: inline-block; }
  .zx-about-point .zx-about-point-item h2 { font-size: 26px; color: #222328; padding: 40px 0; text-align: center; }
  .zx-about-point .zx-about-point-item .zx-about-point-text { font-size: 14px; color: #4F5362; line-height: 30px; text-align: left; }
  .zx-about-manegers { max-width: 1024px; margin: 0 auto; background: url(../images/pc/about-4-bg.jpg) no-repeat center; padding-bottom: 90px; }
  .zx-about-manegers .zx-about-menegers-wrap { display: flex; padding: 0 80px; color: #FFFFFF; }
  .zx-about-manegers h2 { padding: 50px 0 80px; margin: 0 auto; color: #FFFFFF; font-size: 32px; text-align: center; }
  .zx-about-manegers .zx-maneger-item { display: inline-block; font-size: 0; flex: 1; }
  .zx-about-manegers .zx-maneger-item h3 { font-size: 24px; color: #FFFFFF; line-height: 35px; text-align: left; padding: 0 52px; }
  .zx-about-manegers .zx-maneger-item .zx-row { padding: 0 52px; line-height: 35px; box-sizing: border-box; }
  .zx-about-manegers .zx-maneger-item .zx-row p { width: 100%; font-size: 12px; }
  .zx-about-manegers .zx-maneger-jianshi { border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
  .zx-about-structure { max-width: 1440px; margin: 0 auto; }
  .zx-about-structure .zx-about-struc-wrap h2 { font-size: 32px; color: #222328; padding: 82px 0 68px; text-align: center; }
  .zx-about-structure .zx-about-struc-wrap .maneger-img { text-align: center; }
  .zx-about-structure .zx-about-struc-wrap .maneger-img img {  } }
@media (min-width: 768px) and (max-width: 1023px) { .about-content { max-width: 1023px; width: 100%; padding-top: 1.5625rem; }
  .zx-about-item { display: initial; }
  .zx-group-intr { display: block; text-align: center; box-sizing: border-box; }
  .zx-group-intr .about-item-img { float: none; width: 100%; max-width: 1024px; }
  .about-item-des { width: 100%; box-sizing: border-box; }
  .about-item-des h2 { font-size: 24px; padding: 0.625rem 0 0.5rem; }
  .about-item-des .about-item-text { width: 100%; padding: 0 1.25rem; box-sizing: border-box; line-height: 25px; font-size: 14px; text-align: left; }
  .zx-info { width: 100%; background: none; box-sizing: border-box; }
  .zx-info h2 { text-align: center; }
  .zx-info .about-item-des { float: none; width: 100%; flex: none; padding-bottom: 0.625rem; }
  .zx-location { width: 100%; padding-top: 0.625rem; box-sizing: border-box; background-size: cover; }
  .zx-location h2 { padding-top: 1.09375rem; text-align: left; padding: 0 1.25rem; }
  .zx-location .zx-location-des { padding: 0 1.25rem; }
  .zx-location .zx-location-map { float: none; padding: 0 0.625rem; }
  .zx-location .zx-focus-area { width: 100%; max-width: 100%; margin-top: 0.3125rem; float: none; }
  .zx-location .zx-focus-area dl { display: none; }
  .zx-location .zx-focus-area ul { width: 100%; padding: 1.25rem; background: rgba(35, 74, 108, 0.5); min-height: 3.4375rem; max-height: 8.125rem; box-sizing: border-box; display: flex; flex-wrap: wrap; }
  .zx-location .zx-focus-area ul li { width: 50%; }
  .zx-location .zx-focus-area ul h4 { font-size: 16px; line-height: 0.75rem; font-weight: bold; text-indent: 22px; position: relative; text-indent: 25%; }
  .zx-location .zx-focus-area ul h4:before { position: absolute; content: '+'; text-align: left; height: 100%; display: inline-block; left: -11px; width: 11px; }
  .zx-location .zx-focus-area ul p { line-height: 0.5625rem; text-indent: 25%; font-size: 14px; }
  .zx-about-point { width: 100%; max-width: 1023px; }
  .zx-about-point .zx-about-point-item { width: 100%; box-sizing: border-box; text-align: center; margin-bottom: 0.625rem; padding: 0.65625rem 0.625rem 0; }
  .zx-about-point .zx-about-point-item h2 { padding: 0.625rem; font-size: 24px; }
  .zx-about-point .zx-about-point-item .zx-about-point-text { line-height: 25px; font-size: 14px; text-align: left; }
  .zx-about-manegers { width: 100%; padding: 0 1.25rem 1.25rem 0; background: url(../images/mobile/about-4-bg.png) no-repeat center; background-size: cover; box-sizing: border-box; color: #FFFFFF; }
  .zx-about-manegers h2 { padding: 0.625rem 0; text-align: center; font-size: 24px; }
  .zx-about-manegers .zx-maneger-item { max-width: 6.5625rem; margin: 0 auto; }
  .zx-about-manegers .zx-maneger-item .title { font-size: 18px; line-height: 0.625rem; padding-bottom: 0.625rem; }
  .zx-about-manegers .zx-maneger-item p { line-height: 0.5625rem; font-size: 14px; }
  .zx-about-structure { width: 100%; }
  .zx-about-structure .zx-about-struc-wrap { padding: 0 1.25rem; box-sizing: border-box; }
  .zx-about-structure .zx-about-struc-wrap h2 { font-size: 18px; text-align: center; padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .zx-about-structure .zx-about-struc-wrap .maneger-img { text-align: center; }
  .zx-about-structure .zx-about-struc-wrap .maneger-img img { width: 100%; } }
@media (max-width: 767px) { .about-content { width: 100%; padding-top: 1.5625rem; }
  .zx-about-item { display: initial; }
  .zx-group-intr { display: block; text-align: center; box-sizing: border-box; }
  .zx-group-intr .about-item-img { float: none; width: 100%; max-width: 1024px; }
  .about-item-des { width: 100%; box-sizing: border-box; }
  .about-item-des h2 { font-size: 24px; padding: 0.625rem 0 0.625rem; }
  .about-item-des .about-item-text { width: 100%; padding: 0 0.625rem; box-sizing: border-box; line-height: 24px; font-size: 14px; text-align: left; }
  .zx-info { width: 100%; background: none; box-sizing: border-box; }
  .zx-info h2 { text-align: center; }
  .zx-info .about-item-des { float: none; width: 100%; flex: none; padding-bottom: 0.625rem; }
  .zx-location { width: 100%; padding-top: 0.625rem; box-sizing: border-box; background-size: cover; }
  .zx-location h2 { font-size: 24px; padding-top: 0.625rem; text-align: left; padding: 0 0.625rem; }
  .zx-location .zx-location-des { padding: 0 0.625rem; }
  .zx-location .zx-location-map { float: none; padding: 0 0.625rem; }
  .zx-location .zx-focus-area { width: 100%; max-width: 100%; margin-top: 0.3125rem; float: none; }
  .zx-location .zx-focus-area dl { display: none; }
  .zx-location .zx-focus-area ul { width: 100%; padding: 0.3125rem; background: rgba(35, 74, 108, 0.5); min-height: 3.4375rem; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; }
  .zx-location .zx-focus-area ul li { width: 50%; }
  .zx-location .zx-focus-area ul h4 { font-size: 14px; line-height: 0.75rem; font-weight: bold; text-indent: 12px; position: relative; text-indent: 25%; }
  .zx-location .zx-focus-area ul h4:before { position: absolute; content: '+'; text-align: left; height: 100%; display: inline-block; left: -11px; width: 11px; }
  .zx-location .zx-focus-area ul p { line-height: 0.625rem; text-indent: 16%; font-size: 12px; }
  .zx-location .zx-focus-area ul p .city { padding-right: 0.125rem; }
  .zx-about-point { width: 100%; max-width: 1023px; background: url(../images/mobile/about-5-bg.jpg) no-repeat center; background-size: cover; }
  .zx-about-point .zx-about-point-item { width: 100%; box-sizing: border-box; text-align: center; margin-bottom: 0.5rem; padding: 1rem 0.625rem 0; }
  .zx-about-point .zx-about-point-item h2 { padding: 0.625rem; font-size: 24px; }
  .zx-about-point .zx-about-point-item .zx-about-point-text { line-height: 0.625rem; font-size: 14px; text-align: left; }
  .zx-about-manegers { width: 100%; padding: 0 0 1.25rem 0; background: url(../images/mobile/about-4-bg.png) no-repeat center; background-size: cover; box-sizing: border-box; color: #FFFFFF; }
  .zx-about-manegers h2 { padding: 0.625rem 0; text-align: center; font-size: 18px; }
  .zx-about-manegers .zx-maneger-item { width: 90%; margin: 0 auto; }
  .zx-about-manegers .zx-maneger-item .title { font-size: 16px; line-height: 0.625rem; padding-bottom: 0.3125rem; padding-top: 0.625rem; }
  .zx-about-manegers .zx-maneger-item p { line-height: 0.5625rem; font-size: 14px; }
  .zx-about-structure { width: 100%; position: relative; }
  .zx-about-structure .zx-about-struc-wrap { padding: 0 1.25rem; box-sizing: border-box; }
  .zx-about-structure .zx-about-struc-wrap h2 { font-size: 18px; text-align: center; padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .zx-about-structure .zx-about-struc-wrap .maneger-img { text-align: center; }
  .zx-about-structure .zx-about-struc-wrap .maneger-img img { width: 100%; }
  .zx-about-structure .zx-about-struc-wrap .maneger-img .maneger-mask { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/mobile/pick-scal.png) no-repeat center rgba(79, 83, 98, 0.56); background-size: 15%; } }

/*# sourceMappingURL=about.css.map */