/* chunk.53.1778654535556.css */
@media only screen and (min-width:1200px) {
  .homecontainer {
    font-size:1vw;
    display:flex;
    align-items:center;
    flex-direction:column;
    width:100%;
    overflow:hidden
  }
  .homecontainer .head-title {
    text-align:center;
    margin-bottom:40px
  }
  .homecontainer .head-title h2 {
    font-size:32px;
    line-height:32px;
    font-weight:500;
    color:#2e2e2e
  }
  .homecontainer .head-title .line {
    margin:4px 0
  }
  .homecontainer .head-title .line span {
    display:inline-block;
    height:5px;
    width:54px;
    background-color:#c42d26
  }
  .homecontainer .head-title .line :nth-child(2) {
    width:5px
  }
  .homecontainer .head-title h5 {
    font-size:18px;
    font-weight:400;
    color:#2e2e2e;
    opacity:.1
  }
  .homecontainer .main-top-banner {
    height:460px;
    background-image:url(../images/professionalfield.png);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50%;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    top:-10px
  }
  .homecontainer .main-top-banner .center {
    width:1200px;
    padding-top:24px;
    display:flex;
    justify-content:flex-start;
    align-items:center
  }
  .homecontainer .main-top-banner .info {
    display:flex;
    align-items:center;
    position:relative;
    left:50px
  }
  .homecontainer .main-top-banner .info .rectangle {
    width:140px;
    height:220px;
    border:1px solid #fff;
    position:relative;
    clip-path:polygon(0 0,0 15%,5% 15%,5% 85%,0 85%,0 100%,100% 100%,100% 85%,100% 85%,100% 15%,100% 0,100% 0);
    transform:rotate(180deg)
  }
  .homecontainer .main-top-banner .text {
    position:relative;
    left:-120px;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    flex-direction:column;
    text-align:right;
    color:#fff
  }
  .homecontainer .main-top-banner .text p {
    font-size:16px
  }
  .homecontainer .main-top-banner .text .line {
    height:3px;
    width:43px;
    background-color:#fff;
    margin:20px 0
  }
  .homecontainer .main-top-banner .text :first-child {
    font-size:44px;
    font-weight:500;
    letter-spacing:6px;
    position:relative
  }
  .homecontainer .main-top-banner .text :nth-child(3) {
    font-size:28px;
    font-weight:400;
    letter-spacing:16px;
    position:relative
  }
  .homecontainer .professional_field {
    width:100%;
    display:flex;
    justify-content:center
  }
  .homecontainer .professional_field .center {
    display:flex;
    flex-direction:column;
    width:1200px;
    padding-top:42px;
    padding-bottom:60px;
    box-sizing:border-box
  }
  .homecontainer .professional_field .center .professionalField-content {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    flex-wrap:wrap
  }
  .homecontainer .professional_field .center .professionalField-content .item {
    background-color:#fcfcfc;
    border:1px solid #e2e2e2;
    width:384px;
    margin-right:24px;
   
    padding:24px;
    box-sizing:border-box;
    margin-bottom:24px
  }
  .homecontainer .professional_field .center .professionalField-content .item .pic {
    height:56px;
    width:56px;
    background-image:var(--icon);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50%
  }
  .homecontainer .professional_field .center .professionalField-content .item .text {
    text-align:left
  }
  .homecontainer .professional_field .center .professionalField-content .item .text h5 {
    width:auto;
    padding-bottom:10px;
    margin:12px 0;
    font-size:22px;
    font-weight:500;
    line-height:22px;
    color:#393939;
    border-bottom:1px solid #f2f2f2;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
  }
  .homecontainer .professional_field .center .professionalField-content .item .text p {
    font-size:14px;
    font-weight:400;
    line-height:24px;
    color:#777;
    display:-webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
  }
  .homecontainer .professional_field .center .professionalField-content .item .text p span {
    font-weight:600;
    color:#363636
  }
  .homecontainer .professional_field .center .professionalField-content .item:hover {
    background-color:#c42d26
  }
  .homecontainer .professional_field .center .professionalField-content .item:hover h5 {
    color:#fff
  }
  .homecontainer .professional_field .center .professionalField-content .item:hover .line {
    background-color:#fff
  }
  .homecontainer .professional_field .center .professionalField-content .item:hover p span,
  .homecontainer .professional_field .center .professionalField-content .item:hover p {
    color:#fff
  }
  .homecontainer .professional_field .center .professionalField-content .item:hover .pic {
    background-image:var(--icon2)
  }
  .homecontainer .professional_field .center .professionalField-content .item:nth-child(3n) {
    margin-right:0
  }
}
@media only screen and (max-width:1200px) {
  .homecontainer {
    font-size:1vw;
    display:flex;
    align-items:center;
    flex-direction:column;
    width:100%;
    overflow:hidden
  }
  .homecontainer .head-title {
    margin-bottom:4vw;
    text-align:center
  }
  .homecontainer .head-title h2 {
    font-size:5.5vw;
    line-height:5.5vw;
    font-weight:400;
    color:#2e2e2e
  }
  .homecontainer .head-title .line {
    margin:4px 0
  }
  .homecontainer .head-title .line span {
    display:inline-block;
    margin-top:2px;
    height:2px;
    width:34px;
    background-color:#c42d26
  }
  .homecontainer .head-title .line :nth-child(2) {
    width:5px
  }
  .homecontainer .head-title h5 {
    font-size:3vw;
    font-weight:400;
    color:#2e2e2e;
    opacity:.1
  }
  .homecontainer .main-top-banner {
    height:62vw;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50%;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    top:14vw
  }
  .homecontainer .main-top-banner .center {
    width:100%;
    padding-top:24px;
    display:flex;
    justify-content:flex-start;
    align-items:center
  }
  .homecontainer .main-top-banner .info {
    display:flex;
    align-items:center;
    position:relative;
    left:-5.5vw;
    scale:.7
  }
  .homecontainer .main-top-banner .info .rectangle {
    width:140px;
    height:220px;
    border:1px solid #fff;
    position:relative;
    clip-path:polygon(0 0,0 15%,5% 15%,5% 85%,0 85%,0 100%,100% 100%,100% 85%,100% 85%,100% 15%,100% 0,100% 0);
    transform:rotate(180deg)
  }
  .homecontainer .main-top-banner .text {
    position:relative;
    left:-120px;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    flex-direction:column;
    text-align:right;
    color:#fff
  }
  .homecontainer .main-top-banner .text p {
    font-size:16px
  }
  .homecontainer .main-top-banner .text .line {
    height:3px;
    width:8vw;
    background-color:#fff;
    margin:20px 0
  }
  .homecontainer .main-top-banner .text :first-child {
    font-size:8vw;
    font-weight:500;
    letter-spacing:6px;
    position:relative
  }
  .homecontainer .main-top-banner .text :nth-child(3) {
    font-size:5vw;
    text-align:left;
    font-weight:400;
    letter-spacing:4px;
    position:relative
  }
  .homecontainer .professional_field {
    width:100%;
    display:flex;
    justify-content:center
  }
  .homecontainer .professional_field .center {
    display:flex;
    flex-direction:column;
    width:100%;
    padding-top:20vw;
    padding-bottom:10vw;
    box-sizing:border-box
  }
  .homecontainer .professional_field .center .professionalField-content {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    flex-wrap:wrap;
    padding:0 4vw
  }
  .homecontainer .professional_field .center .professionalField-content .m-title {
    display:flex;
    align-items:center;
    border-bottom:1px solid #f2f2f2;
    margin:1vw;
    padding-bottom:1vw
  }
  .homecontainer .professional_field .center .professionalField-content .m-title h5 {
    width:auto;
    font-size:4vw;
    font-weight:600;
    line-height:5vw;
    color:#393939
  }
  .homecontainer .professional_field .center .professionalField-content .m-title .pic {
    margin-right:2vw
  }
  .homecontainer .professional_field .center .professionalField-content .item {
    background-color:#fcfcfc;
    border:1px solid #e2e2e2;
    margin-right:2vw;
    width:45vw;
    height:48vw;
    padding:1vw;
    padding-right:1vw;
    box-sizing:border-box;
    margin-bottom:2vw
  }
  .homecontainer .professional_field .center .professionalField-content .item .pic {
    height:5.5vw;
    width:5.5vw;
    background-image:var(--icon);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50%
  }
  .homecontainer .professional_field .center .professionalField-content .item .text {
    text-align:left
  }
  .homecontainer .professional_field .center .professionalField-content .item .text h5 {
    width:auto;
    font-size:5vw;
    font-weight:600;
    line-height:5vw;
    color:#393939;
    border-bottom:1px solid #f2f2f2
  }
  .homecontainer .professional_field .center .professionalField-content .item .text p {
    font-size:3vw;
    font-weight:400;
    line-height:5.2vw;
    color:#848484;
    padding-right:1vw;
    height:34vw;
    overflow:auto
  }
  .homecontainer .professional_field .center .professionalField-content .item .text p span {
    color:#363636;
    font-weight:600
  }
  .homecontainer .professional_field .center .professionalField-content .item .text p::-webkit-scrollbar {
    width:3px;
    background-color:#f1f1f1
  }
  .homecontainer .professional_field .center .professionalField-content .item .text p::-webkit-scrollbar-thumb {
    background-color:#e6e6e6;
    border-radius:4px
  }
  .homecontainer .professional_field .center .professionalField-content .item .text p::-webkit-scrollbar-thumb:hover {
    background-color:#e6e6e6
  }
  .homecontainer .professional_field .center .professionalField-content .item:hover {
    background-color:#c42d26
  }
  .homecontainer .professional_field .center .professionalField-content .item:hover h5 {
    color:#fff
  }
  .homecontainer .professional_field .center .professionalField-content .item:hover .line {
    background-color:#fff
  }
  .homecontainer .professional_field .center .professionalField-content .item:hover p span,
  .homecontainer .professional_field .center .professionalField-content .item:hover p {
    color:#fff
  }
  .homecontainer .professional_field .center .professionalField-content .item:hover .pic {
    background-image:var(--icon2)
  }
  .homecontainer .professional_field .center .professionalField-content .item:nth-child(2n) {
    margin-right:0
  }
}