.justify,
.training-wrap,
.training-wrap .tran-right .tran-btn,
.training-wrap .tran-right .tran-btn ul,
.advant-wrap ul,
.prjy-swp-cont .prjy-swp-tit,
.prjy-swp-slide,
.envir-wrap ul,
.job-wrap .job-img,
.job-wrap .job-info,
.job-wrap .job-info li,
.callme-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
html,
body {
  max-width: 1920px;
  min-width: 1200px;
  margin: 0 auto;
  overflow-x: hidden;
}
.ban-wrap {
  width: 16rem;
  margin: 0 auto;
}
.ban-wrap img {
  width: 16rem;
}
.head-wrap {
  padding-top: 0.20833333rem;
  text-align: center;
}
.head-wrap h1 {
  line-height: 0.58333333rem;
  font-size: 0.33333333rem;
  color: #000;
}
.head-wrap p {
  line-height: 0.2rem;
  font-size: 0.16666667rem;
  color: #737373;
  text-transform: uppercase;
}
.training-wrap {
  width: 10rem;
  margin: 0 auto;
  margin-top: 0.25rem;
  position: relative;
}
.training-wrap .tran-left {
  width: 6.25rem;
}
.training-wrap .tran-left a {
  display: block;
}
.training-wrap .tran-left a img {
  width: 100%;
  height: 3.55rem;
}
.training-wrap .tran-right {
  width: 3.75rem;
  background: #eeeeee;
}
.training-wrap .tran-right .tran-btn {
  margin-left: 0.29166667rem;
  margin-top: 0.13333333rem;
}
.training-wrap .tran-right .tran-btn ul {
  width: 3.41666667rem;
}
.training-wrap .tran-right .tran-btn ul li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 0.29166667rem;
  border: 1px solid #eb832a;
}
.training-wrap .tran-right .tran-btn ul li h3 {
  line-height: 0.3rem;
  font-size: 0.19166667rem;
  color: #000;
  padding-top: 0.11666667rem;
}
.training-wrap .tran-right .tran-btn ul li p {
  line-height: 0.23333333rem;
  font-size: 0.13333333rem;
  color: #000;
  text-transform: uppercase;
  padding-bottom: 0.04166667rem;
}
.training-wrap .tran-right .tran-btn ul li.on {
  background: #eb832a;
}
.training-wrap .tran-right .tran-btn ul li.on h3,
.training-wrap .tran-right .tran-btn ul li.on p {
  color: #fff;
}
.training-wrap .tran-right .tran-btn-info {
  margin-left: 0.29166667rem;
  margin-top: 0.25rem;
}
.training-wrap .tran-right .tran-btn-info .tran-p-div {
  display: none;
}
.training-wrap .tran-right .tran-btn-info .tran-p-div p {
  width: 3.16666667rem;
  line-height: 0.25rem;
  font-size: 0.15rem;
  color: #000;
  text-align: justify;
}
.training-wrap .tran-right .tran-btn-info .tran-p-div:nth-of-type(1) p {
  line-height: 0.45833333rem;
  font-size: 0.15rem;
  color: #000;
  text-indent: 0.33333333rem;
  position: relative;
}
.training-wrap .tran-right .tran-btn-info .tran-p-div:nth-of-type(1) p i {
  display: block;
  width: 0;
  height: 0;
  border-top: 0.10833333rem solid transparent;
  border-right: 0.10833333rem solid transparent;
  border-bottom: 0.10833333rem solid transparent;
  border-left: 0.10833333rem solid #000;
  position: absolute;
  top: 50%;
  left: 0.08333333rem;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.training-wrap .tran-right .tran-btn-info .show {
  display: block;
}
.training-wrap .tran-call {
  display: block;
  width: 2.2rem;
  margin: 0 auto;
  margin-top: 0.21666667rem;
  line-height: 0.35833333rem;
  font-size: 0.18333333rem;
  color: #000;
  border: 1px solid #d05128;
  text-indent: 0.20833333rem;
  position: absolute;
  bottom: 0.33333333rem;
  right: 1.125rem;
}
.training-wrap .tran-call:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 0.08333333rem solid transparent;
  border-bottom: 0.08333333rem solid transparent;
  border-left: 0.125rem solid #000;
  position: absolute;
  top: 0.1rem;
  right: 0.25rem;
}
.sect-zx {
  display: block;
  width: 2.91666667rem;
  margin: 0 auto;
  margin-top: 0.21666667rem;
  line-height: 0.58333333rem;
  font-size: 0.23333333rem;
  color: #fff;
  background: #d05126;
  text-align: center;
  -webkit-border-radius: 0.125rem 0.125rem 0.125rem 0.125rem;
     -moz-border-radius: 0.125rem 0.125rem 0.125rem 0.125rem;
          border-radius: 0.125rem 0.125rem 0.125rem 0.125rem;
}
.profess-wrap {
  width: 10rem;
  margin: 0 auto;
  margin-top: 0.375rem;
}
.profess-wrap .profess-box {
  width: 100%;
  height: 2.58333333rem;
  position: relative;
}
.profess-wrap .profess-box .profess-img-bg {
  width: 4.04166667rem;
  height: 2.58333333rem;
  background: url('../img/profess-cent-bg.png') no-repeat center / contain;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.profess-wrap .profess-box .profess-ul ul {
  width: 4.03333333rem;
}
.profess-wrap .profess-box .profess-ul ul li {
  width: 2.66666667rem;
  margin: 0 auto;
  margin-top: 0.36666667rem;
  line-height: 0.4rem;
  font-size: 0.16666667rem;
  color: #fff;
  -webkit-border-radius: 0.20833333rem 0.20833333rem 0.20833333rem 0.20833333rem;
     -moz-border-radius: 0.20833333rem 0.20833333rem 0.20833333rem 0.20833333rem;
          border-radius: 0.20833333rem 0.20833333rem 0.20833333rem 0.20833333rem;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
.profess-wrap .profess-box .profess-ul ul li span {
  line-height: 0.4rem;
  font-size: 0.25rem;
  color: #fff;
  font-weight: bold;
  vertical-align: -0.05rem;
  margin-left: 0.16666667rem;
  margin-right: 0.23333333rem;
}
.profess-wrap .profess-box .profess-ul ul li.color-1 {
  background: #ec5413;
}
.profess-wrap .profess-box .profess-ul ul li.color-2 {
  background: #257dd7;
}
.profess-wrap .profess-box .profess-ul ul li.color-3 {
  background: #a9ce02;
}
.profess-wrap .profess-box .profess-ul ul li.color-4 {
  background: #a53194;
}
.profess-wrap .profess-box .profess-ul ul li.color-5 {
  background: #25ab38;
}
.profess-wrap .profess-box .profess-ul ul li.color-6 {
  background: #e3017f;
}
.profess-wrap .profess-box .profess-ul ul:nth-of-type(1) {
  position: absolute;
  top: 0;
  left: 0;
}
.profess-wrap .profess-box .profess-ul ul:nth-of-type(1) li:nth-of-type(1) {
  margin-left: 1.35833333rem;
}
.profess-wrap .profess-box .profess-ul ul:nth-of-type(1) li:nth-of-type(2) {
  margin-left: 0.575rem;
}
.profess-wrap .profess-box .profess-ul ul:nth-of-type(1) li:nth-of-type(3) {
  margin-left: 0px;
}
.profess-wrap .profess-box .profess-ul ul:nth-of-type(2) {
  position: absolute;
  top: 0;
  right: 0;
}
.profess-wrap .profess-box .profess-ul ul:nth-of-type(2) li:nth-of-type(1) {
  margin-left: 0px;
}
.profess-wrap .profess-box .profess-ul ul:nth-of-type(2) li:nth-of-type(2) {
  margin-left: 0.575rem;
}
.profess-wrap .profess-box .profess-ul ul:nth-of-type(2) li:nth-of-type(3) {
  margin-left: 1.35833333rem;
}
.advant-wrap ul {
  width: 10rem;
  margin: 0 auto;
  padding-top: 0.4rem;
}
.advant-wrap ul li {
  width: 4.9rem;
  height: 1.43333333rem;
  border: 1px solid #070102;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  margin-bottom: 0.275rem;
  position: relative;
}
.advant-wrap ul li i {
  display: block;
  width: 1.66666667rem;
  height: 1.46666667rem;
  position: absolute;
  top: -0.01666667rem;
  left: -1px;
}
.advant-wrap ul li h3 {
  width: 2.19166667rem;
  line-height: 0.375rem;
  font-size: 0.20833333rem;
  color: #fb7215;
  font-weight: bold;
  margin-left: 1.81666667rem;
}
.advant-wrap ul li P {
  width: 3rem;
  line-height: 0.25rem;
  font-size: 0.15833333rem;
  color: #000;
  text-align: justify;
  margin-left: 1.79166667rem;
}
.advant-wrap ul li:nth-of-type(1) i {
  background: url('../img/advant/1.png') no-repeat center / contain;
}
.advant-wrap ul li:nth-of-type(2) i {
  background: url('../img/advant/2.png') no-repeat center / contain;
}
.advant-wrap ul li:nth-of-type(3) i {
  background: url('../img/advant/3.png') no-repeat center / contain;
}
.advant-wrap ul li:nth-of-type(3) h3 {
  line-height: 0.5rem;
}
.advant-wrap ul li:nth-of-type(3) p {
  line-height: 0.3rem;
  margin-top: 0.04166667rem;
}
.advant-wrap ul li:nth-of-type(4) i {
  background: url('../img/advant/4.png') no-repeat center / contain;
}
.advant-wrap ul li:nth-of-type(4) h3 {
  line-height: 0.5rem;
}
.advant-wrap ul li:nth-of-type(4) p {
  line-height: 0.3rem;
  margin-top: 0.04166667rem;
}
.prjy-swp-cont {
  width: 10rem;
  margin: 0 auto;
}
.prjy-swp-cont .prjy-swp-cBox {
  width: 100%;
  overflow: hidden;
}
.prjy-swp-cont .prjy-swp-tit {
  width: 100%;
  height: 0.5rem;
  padding-top: 0.15rem;
}
.prjy-swp-cont .prjy-swp-tit span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  line-height: 0.5rem;
  font-size: 0.29166667rem;
  color: #000;
  text-align: center;
  border: 1px solid #434343;
  background: #fcfbff;
  margin: 0.01666667rem;
  cursor: pointer;
}
.prjy-swp-cont .prjy-swp-tit span.my-bullet-active {
  border: 1px solid #eb8428;
  color: #eb8428;
}
.prjy-swp-slide {
  width: 5.125rem;
  padding-top: 0.19166667rem;
}
.prjy-swp-slide .prjy-swp-left {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 4.54166667rem;
}
.prjy-swp-slide .prjy-swp-left a {
  display: block;
}
.prjy-swp-slide .prjy-swp-left a img {
  width: 100%;
  height: 2.85833333rem;
}
.prjy-swp-slide .prjy-swp-right {
  background: #eeeeee;
  width: 5.41666667rem;
}
.prjy-swp-slide .prjy-swp-right h3 {
  line-height: 0.46666667rem;
  font-size: 0.25rem;
  color: #000;
  padding-top: 0.33333333rem;
  padding-left: 0.5rem;
  font-weight: bold;
}
.prjy-swp-slide .prjy-swp-right ul {
  width: 4.875rem;
  margin-left: 0.5rem;
}
.prjy-swp-slide .prjy-swp-right ul li {
  line-height: 0.31666667rem;
  font-size: 0.19166667rem;
  color: #000;
  text-align: justify;
}
.prjy-swp-slide .prjy-swp-right a {
  display: block;
  width: 2.83333333rem;
  line-height: 0.58333333rem;
  font-size: 0.25rem;
  color: #fff;
  background: #d05126;
  text-align: center;
  margin-top: 0.375rem;
  margin-left: 0.5rem;
  -webkit-border-radius: 0.125rem 0.125rem 0.125rem 0.125rem;
     -moz-border-radius: 0.125rem 0.125rem 0.125rem 0.125rem;
          border-radius: 0.125rem 0.125rem 0.125rem 0.125rem;
}
.prjy-swp-slide .prjy-swp-right a.lastChild-margin {
  margin-top: 0.55833333rem;
}
.envir-wrap {
  padding-bottom: 0.16666667rem;
}
.envir-wrap ul {
  width: 10rem;
  margin: 0 auto;
}
.envir-wrap ul li {
  padding-top: 0.25rem;
  width: 3.14166667rem;
}
.envir-wrap ul li a {
  display: block;
}
.envir-wrap ul li a img {
  width: 100%;
  height: 2.025rem;
}
.job-wrap {
  width: 10rem;
  margin: 0 auto;
}
.job-wrap .job-img li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.job-wrap .job-img li i {
  display: block;
  width: 2.29166667rem;
  height: 2.29166667rem;
  -webkit-border-radius: 1000%;
     -moz-border-radius: 1000%;
          border-radius: 1000%;
  margin: 0 auto;
}
.job-wrap .job-img li h3 {
  line-height: 0.45rem;
  font-size: 0.25rem;
  color: #000;
  font-weight: bold;
  letter-spacing: 0.04166667rem;
}
.job-wrap .job-img li h3:nth-of-type(2)::after {
  content: '';
  display: block;
  width: 1.35rem;
  margin: 0 auto;
  height: 0.08333333rem;
  background: #e77817;
  -webkit-border-radius: 0.04166667rem;
     -moz-border-radius: 0.04166667rem;
          border-radius: 0.04166667rem;
}
.job-wrap .job-img li p {
  line-height: 0.28333333rem;
  font-size: 0.16666667rem;
  color: #000;
  letter-spacing: 0.01666667rem;
}
.job-wrap .job-img li p:nth-of-type(1) {
  margin-top: 0.04166667rem;
}
.job-wrap .job-img li:nth-of-type(1) i {
  background: url('../img/job/1.png') no-repeat center / contain;
}
.job-wrap .job-img li:nth-of-type(2) i {
  background: url('../img/job/2.png') no-repeat center / contain;
}
.job-wrap .job-img li:nth-of-type(2) h3:nth-of-type(2) {
  letter-spacing: 0;
}
.job-wrap .job-img li:nth-of-type(3) i {
  background: url('../img/job/3.png') no-repeat center / contain;
}
.job-wrap .job-img li:nth-of-type(4) i {
  background: url('../img/job/4.png') no-repeat center / contain;
}
.job-wrap .job-info {
  margin-bottom: 0.33333333rem;
}
.job-wrap .job-info li {
  width: 4.83333333rem;
  height: 0.91666667rem;
  border: 1px solid #000;
  margin-top: 0.16666667rem;
}
.job-wrap .job-info li:nth-of-type(1) p:nth-of-type(1),
.job-wrap .job-info li:nth-of-type(3) p:nth-of-type(1) {
  width: 2rem;
  line-height: 0.91666667rem;
  font-size: 0.20833333rem;
  color: #fff;
  font-weight: bold;
  background: #e77817;
  text-align: center;
}
.job-wrap .job-info li:nth-of-type(1) p:nth-of-type(2),
.job-wrap .job-info li:nth-of-type(3) p:nth-of-type(2) {
  width: 2rem;
  margin: 0 auto;
  margin-top: 0.08333333rem;
  line-height: 0.25rem;
  font-size: 0.16666667rem;
  color: #000;
}
.job-wrap .job-info li:nth-of-type(2) p:nth-of-type(1),
.job-wrap .job-info li:nth-of-type(4) p:nth-of-type(1) {
  width: 2rem;
  margin: 0 auto;
  line-height: 0.25rem;
  font-size: 0.16666667rem;
  color: #000;
  margin-top: 0.08333333rem;
}
.job-wrap .job-info li:nth-of-type(2) p:nth-of-type(2),
.job-wrap .job-info li:nth-of-type(4) p:nth-of-type(2) {
  width: 2rem;
  line-height: 0.26666667rem;
  font-size: 0.20833333rem;
  color: #fff;
  font-weight: bold;
  background: #e77817;
  text-align: center;
  padding-top: 0.18333333rem;
}
.job-wrap p.job-margin-p {
  margin-top: 0.23333333rem !important;
}
.callme-wrap {
  background: #eeeeee;
  margin-top: 0.5rem;
}
.callme-box {
  width: 10rem;
  margin: 0 auto;
}
.callme-left {
  width: 5rem;
}
.callme-left a {
  display: block;
}
.callme-left a img {
  width: 100%;
  height: 3.5rem;
}
.callme-right {
  width: 5rem;
  background: #fff;
}
.callme-right .tel-box {
  margin-left: 0.875rem;
  position: relative;
}
.callme-right .tel-box h3 {
  line-height: 0.33333333rem;
  font-size: 0.16666667rem;
  color: #000;
  padding-top: 0.1rem;
}
.callme-right .tel-box p {
  line-height: 0.33333333rem;
  font-size: 0.25rem;
  color: #ed5a0c;
}
.callme-right .tel-box:before {
  content: '';
  display: block;
  width: 0.69166667rem;
  height: 0.73333333rem;
  background-image: url('../img/call-img.jpg');
  -moz-background-size: contain;
       background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: -0.875rem;
}
.callme-right .baoming-box ul {
  width: 3.98333333rem;
  margin: 0 auto;
  padding-top: 0.41666667rem;
}
.callme-right .baoming-box ul li {
  margin-top: 0.16666667rem;
  line-height: 0.33333333rem;
  font-size: 0.16666667rem;
  color: #000;
}
.callme-right .baoming-box ul li label {
  float: left;
}
.callme-right .baoming-box ul li input {
  display: block;
  width: 3.5rem;
  line-height: 0.33333333rem;
  font-size: 0.16666667rem;
  color: #000;
  text-indent: 0.18333333rem;
  background: #fff;
  border: 1px solid #a0a0a0;
  float: left;
}
.callme-right .baoming-box ul li select {
  float: left;
  width: 3.5rem;
  line-height: 0.33333333rem;
  font-size: 0.16666667rem;
  color: #000;
  text-indent: 0.16666667rem;
  background: #fff;
  border: 1px solid #a0a0a0;
}
.callme-right .baoming-box .shc-sub {
  display: block;
  width: 2.41666667rem;
  margin: 0 auto;
  line-height: 0.43333333rem;
  font-size: 0.21666667rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
  background: -webkit-gradient(linear, left top, right top, from(#ff835d), to(#ff595d));
  background: -webkit-linear-gradient(left, #ff835d, #ff595d);
  background: -moz- oldlinear-gradient(left, #ff835d, #ff595d);
  background: linear-gradient(left, #ff835d, #ff595d);
  margin-top: 0.16666667rem;
  -webkit-border-radius: 0.21666667rem 0.21666667rem 0.21666667rem 0.21666667rem;
     -moz-border-radius: 0.21666667rem 0.21666667rem 0.21666667rem 0.21666667rem;
          border-radius: 0.21666667rem 0.21666667rem 0.21666667rem 0.21666667rem;
}
