::after,
::before,
* {
  word-wrap: break-word;
  box-sizing: border-box;
}
a {
  text-decoration: none;
  color: #000;
}
.mx-auto {
  margin: 0 auto !important;
}
.bs {
  color: #fff;
}
.b_k {
  background: #fff;
}
.b {
  font-weight: bold;
}
.y50 {
  border-radius: 50%;
  object-fit: cover !important;
}
.w {
  width: 100%;
}
.h {
  height: 100%;
}
.w100 {
  width: 100% !important;
}
.w100 img {
  width: 100% !important;
}
.p-r {
  position: relative;
}
.p-a {
  position: absolute;
}
.p-f {
  position: fixed;
}
.div_chao {
  white-space: nowrap;
  overflow-x: auto;
}
.div_chao .inline {
  display: inline-block !important;
}
.dis {
  display: none;
}
.dis-l {
  display: block;
}
.songti {
  font-family: 宋体;
}
.b_l {
  float: left;
}
.b_r {
  float: right;
}
.r {
  margin-left: auto;
}
.b_l_w {
  width: 100%;
  float: left;
}
.w1 {
  width: 100%;
  float: left;
}
.center,
.text-center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.text-hide-1 {
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*伸缩盒子模型*/
.box {
  display: flex;
  flex-wrap: nowrap;
}
/*从左至右*/
.box-lr {
  flex-direction: row;
}
/*从右至左*/
.box-rl {
  flex-direction: row-reverse;
}
/*从上至下*/
.box-tb {
  flex-direction: column;
}
/*从下至上*/
.box-bt {
  flex-direction: column-reverse;
}
/*主轴居中*/
.box-pack-center {
  justify-content: center;
}
.middle {
  display: flex;
  justify-content: space-between;
  /*justify-content: space-evenly;*/
}
.middle::before,
.middle::after {
  content: '';
  display: block;
}
/*主轴居左*/
.box-pack-start {
  justify-content: flex-start;
}
/*主轴居右*/
.box-pack-end {
  justify-content: flex-end;
}
/*主轴左右不留白*/
.box-pack-between {
  justify-content: space-between;
}
/*主轴左右留白*/
.box-pack-around {
  justify-content: space-around;
}
/*自动间隔，每个元素的间隔相等*/
.box-middle {
  justify-content: space-evenly;
}
/*交叉轴居中对齐*/
.box-align-center {
  align-items: center;
}
/*交叉轴居左对齐*/
.box-align-start {
  align-items: flex-start;
}
/*交叉轴居右对齐*/
.box-align-end {
  align-items: flex-end;
}
/**单个指定的子元素自定义对齐方式，可以不同于其他子元素对齐方式**/
/**指定子元素居中对齐**/
.self-align-center {
  align-self: center;
  margin: 0 auto;
}
/**指定子元素顶部对齐**/
.self-align-start {
  align-self: flex-start;
}
/**指定子元素底部对齐**/
.self-align-end {
  align-self: flex-end;
}
/**指定子元素拉伸**/
.self-align-stretch {
  align-self: stretch;
}
/**子元素换行**/
.box-wrap {
  flex-wrap: wrap;
}
/**子元素不换行**/
.box-nowrap {
  flex-wrap: nowrap;
}
/*允许子元素伸展（1倍）*/
.flex {
  flex-grow: 1;
  /*如果值是2 那么当前元素就是其他元素宽的2倍了*/
}
/* flex:1 是 flex-grow、flex-shrink、flex-basis的缩写。故其取值可以考虑以下情况：
        flex-grow:0表示不会拉伸 flex-shrink:1表示 可以缩小
        flex 的默认值是以上三个属性值的组合。假设以上三个属性同样取默认值，则 flex 的默认值是 0 1 auto*/
/*允许子元素收缩(1倍)*/
.shrink {
  flex-shrink: 1;
}
/**水平居中*/
.box-center-center {
  justify-content: center;
  align-items: center;
  text-align: center;
}
:root:root {
  --van-primary-color: #5a4527;
}
body {
  width: 100%;
  float: left;
  font-size: 3.2vw;
}
body {
  margin: 0;
}
#app {
  height: 100vh;
  width: 100vw;
  overflow-x: hidden;
  overflow-y: auto;
}
.van-tabbar__placeholder {
  min-height: 20vw;
  height: 20vw;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
body,
.van-pull-refresh {
  overflow: visible !important;
}
.van-toast {
  width: max-content !important;
}
.van-nav-bar--fixed {
  z-index: 999 !important;
}
.van-loading__text,
.van-tabbar__placeholder,
.van-list__finished-text {
  width: 100%;
  float: left;
}
.f5::before {
  content: '';
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  background: #f5f5f5;
  z-index: -1;
}
p {
  margin: 0;
}
img {
  display: block;
  object-fit: contain;
}
[v-cloak] {
  display: none !important;
}
.van-nav-bar .van-nav-bar__text,
.van-nav-bar .van-icon {
  color: #000 !important;
}
.van-nav-bar__placeholder .van-nav-bar .van-icon {
  color: #000;
}
.van-nav-bar__placeholder .van-nav-bar__title {
  font-size: 16px;
}
.van-nav-bar__placeholder .van-nav-bar__title span {
  font-size: 12px;
}
.van-tabbar {
  width: 100%;
  float: left;
  height: 20vw !important;
  z-index: 99 !important;
}
.van-tabbar .van-tabbar-item__icon img {
  height: 10vw;
  margin: -2vw 0 0;
}
.van-tabbar .van-tabbar-item__text {
  font-size: 3.2vw;
}
.tabs {
  --van-tabs-line-height: 12vw;
  --van-tab-font-size: 4.267vw;
}
.tabs .van-tabs__line {
  border-radius: 0 !important;
}
.mt-4 {
  margin-top: 4vw !important;
}
.copyright {
  display: flex;
  width: 100%;
  text-align: center;
  justify-content: center;
  font-size: 3.2vw;
  color: #b5b5b5;
  padding: 8.533vw 0;
}
.home .question-box {
  display: flex;
  flex-wrap: nowrap;
  flex-wrap: wrap;
  margin: 0 4.667vw;
  margin-top: 8.933vw;
}
.home .question-box .que-item {
  width: 50%;
  border: 0.133vw solid #f2f2f2;
  padding: 4vw 0 3.2vw 5.067vw;
}
.home .question-box .que-item img {
  height: 6.4vw;
  margin-bottom: 2.933vw;
}
.home .question-box .que-item p {
  font-size: 3.2vw;
  line-height: 3.2vw;
  color: #333333;
  width: 28vw;
  text-wrap: nowrap;
  white-space: nowrap;
}
.home .service-box {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  margin: 0 4.667vw;
  margin-top: 12.533vw;
}
.home .service-box .title {
  font-size: 4vw;
  font-weight: bold;
  line-height: 3.867vw;
  color: #101010;
  margin-bottom: 6.133vw;
}
.home .service-box .service-item {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
  width: 33.33%;
}
.home .service-box .service-item img {
  width: 24vw;
  height: 24vw;
}
.home .service-box .service-item p {
  font-size: 3.2vw;
  line-height: 9.6vw;
  color: #333333;
}
.home .service-box a {
  font-size: 3.2vw;
  color: #101010;
}
.home .range-box {
  margin: 0 4.667vw;
  margin-top: 12vw;
  background-image: linear-gradient(90deg, #eef6ff 0%, #f3f9ff 50%, #f8fbff 100%), linear-gradient(#33c6ff, #33c6ff);
  background-blend-mode: normal,
      normal;
  border-radius: 2.133vw;
  padding: 5.333vw 2.267vw;
}
.home .range-box .range-top {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  color: #101010;
}
.home .range-box .range-top b {
  font-size: 4vw;
}
.home .range-box .range-top a {
  font-size: 3.2vw;
}
.home .range-box .range-list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.home .range-box .range-list .range-item {
  width: 30%;
  height: 20.4vw;
  border-radius: 2.133vw;
  padding: 3.733vw 2.4vw 0;
  font-size: 3.2vw;
  color: #333;
  position: relative;
}
.home .range-box .range-list .range-item img {
  width: 6.933vw;
  height: 6.667vw;
  position: absolute;
  right: 2.933vw;
  bottom: 2.667vw;
}
.home .range-box .range-list .ri1 {
  background-image: linear-gradient(90deg, #ffebec 0%, #fff2ee 50%, #fff8ef 100%), linear-gradient(#33c6ff, #33c6ff);
}
.home .range-box .range-list .ri2 {
  background-image: linear-gradient(90deg, #d6e8f8 0%, #ddedfb 50%, #e4f2fd 100%), linear-gradient(#33c6ff, #33c6ff);
}
.home .range-box .range-list .ri3 {
  background-image: linear-gradient(90deg, #e3f8f5 0%, #eaf7f6 50%, #f0f6f6 100%), linear-gradient(#33c6ff, #33c6ff);
}
.home .news-box {
  margin: 0 4.667vw;
  margin-top: 12vw;
  background-image: linear-gradient(90deg, #ffffff 0%, #e4f1ff 100%), linear-gradient(#33c6ff, #33c6ff);
  border-radius: 2.133vw;
  padding: 6.8vw 2.8vw;
}
.home .news-box .news-top {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  color: #101010;
}
.home .news-box .news-top b {
  font-size: 4vw;
}
.home .news-box .news-top a {
  font-size: 3.2vw;
}
.home .news-box .news-list {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}
.home .news-box .news-list .news-item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: 4vw !important;
}
.home .news-box .news-list .news-item img {
  width: 43.067vw;
  height: 24.267vw;
}
.home .news-box .news-list .news-item span {
  width: 35.467vw;
  margin-left: auto;
  overflow: hidden !important;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: 3.2vw;
}
.news {
  padding: 4vw 3.33vw;
}
.news .newsbox {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 4vw !important;
  padding-bottom: 4.267vw;
  border-bottom: #f2f2f2 solid 0.133vw;
}
.news .newsbox img {
  width: 43.067vw;
  border-radius: 2.667vw;
}
.news .newsbox .listleft {
  font-size: 3.2vw;
}
.news .newsbox .listleft span {
  margin-bottom: 4.667vw;
  color: #333333;
  display: block;
  overflow: hidden !important;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.news .newsbox .listleft p {
  color: #666666;
}
.newsdetail {
  padding: 4vw 3.33vw;
}
.newsdetail .containar {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.newsdetail .containar b {
  font-size: 4vw;
  color: #333333;
}
.newsdetail .containar img {
  width: 100%;
  margin-top: 7.067vw;
}
.newsdetail .contect {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  margin-top: 7.2vw;
  font-size: 3.2vw;
  line-height: 4.8vw;
  color: #444444;
  gap: 4vw;
}
.businessarea .cardtab {
  margin-top: 3.733vw;
}
.businessarea .cardtab .van-tab--card.van-tab--active {
  background: transparent;
  background-color: #eafef4;
  border-radius: 3.333vw;
  border: solid 1px rgba(38, 182, 109, 0.59);
}
.businessarea .cardtab .van-tab--card {
  border: none;
}
.businessarea .cardtab .van-tabs__nav--card {
  border: none;
}
.businessarea .imgbox {
  display: flex;
  flex-wrap: nowrap;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 4.667vw;
  margin-top: 9.867vw;
}
.businessarea .imgbox img {
  width: 41.333vw;
  border-radius: 2.133vw;
}
.about .top {
  margin: 0 4.667vw;
  margin-top: 8.933vw;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex-wrap: wrap;
}
.about .top .item {
  width: 44vw;
  border-radius: 2.133vw;
  margin-bottom: 4.267vw;
  padding: 4.667vw 9.867vw 4.667vw 5.2vw;
}
.about .top .item span {
  font-size: 3.467vw;
  color: #333333;
}
.about .top .item p {
  font-size: 3.2vw;
  margin: 3.2vw 0;
}
.about .top .item hr {
  width: 4.4vw;
  height: 0.8vw;
  border: none;
  margin: 0;
  border-radius: 0.4vw;
}
.about .top .i1 {
  background-image: linear-gradient(232deg, #fcf4f0 0%, #fde2de 100%), linear-gradient(#e8e6e6, #e8e6e6);
}
.about .top .i1 p {
  color: #bb917b;
}
.about .top .i1 hr {
  background-color: #eab3ac;
}
.about .top .i2 {
  background-image: linear-gradient(232deg, #f1f4ff 0%, #e2e5f8 100%), linear-gradient(#e8e6e6, #e8e6e6);
}
.about .top .i2 p {
  color: #9196ac;
}
.about .top .i2 hr {
  background-color: #b7ceeb;
}
.about .top .i3 {
  background-image: linear-gradient(232deg, #fcf4ec 0%, #faebe0 100%), linear-gradient(#e8e6e6, #e8e6e6);
}
.about .top .i3 p {
  color: #9e8672;
}
.about .top .i3 hr {
  background-color: #e8c7a6;
}
.about .top .i4 {
  background-image: linear-gradient(232deg, #fbfff9 0%, #e6f4df 100%), linear-gradient(#e8e6e6, #e8e6e6);
}
.about .top .i4 p {
  color: #93c27b;
}
.about .top .i4 hr {
  background-color: #c5d8bc;
}
.about .introduce {
  margin: 0 4.667vw;
  height: 54.533vw;
  border-radius: 2.533vw;
  margin-top: 4vw;
  background: url(/img/intro-bg.jpg) no-repeat;
  background-size: 100% auto;
  padding: 7.2vw 5.333vw;
  color: #101010;
}
.about .introduce .title {
  font-size: 4vw;
}
.about .introduce p {
  margin-top: 7.333vw;
  font-size: 3.2vw;
  color: #333333;
  line-height: 4.8vw;
}
.about .course {
  margin: 0 4.667vw;
  margin-top: 11.067vw;
  background-color: #f9fcff;
  border-radius: 2.133vw;
  padding: 6.4vw 5.2vw;
}
.about .course .title {
  font-size: 4vw;
  color: #101010;
}
.about .course .years {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
  margin-bottom: 4vw;
}
.about .course .years b {
  font-size: 10.667vw;
  color: #00c250;
  position: relative;
  margin-bottom: 4.867vw;
  line-height: 15.667vw;
}
.about .course .years b::after {
  content: '年';
  position: absolute;
  right: -5.33vw;
  top: 0;
  width: 5.333vw;
  height: 5.333vw;
  background-color: #00c250;
  border-radius: 50%;
  font-size: 3.2vw;
  color: #ffffff;
  text-align: center;
  line-height: 5.333vw;
}
.about .course .years p {
  width: 70.267vw;
  font-size: 3.2vw;
  line-height: 4.8vw;
}
.about .course .timeline {
  width: 100%;
}
.about .course .timeline img.scroll-btn {
  width: 6.4vw;
  height: 6.4vw;
}
.about .course .timeline .line {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  width: 70vw;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.about .course .timeline .line::-webkit-scrollbar {
  display: none;
}
.about .course .timeline .line img.active {
  width: 4.533vw;
  height: 5.333vw;
}
.about .course .timeline .line img.inactive {
  width: 1.333vw !important;
  height: 1.333vw;
}
.about .course .timeline .line .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50vw !important;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.about .course .timeline .line .item img {
  margin-bottom: -0.833vw;
  z-index: 10;
}
.about .course .timeline .line .item hr {
  width: 100%;
  height: 0.267vw;
  background-color: #cbcbcb;
  border: none;
}
.about .course .timeline .line .item p {
  font-size: 3.2vw;
  line-height: 4.8vw;
  border-top: 0.267vw solid #cbcbcb;
  padding: 0 3vw;
  color: #cbcbcb;
  padding-top: 0.533vw;
}
.about .course .timeline .line .item .activefont {
  color: #00c250;
  font-weight: bold;
}
.about .honor {
  margin: 0 4.667vw;
  margin-top: 11.067vw;
  border-radius: 2.133vw;
  padding: 6.4vw 5.2vw;
}
.about .honor .title {
  font-size: 4vw;
  color: #101010;
  margin-bottom: 6vw;
  display: block;
}
.about .honor .imgbox {
  display: flex;
  flex-wrap: nowrap;
  gap: 6.533vw;
  width: 80vw;
  overflow: hidden;
}
.about .honor .imgbox img {
  width: 22.4vw;
  height: 28.4vw;
}
.about .honor .pagedot {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  margin: 6vw 0 0 auto;
}
.about .honor .pagedot .dot {
  width: 2.333vw;
  height: 2.333vw;
  background-color: #cbcbcb;
  border-radius: 50%;
  margin-right: 2.733vw;
  cursor: pointer;
}
.about .honor .pagedot .active {
  background-color: #00c250;
}
.about .customer {
  margin: 0 4.667vw;
  margin-top: 4.067vw;
  border-radius: 2.133vw;
  padding: 6.4vw 5.2vw;
}
.about .customer .title {
  font-size: 4vw;
  color: #101010;
  margin-bottom: 6vw;
  display: block;
}
.about .customer .gridbox {
  display: grid;
  grid-template-columns: auto auto auto;
  gap: 3.2vw;
}
.about .customer .gridbox img {
  width: 24.533vw;
  box-shadow: 0vw 0vw 2.133vw 0vw rgba(205, 205, 205, 0.24);
  border-radius: 2.133vw;
}
.about .office {
  margin: 0 4.667vw;
  margin-top: 4.067vw;
  border-radius: 2.133vw;
  padding: 6.4vw 5.2vw;
}
.about .office .title {
  font-size: 4vw;
  color: #101010;
  margin-bottom: 6vw;
  display: block;
}
.about .office .add {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  font-size: 3.2vw;
  color: #444444;
  gap: 4.667vw;
  padding-bottom: 4.667vw;
  margin-top: 6.8vw;
  border-bottom: 0.133vw #e8e8e8 solid;
}
.about .office .add span {
  font-size: 3.467vw;
  color: #333333;
}
.about .office .add p {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.about .office .add p img {
  width: 3.2vw;
  margin-right: 2.933vw;
}
.service .comfire {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.service .comfire img {
  width: 8vw;
  height: 8vw;
  margin: 10vw 0 3.733vw;
}
.service .comfire b {
  font-size: 3.467vw;
  color: #333333;
  margin-bottom: 9.2vw;
}
.service .comfire button {
  width: 26.667vw;
  height: 5.867vw;
  background-color: #52c41a;
  border-radius: 0.8vw;
  border: none;
  color: #ffffff;
  white-space: nowrap;
}
.service .content {
  padding: 0 5.467vw;
  padding-bottom: 5.667vw;
}
.service .content form {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex-wrap: wrap;
}
.service .content form input {
  height: 9.867vw;
  background-color: #f5f5f5;
  border-radius: 0.8vw;
  border: none;
  margin-top: 4.4vw;
  padding-left: 3.47vw;
}
.service .content form input ::-webkit-input-placeholder {
  color: #b5b5b5;
}
.service .content form label {
  margin-bottom: 7.47vw;
}
.service .content .fm1 label {
  width: 42.067vw;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}
.service .content .fm2 label {
  width: 100%;
}
.service .content .fm2 label input {
  width: 100%;
}
.service .content .fm2 label select {
  width: 100%;
  height: 9.867vw;
  background-color: #f5f5f5;
  border-radius: 0.8vw;
  border: none;
  color: #333;
  padding-left: 3.47vw;
  margin-top: 4.4vw;
}
.service .content .fm2 label textarea {
  width: 100%;
  height: 34.133vw;
  background-color: #f5f5f5;
  border-radius: 0.8vw;
  border: none;
  color: #333;
  padding: 3.47vw;
  margin-top: 4.4vw;
}
.service .content .fm2 label textarea ::placeholder {
  color: #b5b5b5;
}
.service .content button {
  width: 100%;
  height: 9.867vw;
  border: none;
  background-color: #00c250;
  border-radius: 0.8vw;
  font-size: 3.467vw;
  color: #fff;
}
.service .left-box .rbox .btnbox {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
.service .right-box .rbox .btnbox {
  display: flex;
  flex-wrap: nowrap;
}
.service .basebox {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 4.667vw;
  margin-top: 8.933vw;
  background-color: #ffffff;
  box-shadow: 0vw 0vw 2.133vw 0vw rgba(205, 205, 205, 0.24);
  border-radius: 0.133vw;
  padding: 7.2vw 6vw;
  gap: 6.667vw;
  align-items: flex-start;
}
.service .basebox img {
  width: 10.933vw;
  margin-top: 4vw;
}
.service .basebox .rbox {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}
.service .basebox .rbox b {
  font-size: 3.467vw;
  color: #333333;
  margin-bottom: 4.533vw;
}
.service .basebox .rbox span {
  color: #6c6c6c;
}
.service .basebox .rbox .btnbox {
  width: 100%;
  margin-top: 5.2vw;
}
.service .basebox .rbox .btnbox .know {
  width: 20vw;
  height: 6.133vw;
  background-color: #00c250;
  border-radius: 0.8vw;
  border: none;
  color: #ffffff;
  font-weight: bold;
  white-space: nowrap;
  text-wrap: nowrap;
}
.service .basebox .rbox .btnbox .ask {
  width: 20vw;
  height: 6.133vw;
  box-shadow: 0vw 0.267vw 1.16vw 0.173vw rgba(32, 163, 86, 0.07);
  border-radius: 0.8vw;
  border: none;
  color: #00c250;
  font-weight: bold;
  white-space: nowrap;
  text-wrap: nowrap;
  margin-left: 5.333vw;
}
.apply .condition {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  margin: 0 4.667vw;
  margin-top: 7.067vw;
}
.apply .condition .tit {
  font-size: 4vw;
  color: #101010;
  margin-bottom: 6.33vw;
}
.apply .condition .conditbox {
  background: url(/img/condit-bg.png) no-repeat;
  background-size: 100% auto;
  width: 90.667vw;
  height: 27.867vw;
  background-color: #ffffff;
  box-shadow: 0vw 0vw 2.133vw 0vw rgba(205, 205, 205, 0.24);
  border-radius: 2.133vw;
  padding: 4.4vw;
  margin-bottom: 7.067vw;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: space-between;
}
.apply .condition .conditbox b {
  font-size: 3.467vw;
  color: #333333;
}
.apply .condition .conditbox span {
  font-size: 9.6vw;
  color: #00c250;
  font-weight: bold;
  opacity: 0.4;
}
.apply .condition .conditbox p {
  font-size: 3.2vw;
  color: #444444;
}
.apply .support-box {
  margin: 0 4.667vw;
}
.apply .support-box .tit {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  color: #101010;
}
.apply .support-box .tit span {
  font-size: 4vw;
}
.apply .support-box .tit p {
  font-size: 3.2vw;
  margin-left: auto;
}
.apply .support-box img {
  margin-top: 8.267vw;
  width: 100%;
  border-radius: 2.133vw 2.133vw 0.133vw 0.133vw;
}
.apply .support-box .fontbox {
  position: relative;
  border-radius: 0 0 2.133vw 2.133vw;
  padding: 5.467vw 4.533vw;
  background: url(/img/su-bg.png) no-repeat;
  background-size: 100% 100%;
  color: #333333;
}
.apply .support-box .fontbox b {
  font-size: 3.467vw;
}
.apply .support-box .fontbox p {
  font-size: 3.2vw;
  margin-top: 1.2vw;
}
.apply .join {
  margin: 0 4.667vw;
  margin-top: 12.4vw;
}
.apply .join .title {
  font-size: 4vw;
}
.apply .join form label {
  font-size: 3.467vw;
  color: #333333;
  margin-top: 7.733vw;
  display: block;
}
.apply .join form label input {
  width: 100%;
  border: none;
  height: 10vw;
  background-color: #f5f5f5;
  border-radius: 0.8vw;
  padding: 0 0 0 3.067vw;
  margin-top: 4.133vw;
}
.apply .join form label input :-ms-input-placeholder {
  color: #b5b5b5;
}
.apply .join form label textarea {
  height: 34.267vw;
  background-color: #f5f5f5;
  border-radius: 0.8vw;
  width: 100%;
  border: none;
  padding: 3.067vw 0 0 3.067vw;
  margin-top: 4.133vw;
}
.apply .join form label textarea ::-webkit-input-placeholder {
  color: #b5b5b5;
}
.apply .join form button {
  width: 100%;
  height: 10vw;
  background-color: #00c250;
  border-radius: 0.8vw;
  border: none;
  margin-top: 7.6vw;
  color: #fff;
  font-size: 3.467vw;
}
.support {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  padding: 7.867vw 4.667vw;
}
.support .item {
  margin-bottom: 8.667vw;
}
.support .item img {
  width: 100%;
  border-radius: 2.133vw 2.133vw 0.133vw 0.133vw;
}
.support .item .fontbox {
  border-radius: 0 0 2.133vw 2.133vw;
  padding: 5.467vw 4.533vw;
  background: url(/img/su-bg.png) no-repeat;
  background-size: 100% 100%;
  color: #333333;
}
.support .item .fontbox b {
  font-size: 3.467vw;
}
.support .item .fontbox p {
  font-size: 3.2vw;
  margin-top: 1.2vw;
}
.demand {
  padding: 7.867vw 4.667vw;
}
.demand .product .productTitle {
  font-size: 4vw;
  font-weight: bold;
  color: #101010;
  margin-bottom: 6.933vw;
}
.demand .product .productList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex-wrap: wrap;
}
.demand .product .productList .productItem {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 4.8vw 3.33vw;
  width: 42vw;
  height: 37.733vw;
  box-shadow: 0vw 0vw 2.133vw 0vw rgba(205, 205, 205, 0.24);
  border-radius: 1.067vw;
  margin-bottom: 8vw;
}
.demand .product .productList .productItem img {
  width: 9.333vw;
  height: 9.333vw;
  margin-bottom: 3.733vw;
}
.demand .product .productList .productItem .itemTitle {
  font-size: 3.467vw;
  color: #333333;
}
.demand .product .productList .productItem .itemContent {
  color: #6c6c6c;
  text-align: center;
}
.demand .industry {
  background: url(/img/industry-bg.png) no-repeat #f9fcff;
  background-size: 100% auto;
  padding: 7.2vw 2.13vw;
}
.demand .industry .industryTitle {
  font-size: 4vw;
  font-weight: bold;
  color: #101010;
  margin-bottom: 6.33vw;
}
.demand .industry .industryList {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  padding: 4vw 0 2vw;
}
.demand .industry .industryList .leftSide {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
  width: 18vw;
  min-width: 18vw;
  padding-right: 3.2vw;
  border-right: 1px solid #f3f3f3;
  margin-right: 5.2vw;
}
.demand .industry .industryList .leftSide .leftItem {
  font-size: 3.467vw;
  color: #333333;
  margin-bottom: 3.733vw;
  text-align: center;
  position: relative;
}
.demand .industry .industryList .leftSide .active {
  color: #00c250;
}
.demand .industry .industryList .leftSide .active::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: -3.2vw;
  width: 1px;
  height: 100%;
  background-color: #00c250;
  border-radius: 0.4vw;
}
.demand .industry .industryList .rightSide {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}
