@charset "utf-8";
@media only screen and (max-width: 1440px) {
  .inNewsL .com-more {
    margin-top: 2.778rem;
  }
  .pole .ico {
    margin-top: 1.389rem;
  }
  .djdt .trend-item .name {
    height: 2.389rem;
  }
  .lx-item {
    height: 16.667rem;
  }
  .lx-item .ico {
    margin-top: 2.778rem;
  }
  .lx-item .img {
    margin-top: 2.778rem;
  }
  .media-item .com-more {
    margin-top: 1.944rem;
  }
}
@media only screen and (max-width: 1366px) {
  .djdt .trend-item .name {
    height: 2.529rem;
  }
}
@media only screen and (max-width: 1024px) {
  .banner-swiper {
    margin-top: 3.75rem;
  }
  .banner-swiper .swiper-slide {
    height: auto;
  }
  .banner-swiper .inner::before {
    display: none;
  }
  .banner-swiper .video,
  .banner-swiper .img {
    position: relative;
    height: auto;
    padding-bottom: 49.5%;
  }
  .banner-swiper .video video,
  .banner-swiper .img video,
  .banner-swiper .video img,
  .banner-swiper .img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
  }
  .banner-swiper .swiper-pagination {
    padding: 0.375rem 1.563rem;
  }
  .banner-swiper .swiper-slide-active video,
  .banner-swiper .swiper-slide-active img {
    animation: banscale 2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both 0.3s;
  }
  .inJoin {
    padding: 2.5rem 0 3.75rem;
  }
  .inJoin .img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
  }
  .inJoin .img img {
    height: 100%;
    object-fit: cover;
  }
  .inJoin .txt {
    position: relative;
    left: auto;
    top: auto;
    transform: translateX(0);
  }
  .inJoin .com-more2 {
    margin-top: 1.875rem;
  }
  .pole .video {
    padding-bottom: 56%;
  }
  .pole .img img {
    min-height: 200px;
    object-fit: cover;
  }
  .pole .txt {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .xsdw {
    margin-top: -3.75rem;
  }
  .news .new-item .name,
  .trends .trend-item .name {
    height: 2.5rem;
  }
  .district .des {
    width: 100%;
  }
  .district .dist-item::before {
    height: 100%;
    background: #000000;
    opacity: 0.43;
  }
  .district .dist-item .txt1 {
    display: none;
  }
  .district .dist-item .txt2 {
    top: 40.9%;
    opacity: 1;
    visibility: visible;
  }
  .djbrands .des {
    width: 90%;
  }
  .idea .com-intro {
    width: 100%;
  }
  .lx-item {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 1.875rem;
  }
  .lx-item:nth-of-type(2n) {
    margin-right: 0;
  }
  .media-item .txt {
    width: 57.3%;
    margin-left: calc(14.8% - 3.682rem);
  }
}
@media only screen and (max-width: 860px) {
  .inNews {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .inNewsL {
    width: 100%;
  }
  .inNewsR {
    width: 100%;
    margin-left: 0;
    margin-top: 1.875rem;
  }
  .firm-item {
    width: 30%;
    margin-right: 5%;
  }
  .firm-item:nth-of-type(4n) {
    margin-right: 5%;
  }
  .firm-item:nth-of-type(3n) {
    margin-right: 0;
  }
  .about {
    padding-bottom: 5rem;
  }
  .about .c1 {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .about .com-tit {
    width: 100%;
  }
  .about .aboutR {
    width: 100%;
    margin-top: 2.5rem;
  }
  .about .bg-img {
    bottom: -2.5rem;
  }
  .jg .com-intro {
    margin-top: 1.875rem;
  }
  .culture {
    padding-bottom: 5rem;
  }
  .culture .swiper-pagination {
    margin-top: 2.5rem;
  }
  .news-fir .swiper-pagination {
    right: 0;
    bottom: 0;
  }
  .news-swiper .txt {
    padding: 0 0 0 2.8%;
  }
  .news .new-item {
    width: 49%;
    margin-right: 2%;
  }
  .news .new-item:nth-of-type(2n) {
    margin-right: 0;
  }
  .infoList .newInfo-wrap {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .infoList .newInfoL {
    width: 100%;
  }
  .infoList .newInfoR {
    width: 100%;
    margin-left: 0;
    margin-top: 1.875rem;
  }
  .infoList .newInfoR .infoR-wrap {
    position: relative;
    top: auto;
  }
  .infoList .newInfoR .pages {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
  }
  .infoList .newInfoR .pages .page-item {
    margin: 0 20px 0;
  }
  .infoList .newInfoR .pages .page-item:last-of-type {
    margin-right: 0;
  }
  .cases .case-item {
    width: 49%;
    margin-right: 2%;
  }
  .cases .case-item:nth-of-type(3n) {
    margin-right: 2%;
  }
  .cases .case-item:nth-of-type(2n) {
    margin-right: 0;
  }
  .com-area {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .com-area .areaL {
    width: 100%;
  }
  .com-area .areaR {
    width: 100%;
    margin-top: 1.875rem;
  }
  .com-navL {
    position: relative;
    top: auto;
    display: flex;
    overflow-x: auto;
    padding-bottom: 0;
    padding-right: 0;
  }
  .com-navL::before {
    display: none;
  }
  .com-navL::-webkit-scrollbar {
    height: 0;
    background-color: transparent;
  }
  .com-navL::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .com-navL::-webkit-scrollbar-thumb {
    background-color: transparent;
  }
  .com-navL > li {
    margin-right: 1.875rem;
    margin-bottom: 0;
  }
  .com-navL > li:last-of-type {
    margin-right: 0;
  }
  .com-navL .item {
    white-space: nowrap;
    padding-left: 0;
  }
  .com-navL .item::before {
    display: none;
  }
  .com-navL .item.active {
    padding-top: 0;
    padding-bottom: 0;
  }
  .areaInfo {
    padding: 2.5rem 0 4.227rem;
  }
  .caseInfo {
    padding-top: 2.5rem;
  }
  .caseInfo .com-tit {
    position: relative;
    top: auto;
  }
  .df-item {
    margin-bottom: 1.25rem;
  }
  .df-item .date {
    margin-top: 1.563rem;
  }
  .trends .trend-item {
    width: 49%;
    margin-right: 2%;
  }
  .trends .trend-item:nth-of-type(2n) {
    margin-right: 0;
  }
  .trends .trend-item .txt {
    padding: 1.25rem 5%;
  }
  .br-container .brandCe {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .br-container .brandL {
    width: 100%;
  }
  .br-container .brands-wrap {
    width: 100%;
    margin-top: 1.875rem;
  }
  .goal-item {
    padding-top: 1.875rem;
  }
  .goal-item .ico {
    margin-bottom: 0.938rem;
  }
}
@media only screen and (max-width: 750px) {
  .sts-item .works {
    width: auto;
    height: auto;
    border-radius: 0;
    border: 0;
  }
  .sts-item .works .cir {
    display: none;
  }
  .sts-item .works .workC {
    position: relative;
    left: auto;
    top: auto;
    transform: translate(0, 0);
    width: 100%;
    height: auto;
    border-radius: 0;
    background-color: transparent;
  }
  .sts-item .works .workC p {
    position: relative;
    left: auto;
    top: auto;
    transform: translate(0, 0);
    color: #333;
    text-align: left;
  }
  .sts-item .works .items {
    width: 100%;
  }
  .sts-item .works .item {
    position: relative;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(0, 0) !important;
    display: flex;
    margin-top: 1.429rem;
  }
  .sts-item .works .item .txt {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    transform: translate(0, 0);
    width: calc(100% - 2.591rem);
    padding-left: 2%;
  }
  .sts-item .works .item.ltl .txt {
    right: auto;
    text-align: left;
    margin-right: 0;
  }
  .sts-item .works .item.ltr .txt {
    left: auto;
    margin-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  .inNewsL {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .inNewsL .img {
    width: 100%;
    height: auto;
  }
  .inNewsL .txt {
    width: 100%;
    margin-left: 0;
    margin-top: 1.429rem;
  }
  .inNewsL .com-more {
    margin-top: 1.071rem;
  }
  .honor-swiper {
    margin-bottom: 2.143rem;
  }
  .honor-swiper .swiper-slide {
    width: 70%;
  }
  .firm-item {
    width: 49%;
    margin-right: 2%;
  }
  .firm-item:nth-of-type(3n) {
    margin-right: 2%;
  }
  .firm-item:nth-of-type(2n) {
    margin-right: 0;
  }
  .firm-item .jt {
    margin-top: 0;
  }
  .xsdw {
    margin-top: -1.429rem;
  }
  .news-fir {
    margin-bottom: 2.143rem;
  }
  .news-swiper .swiper-slide {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .news-swiper .img {
    width: 100%;
  }
  .news-swiper .txt {
    width: 100%;
    padding-left: 0;
    margin-top: 1.429rem;
  }
  .news-swiper .com-more {
    margin-top: 1.429rem;
  }
  .news .new-item .name,
  .trends .trend-item .name {
    height: 2.857rem;
  }
  .infoList .newInfoL .date {
    display: block;
  }
  .infoList .newInfoL .source {
    display: block;
    margin-left: 0;
  }
  .caseBanner .dw {
    display: none;
  }
  .caseBanner .dw .dwName {
    font-size: 0.714rem;
  }
  .district .dist-item {
    width: 100%;
    margin-right: 0;
  }
  .cases .case-item .txt {
    padding: 0.357rem 2%;
  }
  .djbrands {
    padding: 3.571rem 0;
  }
  .djbrands .com-more2 {
    margin-top: 2.143rem;
  }
  .trend-fir .swiper-pagination {
    bottom: 2.143rem;
  }
  .trend-swiper .swiper-slide {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .trend-swiper .img {
    width: 100%;
  }
  .trend-swiper .txt {
    width: 100%;
    padding: 2.143rem 3.1%;
  }
  .trend-swiper .date i {
    font-size: 1rem;
  }
  .trend-swiper .com-more {
    margin-top: 1.429rem;
  }
  .djdt .trend-item {
    width: 100%;
    margin-right: 0;
  }
  .djdt .trend-item .txt {
    padding: 1.429rem 3%;
  }
  .djdt .trend-item .name {
    font-size: 1.143rem;
    height: auto;
  }
  .df-item {
    -webkit-flex-direction: column !important;
    -moz-flex-direction: column !important;
    -ms-flex-direction: column !important;
    -o-flex-direction: column !important;
    flex-direction: column !important;
  }
  .df-item .img {
    width: 100%;
  }
  .df-item .txt {
    width: 100%;
  }
  .lz-item {
    width: 100%;
    margin-right: 0;
  }
  .goal-item {
    width: 100%;
    margin-right: 0;
    margin-top: 1.786rem;
  }
  .brideas {
    text-align: left;
  }
  .jobs .job-items .item3,
  .jobs .job-items .item5 {
    display: none;
  }
  .jobs .job-items .item1 {
    width: 50%;
    padding: 0 2%;
  }
  .jobs .job-items .item2,
  .jobs .job-items .item4 {
    width: 25%;
  }
  .lx-item {
    width: 100%;
    height: 14.286rem;
    margin-right: 0;
    margin-bottom: 1.875rem;
  }
  .lx-item:last-of-type {
    margin-bottom: 0;
  }
  .lx-item .ico,
  .lx-item .img {
    margin-top: 2.143rem;
  }
  .lx-item .txt {
    margin-top: 1.429rem;
  }
  .map {
    margin-top: 2.857rem;
  }
  .media-item {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .media-item .date {
    width: 100%;
    text-align: left;
  }
  .media-item .img {
    width: 100%;
    margin-left: 0;
    margin-top: 0.714rem;
  }
  .media-item .txt {
    width: 100%;
    margin-left: 0;
    margin-top: 1.429rem;
  }
}
@media print {
  .infoList .newInfo-wrap {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .infoList .newInfoL {
    width: 100%;
  }
  .infoList .newInfoR {
    width: 100%;
    margin-left: 0;
    margin-top: 1.875rem;
  }
  .infoList .newInfoR .infoR-wrap {
    position: relative;
    top: auto;
  }
  .infoList .newInfoR .pages {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
  }
  .infoList .newInfoR .pages .page-item {
    margin: 0 20px 0;
  }
  .infoList .newInfoR .pages .page-item:last-of-type {
    margin-right: 0;
  }
  .com-area {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .com-area .areaL {
    width: 100%;
  }
  .com-area .areaR {
    width: 100%;
    margin-top: 1.875rem;
  }
  .com-navL {
    position: relative;
    top: auto;
    display: flex;
    overflow-x: auto;
    padding-bottom: 0;
    padding-right: 0;
  }
  .com-navL::before {
    display: none;
  }
  .com-navL::-webkit-scrollbar {
    height: 0;
    background-color: transparent;
  }
  .com-navL::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .com-navL::-webkit-scrollbar-thumb {
    background-color: transparent;
  }
  .com-navL > li {
    margin-right: 1.875rem;
    margin-bottom: 0;
  }
  .com-navL > li:last-of-type {
    margin-right: 0;
  }
  .com-navL .item {
    font-size: 1.125rem;
    white-space: nowrap;
    padding-left: 0;
  }
  .com-navL .item::before {
    display: none;
  }
  .com-navL .item.active {
    padding-top: 0;
    padding-bottom: 0;
  }
  .areaInfo {
    padding: 2.5rem 0 4.227rem;
  }
  .caseInfo {
    padding-top: 2.5rem;
  }
  .caseInfo .com-tit {
    position: relative;
    top: auto;
  }
}