@media (max-width:1600px) {
  .Mcontent {
    padding: 0 40px;
  }

  .PcHeader .Mcontent {
    padding: 0 40px;
  }

  .Index .IndexBusiness .BusinessContent .left {
    padding-left: 80px;
  }

  .Index .IndexContact .Mcontent {
    padding-left: 100px;
    padding-right: 100px;
  }

  .Index .PCBanner .contText {
    padding: 0 10%;
  }

  .Index .PCBanner .contText h1 {
    font-size: 80px;
  }

  footer .footerMain .Left {
    width: 500px;
  }

  footer .footerMain .navList {
    width: calc(100% - 500px);
  }

}


@media (max-width: 1560px) {
  .Mcontent {
    padding: 0 20px;
  }

  .PcHeader .Mcontent {
    padding: 0 20px;
  }

  .Index .IndexBusiness .BusinessContent .left {
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 50px;
  }

  .Index .IndexBusiness .BusinessContent .left .item .text p {
    font-size: 18px;
    height: 130px;
  }

  .Index .NewstCont .NewsRight .item+.item {
    margin-top: 20px;
  }

  .Index .IndexContact .Mcontent {
    padding-left: 40px;
    padding-right: 40px;
  }

  .Index .AboutCont .aboutRight {
    padding-left: 20px;
  }

  footer .footerMain .Left {
    width: 380px;
  }

  footer .footerMain .navList {
    width: calc(100% - 380px);
  }

  footer .navList .list .item a {
    font-size: 16px;
  }

}

@media (max-width: 1200px) {
  .videoShow {
    height: auto;
    overflow: auto;
  }

  #videoBox {
    display: none;
  }

  .videoShow body {
    height: auto;
  }

  .Index .IndexBusiness .BusinessContent .left {
    width: 100%;
    padding: 30px;

  }

  .Index .IndexBusiness .BusinessContent .right {
    width: 100%;
    height: auto;
  }

  .Index .IndexBusiness .BusinessContent .left .item .title h1 {
    font-size: 28px;
  }

  .Index .IndexBusiness .BusinessContent .left .item.on .title h1 {
    font-size: 32px;
  }

  .Index .IndexBusiness .BusinessContent .left .item .text p {
    font-size: 16px;
    height: 100px;
  }

  .Index .IndexBusiness .BusinessContent .left .item.on .text {
    padding-top: 15px;
    height: 170px;
  }

  .Index .IndexBusiness .BusinessContent .left .item .more {
    font-size: 18px;
  }

  .Index .IndexTitle h2 {
    font-size: 50px;
  }

  .Index .IndexTitle h1 {
    font-size: 40px;
  }

  .Index .IndexBusiness .businessCont {
    margin-top: 30px;
  }

  .Index .IndexBusiness {
    padding-top: 30px;
  }

  .Index .IndexBusiness .businessCont .hover {
    height: 10px;
  }

  .Index .IndexBusiness .businessCont h1 {
    font-size: 20px;
    line-height: 1.5;
  }

  .Index .IndexBusiness .BusinessContent .left {
    height: auto;
  }

  .Index .IndexCase {
    padding-top: 40px;
  }

  .Index .CaseCont {
    margin-top: 30px;
  }

  .Index .CaseCont .caseTitle .titleItem .hover {
    height: 8px;
  }

  .Index .caseListItem .caseItem .arrow .arrowIcon {
    width: 20px;
  }

  .Index .caseListItem .caseItem .arrow .arrowLeft {
    left: 10px;
  }

  .Index .caseListItem .caseItem .arrow .arrowRight {
    right: 10px;
  }

  .Index .caseListItem .more {
    margin-top: 20px;
  }

  .Index .IndexBusiness .BusinessContent .right {
    padding: 30px 140px;
  }

  .Index .CaseCont .caseBox {
    margin-top: 30px;
  }

  .Index .IndexAbout {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .Index .AboutCont .aboutLeft {
    width: 500px;
  }

  .Index .AboutCont .aboutLeft .image {
    width: 400px;
    margin-left: 0;
    margin-right: 20px;
  }

  .Index .AboutCont .aboutRight {
    width: calc(100% - 500px);
  }

  .Index .AboutCont .aboutRight .text {
    margin-top: 20px;
  }

  .Index .AboutCont .aboutRight .title p {
    font-size: 14px;
    margin-top: 10px;
  }

  .Index .AboutCont::after {
    top: 50%;
    transform: translateY(-50%);
    height: 80%;
  }

  .Index .AboutCont .aboutRight .title h1 {
    font-size: 30px;
  }

  .Index .IndexNews {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .Index .NewstCont {
    margin-top: 40px;
  }

  .Index .NewstCont .NewsRight .item+.item {
    margin-top: 15px;
  }

  .Index .IndexContact {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .Index .IndexTitle h1 {
    font-size: 32px;
  }

  .Index .IndexContact .Email {
    height: 60px;
  }

  .Index .IndexContact .PutCont {
    border: 10px solid #eaeaea;
  }

  .Index .IndexContact .PutCont .inputBox input {
    line-height: 40px;
  }

  .Index .IndexContact .subBtn button {
    font-size: 24px;
  }

  .Index .IndexPartner .title {
    width: 200px;
  }

  .Index .IndexPartner .title {
    font-size: 40px;
  }

  .Index .IndexPartner .partnerSwiper {
    width: calc(100% - 200px);
  }

  footer .footerMain .contact p {
    font-size: 14px;
    line-height: 1.75;
  }

  footer .navList .title {
    padding-bottom: 16px;
  }

  footer .navList .title a {
    font-size: 18px;
  }

  footer .navList .list .item a {
    font-size: 14px;
  }

  footer .footerMain .share .icon .image {
    width: 37px;
  }

  
  .InfoBanner .PcBanner .BannerText h1 {
    font-size: 50px;
  }

  .InfoBanner .PcBanner .BannerText p {
    font-size: 28px;
    margin-top: 16px;
  }

  .AboutBox1 .AboutCont .left {
    width: 100%;
    padding-right: 0;
  }

  .AboutBox1 .AboutCont .right {
    margin: 0 auto;
    margin-top: 20px;
  }

  .InfoTitle h1 {
    font-size: 32px;
    padding-left: 70px;
  }

  .AboutBox1 .AboutBox1Img {
    margin-top: 30px;
  }

  .AboutBox1 {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .AboutBox1 .left .title h1 {
    font-size: 28px;
  }

  .AboutBox1 .left .title p {
    font-size: 14px;
    margin-top: 10px;
  }

  .AboutBox1 .left .text p {
    font-size: 16px;
  }

  .AboutBox1 .left .text {
    margin-top: 20px;
  }

  .AboutBox1 .AboutCont .left {
    padding-top: 30px;
  }

  .AboutBox2 {
    padding-top: 30px;
    padding-bottom: 40px;
  }


  .AboutBox2 .HonorSwiper {
    margin-top: 30px;
  }

  .AboutBox3 {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .AboutBox3 .Mcontent {
    margin-top: 30px;
  }

  .AboutBox3 .left {
    margin: 0 auto;
  }

  .AboutBox3 .right {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }

  .AboutBox3 .right .IconItem {
    margin-top: 40px;
  }

  .AboutBox3 .right .title h1 {
    font-size: 28px;
  }

  .AboutBox3 .right .title p {
    font-size: 20px;
  }

  .AboutBox3 .right .text p {
    font-size: 18px;
  }

  .AboutBox3 .right .text {
    margin-top: 20px;
  }

  
  .JoinUsBox1 {
    padding-top: 30px;
    padding-bottom: 40px;

  }

  .JoinUsBox1 .joinList {
    margin-top: 30px;
  }

  .JoinUsBox1 .joinMap {
    margin-top: 30px;
  }

  .JoinUsBox1 .joinMap .title h1 {
    font-size: 28px;
  }

  .JoinUsBox1 .joinMap .map {
    height: 400px;
  }

  .JoinUsBox2 .joinCont {
    margin-top: 30px;
  }

  .JoinUsBox2 {
    padding-bottom: 40px;
  }

  .JoinUsBox1 .joinList .item {
    padding: 20px 20px 30px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .JoinUsBox1 .joinList .text p {
    font-size: 16px;
  }

  .JoinUsBox1 .joinList .contact h1 {
    font-size: 26px;
  }

  .JoinUsBox1 .joinList .item .icon {
    margin-bottom: 20px;
  }

  
  .NewsBox1 {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .NewsBox1 .NewstCont {
    margin-top: 30px;
  }

  .NewsBox1 .item .title {
    padding-left: 100px;
  }

  .NewsBox1 .item .imageBox {
    width: 500px;
    height: 238px;
  }

  .NewsBox1 .item .title {
    width: calc(100% - 500px);
  }

  .NewsBox2 {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .NewsBox2 .NewstCont .item a {
    padding: 0 10px;
  }

  .NewsBox2 .NewstCont .item .titleCont .title h1 {
    font-size: 18px;
  }

  .NewsBox2 .NewstCont .item .titleCont .date h1 {
    font-size: 50px;
  }

  .NewsBox2 .NewstCont .item .titleCont .date p {
    margin-top: 10px;
  }

  .NewsBox2 .NewstCont .item .titleCont .title {
    padding-left: 10px;
  }

  .NewsBox2 .NewstCont .item .titleCont .title p {
    font-size: 16px;
    height: 50px;
  }

  .NewsBox2 .NewstCont .Mcontent {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 20px;
  }

  
  .newCont {
    width: 768px;
  }

  .NewsDetail {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .BigDataBox1 .left

  
  .BigDataBox1 {
    padding-top: 30px;
  }

  .BigDataBox1 .left {
    padding-top: 0;
  }

  .BigDataBox1 .left p {
    font-size: 16px;
  }

  .BigDataBox1 {
    padding-top: 30px;
  }

  
  .MultimediaBox {
    padding-top: 30px;
  }

  .MultimediaCont {
    margin-top: 30px;
  }

  .MultimediaBox:last-of-type {
    padding-bottom: 40px;
  }

  
  .ServerBox1 {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .ServerCont {
    margin-top: 30px;
  }

  .ServerBox2 {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .ServerBox3 {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  
  .VRCont {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  
  .InnerPage {
    padding-top: 30px;
    padding-bottom: 40px;
  }


  .Index .NewstCont {
    margin-top: 30px;
  }
}

@media (max-width: 1000px) {
  .ph_nav {
    display: block;
  }

  .PcHeader {
    display: none;
  }

  .PCBanner {
    display: none;
  }

  .Index .PHBanner {
    display: block;
  }

  .PHBanner .BannerBox {
    width: 100vw;
    height: 100vh;
    position: relative;
  }

  .PHBanner .contText {
    padding: 10px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .PHBanner .contText .text h1 {
    font-size: 32px;
    line-height: 1.5;
    color: #fff;
  }

  .PHBanner .contText .more {
    margin-top: 25px;
  }

  .PHBanner .contText .more a {
    font-size: 12px;
    color: #d7182a;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 180px;
    height: 30px;
    padding: 0 20px;
  }

  .InfoBanner .InfoNavList {
    display: none;
  }

  .ph_nav_height {
    display: block;
  }

  
  .JoinUsBox1 .joinList .item {
    width: 33.333333%;
  }

  .JoinUsBox2 .joinCont .title .item {
    padding: 10px;
  }

  .JoinUsBox2 .joinCont .title .item p {
    font-size: 18px;
  }

  .JoinUsBox2 .listItem .item p {
    font-size: 14px;
  }

  .JoinUsBox2 .joinCont .title .item:nth-of-type(2),
  .JoinUsBox2 .listItem .item:nth-of-type(2) {
    display: none;
  }

  .JoinUsBox2 .joinCont .title .item:nth-of-type(3),
  .JoinUsBox2 .listItem .item:nth-of-type(3) {
    display: none;
  }

  .JoinUsBox2 .joinCont .title .item:nth-of-type(1),
  .JoinUsBox2 .listItem .item:nth-of-type(1) {
    width: 30% !important;
  }

  .JoinUsBox2 .joinCont .title .item:nth-of-type(4),
  .JoinUsBox2 .listItem .item:nth-of-type(4) {
    width: 20% !important;
  }

  .JoinUsBox2 .joinCont .title .item:nth-of-type(5),
  .JoinUsBox2 .listItem .item:nth-of-type(5) {
    width: 30% !important;
  }

  .JoinUsBox2 .joinCont .title .item:nth-of-type(6),
  .JoinUsBox2 .listItem .item:nth-of-type(6) {
    width: 20% !important;
  }

  
  .NewsBox2 .NewstCont .item {
    width: 50%;
  }

  
  .PanoramicCont {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .PanoramicCont .Mcontent {
    padding: 0 10px;
  }

  
  .BigDataBox1 .left {
    width: 100%;
    padding: 0;
  }

  .BigDataBox1 .right {
    width: 100%;
  }

  .BigDataBox1 .right {
    margin-top: 30px;
  }

  .BigDataBox3 {
    margin-top: 40px;
  }

  .BigDataBox4 {
    margin-top: 40px;
  }

  .BigDataBox2 {
    margin-top: 40px;
  }
}



@media (max-width: 768px) {
  .Mcontent {
    padding: 0 10px;
  }

  .Index .IndexTitle h1 {
    font-size: 28px;
  }

  .Index .IndexTitle h2 {
    font-size: 30px;
  }

  .Index .IndexBusiness .businessCont .businessIcon {
    width: 55px;
  }

  .Index .IndexBusiness .businessCont h1 {
    margin-top: 6px;
    font-size: 14px;
    margin-bottom: 10px;
  }

  .Index .IndexBusiness .businessCont .hover {
    height: 4px;
  }

  .Index .IndexBusiness .BusinessContent .left {
    padding: 20px 10px;
  }

  .Index .IndexBusiness .BusinessContent .left .item .title h1 {
    font-size: 18px;
  }

  .Index .IndexBusiness .BusinessContent .left .item .text p {
    font-size: 14px;
  }

  .Index .IndexBusiness .BusinessContent .left .item.on .title h1 {
    font-size: 24px;
  }

  .Index .IndexBusiness .BusinessContent .left .item.on .text {
    height: 150px;
  }

  .Index .IndexBusiness .BusinessContent .left .item .more {
    font-size: 12px;
  }

  .Index .IndexBusiness .BusinessContent .left .item.on .text {
    padding-top: 10px;
  }

  .Index .IndexBusiness .BusinessContent .right {
    padding: 20px 10px;
  }

  .Index .IndexBusiness .BusinessContent .right .rightImage {
    width: 90%;
  }

  .Index .IndexCase {
    padding-top: 30px;
  }

  .Index .CaseCont .caseTitle {
    display: flex;
    flex-wrap: wrap;
  }

  .Index .CaseCont .caseTitle .titleItem h1 {
    font-size: 16px;
  }

  .Index .CaseCont .caseTitle .titleItem .hover {
    height: 3px;
    margin-top: 5px;
  }

  .Index .CaseCont .caseTitle .titleItem+.titleItem {
    margin-top: 10px;
  }

  .Index .CaseCont .caseBox {
    margin-top: 15px;
  }

  .Index .IndexCase .caseItem {
    margin: 0 10px;
  }

  .Index .caseListItem .more a {
    transform: scale(0.7);
    padding-right: 0;
  }

  .Index .AboutCont .aboutLeft {
    width: 100%;
  }

  .Index .AboutCont .aboutLeft .image {
    width: 100%;
  }

  .Index .AboutCont .aboutLeft {
    display: block;
  }

  .Index .AboutCont .aboutRight {
    width: 100%;
    padding: 0;
    margin-top: 10px;
  }

  .Index .AboutCont .Mcontent {
    flex-wrap: wrap;
  }

  .Index .AboutCont .ablutIconList {
    display: flex;
    justify-content: space-between;
  }

  .Index .AboutCont .ablutIconList .iconItem {
    padding: 15px 0;
  }

  .Index .AboutCont .aboutRight .title h1 {
    font-size: 24px;
  }

  .Index .AboutCont .aboutRight .title p {
    font-size: 12px;
  }

  .Index .AboutCont .aboutRight .text p {
    font-size: 14px;
  }

  .Index .AboutCont .aboutRight .text {
    margin-top: 20px;
  }

  .Index .AboutCont .ablutIconList .iconItem h1 {
    margin-top: 10px;
    font-size: 16px;
  }

  .Index .AboutCont::after {
    opacity: 0;
  }

  .Index .AboutCont {
    margin-top: 30px;
  }

  .Index .AboutCont .aboutRight .more {
    margin-top: 35px;

  }

  .Index .AboutCont .aboutRight .more a {
    transform: scale(0.7);
  }

  .Index .NewstCont .Mcontent {
    flex-wrap: wrap;
  }

  .Index .NewstCont .Mcontent .NewsLeft {
    width: 100%;
  }

  .Index .NewstCont .NewsRight {
    width: 100%;
    padding: 0;
  }

  .Index .NewstCont .NewsRight .item .title p {
    font-size: 14px;
    margin-top: 8px;
  }



  .Index .IndexNews {
    padding-top: 0;
  }

  .Index .NewstCont .newsList .title .date h1 {
    font-size: 24px;
  }

  .Index .NewstCont .newsList .title .date p {
    font-size: 16px;
  }

  .Index .NewstCont .newsList .title .date p {
    margin-top: 15px;
    margin-bottom: 20px;
  }

  .Index .NewstCont .newsList .title {
    padding-top: 15px;
  }

  .Index .IndexContact .Mcontent {
    padding: 0;
    flex-wrap: wrap;
  }

  .Index .IndexContact .subBtn {
    width: 70px;
  }

  .Index .IndexContact .PutCont {
    width: calc(100% - 70px);
  }

  .Index .IndexContact .subBtn button {
    font-size: 16px;
  }

  .Index .IndexContact .Email {
    height: 40px;
    margin-top: 20px;
  }

  .Index .IndexContact .PutCont .inputBox input {
    font-size: 14px;
    line-height: 30px;
  }

  .Index .IndexContact .PutCont {
    border: 4px solid #eaeaea;
  }

  .Index .IndexTitle {
    width: 100%;
  }

  .Index .IndexContact {
    padding-top: 0;
    padding: 0 10px;
    padding-bottom: 40px;
  }

  .Index .IndexContact .PutCont .icon em {
    font-size: 24px;
  }

  .Index .IndexPartner .Mcontent {
    height: auto;
    display: block;
  }

  .Index .IndexPartner .title {
    width: 100%;
    text-align: center;
    font-size: 32px;
  }

  .Index .IndexPartner {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .Index .IndexPartner .partnerSwiper {
    width: 100%;
    margin-top: 30px;
  }

  footer .footerMain {
    padding-top: 30px;
    padding-bottom: 10px;
  }

  footer .footerMain .navList {
    display: none;
  }

  footer .footerMain .logo {
    width: 153px;
    margin: 0 auto;
  }

  footer .footerMain .share {
    display: none;
  }

  footer .footerIcp .Mcontent {
    display: block;
    padding: 10px;
  }

  footer .footerIcp p {
    line-height: 1.2;
    font-size: 12px;
  }

  footer .footerIcp p+p {
    margin-left: 0;
  }

  footer .footerMain .contact p {
    font-size: 14px;
    line-height: 1.5;
  }

  footer .footerMain .contact {
    margin-top: 15px;
    text-align: center;
  }

  
  .InfoBanner .PcBanner .BannerText h1 {
    font-size: 24px;
  }

  .InfoBanner .PcBanner .BannerText p {
    font-size: 18px;
    margin-top: 10px;
  }

  .InfoTitle h1 {
    font-size: 24px;
    padding-left: 10px;
  }

  .AboutBox1 .left .title h1 {
    font-size: 20px;
  }

  .AboutBox1 .left .title p {
    font-size: 12px;
  }

  .AboutBox1 .left .text p {
    font-size: 14px;
  }

  .AboutBox3 .right .title h1 {
    font-size: 20px;
  }

  .AboutBox3 .right .title p {
    font-size: 18px;
  }

  .AboutBox3 .right .text p {
    font-size: 16px;
  }

  .AboutBox3 .right .IconItem .item+.item {
    margin-left: 0;
  }

  .AboutBox3 .right .IconItem {
    display: flex;
    justify-content: space-between;
  }

  .AboutBox3 .right .IconItem {
    margin-top: 20px;
  }

  .AboutBox3 .left {
    width: 100%;
  }

  .AboutBox1 .AboutCont .right {
    width: 100%;
  }

  .AboutBox2 .HonorSwiper {
    margin-top: 20px;
  }

  .AboutBox3 .Mcontent {
    margin-top: 20px;
  }

  
  .JoinUsBox1 .joinList .item {
    width: 100%;
  }

  .JoinUsBox1 .joinList .Mcontent {
    display: block;
  }




  .JoinUsBox2 .joinCont .title .item:nth-of-type(6),
  .JoinUsBox2 .listItem .item:nth-of-type(6) {
    display: none;
  }

  .JoinUsBox2 .joinCont .title .item:nth-of-type(1),
  .JoinUsBox2 .listItem .item:nth-of-type(1) {
    width: 70% !important;
  }

  .JoinUsBox2 .joinCont .title .item:nth-of-type(4),
  .JoinUsBox2 .listItem .item:nth-of-type(4) {
    width: 30% !important;
  }

  .JoinUsBox2 .joinCont .title .item:nth-of-type(5),
  .JoinUsBox2 .listItem .item:nth-of-type(5) {
    width: 30% !important;
    display: none;
  }

  .JoinUsBox1 .joinList .contact h1 {
    font-size: 18px;
  }

  .JoinUsBox1 .joinList .text p {
    font-size: 14px;
  }

  .JoinUsBox1 .joinList .text {
    height: auto;
    margin-top: 10px;
  }

  .JoinUsBox1 .joinList .item .icon {
    margin-bottom: 15px;
  }

  .JoinUsBox1 .joinMap .title h1 {
    font-size: 24px;
  }

  .JoinUsBox1 .joinMap {
    margin-top: 20px;
  }

  .JoinUsBox1 .joinMap .map {
    margin-top: 15px;
    height: 240px;
  }

  
  .NewsBox1 .item .imageBox {
    width: 100%;
  }

  .NewsBox1 .item .title {
    width: 100%;
    padding-left: 0;
    padding-top: 15px;
    padding-bottom: 20px;
  }

  .NewsBox1 .item+.item {
    margin-top: 15px;
  }

  .NewsBox1 .item .title .date p {
    font-size: 14px;
  }

  .NewsBox1 .item .title .date h1 {
    font-size: 28px;
  }

  .NewsBox1 .item .title .date p {
    margin-top: 10px;
  }

  .NewsBox1 .NewstCont .more .Mcontent {
    margin-top: 10px;
  }

  .NewsBox2 .NewstCont .item {
    width: 100%;
  }

  .NewsBox2 .NewstCont .Mcontent {
    margin-left: 0;
    margin-right: 0;
  }

  .NewsBox2 .NewstCont .item a {
    padding: 0;
  }

  .NewsBox2 .NewstCont .item .titleCont .title p {
    font-size: 14px;
    height: 42px;
  }


  .newCont {
    width: 100%;
    padding: 0 10px;
  }

  .NewsDetail {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .NewsDetail .newPage {
    margin-top: 15px;
  }

  .NewsDetail .pageItem+.pageItem {
    margin-top: 10px;
  }

  .NewsDetail .title>h1 {
    font-size: 18px;
    text-align: left;
  }

  .NewsDetail .title .date {
    display: block;
    font-size: 14px;
  }

  .NewsDetail .title .date p+p {
    margin-left: 0;
    margin-top: 5px;
  }

  

  .BigDataBox1 .left p {
    font-size: 14px;
  }

  .BigDataBox3 .Mcontent {
    padding: 0 10px;
  }

  .BigDataBox4 .Mcontent {
    padding: 0 10px;
  }
}


@media (max-width: 550px) {
  .Index .IndexTitle h1 {
    font-size: 24px;
  }

  .Index .AboutCont .ablutIconList .iconItem h1 {
    font-size: 14px;
  }

  .Index .AboutCont .aboutRight .title h1 {
    font-size: 18px;
  }

  .Index .NewstCont .newsList .title>h1 {
    font-size: 20px;
  }

  .Index .IndexPartner .title {
    font-size: 24px;
  }

  footer .footerIcp p {
    text-align: center;
  }

  .Index .NewstCont .newsList .title .date p {
    margin-top: 10px;
    margin-bottom: 15px;
  }

  .Index .IndexPartner .partnerSwiper {
    margin-top: 10px;
  }

  .Index .AboutCont .aboutRight .more {
    margin-top: 15px;
  }

  .Index .NewstCont .NewsRight .item .date p {
    font-size: 12px;
  }

  .Index .NewstCont .NewsRight .item .date h1 {
    font-size: 28px;
  }

  .Index .NewstCont .NewsRight .item .date {
    width: 60px;
  }

  .Index .NewstCont .NewsRight .item .title {
    width: calc(100% - 60px);
  }

  .Index .NewstCont .NewsRight .item .title h1 {
    font-size: 16px;
  }

  .NewsBox2 .NewstCont .item .titleCont .date {
    width: 70px;
  }

  .NewsBox2 .NewstCont .item .titleCont .date p {
    font-size: 16px;
  }

  .NewsBox2 .NewstCont .item .titleCont .title {
    width: calc(100% - 70px);
  }

  .NewsBox2 .NewstCont .item {
    margin: 0;
  }
}