/**/
@media screen and (min-width: 1921px) and (max-width: 4000px) {
  html {
    font-size: 100px;
  }
}
@media screen and (min-width: 1441px) and (max-width: 1600px) {
  html {
    font-size: 90px;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1440px) {
  html {
    font-size: 80px;
  }
}
@media screen and (min-width: 981px) and (max-width: 1200px) {
  html {
    font-size: 70px;
  }
}
@media screen and (min-width: 769px) and (max-width: 980px) {
  .header .nav {
    display: none;
  }

  .container {
    width: 100%;
    padding: 0 15px;
    max-width: 100%;
  }

  .hidden-xs {
    display: none;
  }
  .visible-xs {
    display: block;
  }
}

/**/
@media (max-width: 768px) {
  .m_nav {
    position: absolute;
    right: 0.15rem;
    top: 0.18rem;
    width: 25px;
    z-index: 99;
  }
  .m_nav i {
    display: block;
    height: 2px;
    background: #fff;
    margin-bottom: 6px;
  }
  .cross i:nth-of-type(1) {
    -webkit-transform: translateY(8px) rotate(-45deg);
    -ms-transform: translateY(8px) rotate(-45deg);
    transform: translateY(8px) rotate(-45deg);
  }
  .cross i:nth-of-type(2) {
    opacity: 0;
  }
  .cross i:nth-of-type(3) {
    -webkit-transform: translateY(-8px) rotate(45deg);
    -ms-transform: translateY(-8px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg);
  }
  .container {
    width: 100%;
    padding: 0 15px;
    max-width: 100%;
  }
  .header {
    padding: 0 0.15rem;
  }
  .header .flex {
    padding: 0.13rem 0;
  }
  .header .logo {
    width: 1.8rem;
    height: 0.25rem;
  }
  .hidden-xs,
  .header .nav,
  .header .Language {
    display: none;
  }
  .visible-xs {
    display: block;
  }

  /**/
  .homepage .two .bd,
  .footer .bd .flex,
  .footer .hd .flex,
  .footer .bd ul,
  .footer .ft .flex,
  .homepage .three .bd,
  .homepage .one .bd .flex {
    display: block;
  }

  .homepage .banner img {
    height: 75vh;
  }
  .homepage .banner h3 {
    font-size: 0.26rem;
  }
  .homepage .one .bd ul li {
    width: 100%;
  }
  .homepage .banner .btn {
    font-size: 0.14rem;
    width: 1.2rem;
    height: 0.4rem;
    margin-top: 0.2rem;
  }
  .homepage .one,
  .homepage .two,
  .homepage .three,
  .homepage .four {
    padding: 0.4rem 0;
  }
  .homepage .title dd img {
    height: 0.3rem;
  }
  .homepage .title dt {
    font-size: 0.3rem;
    line-height: 0.3rem;
    margin-bottom: -0.1rem;
  }
  .homepage .title .more {
    font-size: 0.14rem;
    width: 0.8rem;
    height: 0.36rem;
  }
  .homepage .one .bd .side {
    width: 100%;
    margin: 0.15rem 0 0 0;
  }
  .homepage .one .bd .box {
    padding: 0.15rem;
  }
  .homepage .one .bd h4 {
    line-height: 0.24rem;
    font-size: 0.16rem;
  }
  .homepage .one .bd .side h4 {
    margin: 0.15rem 0;
  }
  .homepage {
    font-size: 0.14rem;
  }
  .homepage .one .bd p {
    line-height: 0.24rem;
    margin: 0.15rem 0;
  }
  .homepage .one .bd dl dd,
  .homepage .lists h4 {
    font-size: 0.16rem;
  }
  .homepage .one .bd dl {
    left: 0.15rem;
    bottom: 0.15rem;
    right: 0.15rem;
  }
  .homepage .one .bd .pic img {
    height: 2.6rem;
  }
  .homepage .one .bd,
  .homepage .two .bd,
  .homepage .three .bd {
    margin-top: 0.2rem;
  }
  .homepage .two .bd .flex_item {
    margin: 0 0 0.2rem 0;
    padding: 0 0.15rem;
  }
  .homepage .two .bd .flex_item li {
    padding: 0.15rem 0;
  }
  .homepage .lists h4 {
    line-height: 0.24rem;
  }
  .homepage .two .side {
    width: 100%;
    padding: 0.25rem 0.15rem;
  }
  .homepage .two .side p {
    margin: 0.2rem 0;
  }
  .homepage .three .bd {
    padding: 0.15rem;
  }
  .homepage .three .pic {
    width: 100%;
    margin: 0;
  }
  .homepage .three .bd dl {
    left: 0.15rem;
    right: 0.15rem;
    bottom: 0.15rem;
  }
  .homepage .three .bd dl dd {
    font-size: 0.16rem;
    margin-top: 0.05rem;
  }
  .homepage .four .hd {
    font-size: 0.14rem;
    margin-top: 0.2rem;
    height: 0.5rem;
  }
  .homepage .four .bd {
    margin-top: 0.2rem;
    font-size: 0.14rem;
  }
  .homepage .four .bd .swiper-slide {
    width: 100%;
  }
  .homepage .four .bd dl {
    padding: 0.15rem;
  }
  .homepage .four .bd .swiper-button-prev {
    left: 0.15rem;
  }
  .homepage .four .bd .swiper-button-next {
    right: 0.15rem;
  }
  .homepage .four .bd .swiper-button-next,
  .homepage .four .bd .swiper-button-prev {
    width: 0.3rem;
    height: 0.3rem;
  }
  .footer .side {
    width: 100%;
    padding: 0.2rem 0;
    margin: 0;
    border: none;
    text-align: center;
    height: auto !important;
  }
  .footer .hd .side img {
    width: 60%;
  }
  .footer .hd .search {
    width: 100%;
    margin-top: 0.15rem;
  }
  .footer .hd .select {
    width: 48%;
    margin: 0;
  }
  .footer .hd .flex_item {
    justify-content: space-between;
  }
  .footer .bd .side {
    text-align: left;
  }
  .footer,
  .footer .hd .select select,
  .footer .hd .search input,
  .footer .bd ul dt {
    font-size: 0.14rem;
  }
  .footer .bd .more {
    width: 100%;
    margin: 0.15rem 0 0;
  }
  .footer .bd ul li {
    display: flex;
    align-items: center;
    padding-bottom: 0.15rem;
  }
  .footer .bd ul span {
    margin: 0 0.15rem 0 0;
  }
  .footer .bd ul dd b {
    font-size: 0.18rem;
  }
  .footer .ft .flex {
    text-align: center;
    padding: 0.1rem 0;
    font-size: 0.12rem;
    height: auto;
  }
  .footer .ft .share {
    margin-top: 0.1rem;
  }
  /**/
  .banner_info .bd {
    font-size: 0.26rem;
  }
  .banner_info img {
    height: 2.6rem;
  }
  .bread ol li + li {
    margin-left: 0.15rem;
  }
  .aboutus,
  .bread {
    font-size: 0.14rem;
  }
  .aboutus {
    padding-bottom: 0.4rem;
  }
  .bread {
    display: block;
    height: auto;
  }
  .bread ul {
    display: none;
  }

  .bread ol {
    text-align: center;
    padding: 0.15rem 0;
    white-space: nowrap;
    overflow-x: auto;
  }
  .bread ol li {
    display: inline-block;
    vertical-align: middle;
  }
  .aboutus .one {
    padding: 0.3rem 0;
    display: block;
  }
  .aboutus .one .title {
    font-size: 0.24rem;
    padding-bottom: 0.2rem;
  }
  .aboutus .one .hd p {
    line-height: 0.24rem;
  }
  .aboutus .one ul {
    padding: 0;
  }
  .aboutus .one li {
    padding: 0.15rem 0;
  }
  .aboutus .one li span {
    font-size: 0.3rem;
  }
  .aboutus .one .pic {
    width: 100%;
    margin: 0;
  }
  .aboutus .one li img {
    width: 0.3rem;
  }
  .aboutus .two ul li {
    width: 50%;
    padding: 0.15rem;
  }
  .aboutus .two {
    font-size: 0.14rem;
    line-height: 0.24rem;
  }
  .aboutus .two ul li dt {
    min-height: 0.8rem;
  }
  .aboutus .two ul li img {
    margin-top: 0.2rem;
  }
  .aboutus .two ul li:first-child,
  .aboutus .two ul li:nth-child(2) {
    border-bottom: 1px solid #eee;
  }
  /**/
  .company {
    font-size: 0.14rem;
    padding: 0.4rem 0;
  }
  .company .one .flex {
    display: block;
    padding: 0.15rem;
  }
  .company .one .tabtitle li {
    margin: 0.1rem 0.15rem 0 0;
  }
  .company .two {
    margin-top: 0.2rem;
  }
  .company .two .bd ul {
    margin: -0.1rem 0;
  }
  .company .two .bd ul li {
    width: 100%;
    padding: 0.1rem 0;
  }
  .company .two .bd ul dl {
    padding: 0.15rem;
  }
  .company .two .bd ul dl dt {
    font-size: 0.16rem;
  }
  .pages {
    margin-top: 0.3rem;
    font-size: 0.14rem;
  }
  .pages a {
    margin: 0 0.05rem;
    width: 0.3rem;
    height: 0.3rem;
  }
  .contentus {
    font-size: 0.14rem;
    padding: 0.4rem 0;
  }
  .contentus .bd {
    display: block;
    padding: 0.15rem;
  }
  .contentus .bd h2 {
    font-size: 0.2rem;
  }
  .contentus .bd ul {
    margin: 0.1rem 0 0.2rem;
    line-height: 0.24rem;
  }
  .contentus .bd .code {
    margin-right: 0.2rem;
  }
  .contentus .bd .code img {
    width: 0.7rem;
  }
  .contentus .bd .code .img {
    padding: 0.05rem;
    margin-right: 0.1rem;
  }
  .contentus .bd h3 {
    font-size: 0.18rem;
    margin: 0.2rem 0 0.15rem;
  }
  .contentus .bd .btn {
    width: 100%;
    font-size: 0.14rem;
  }
  .contentus .bd .box textarea {
    padding: 0.15rem;
  }
  .contentus .bd .box .input {
    padding-left: 0.15rem;
  }
  #allmap {
    height: 3rem;
  }
  .news,
  .honor {
    font-size: 0.14rem;
    padding: 0.4rem 0;
  }
  .honor .swiper{
      height: auto;
  }
  .news .bd ul {
    margin: -0.1rem 0;
  }
  .news .bd ul li {
    width: 100%;
    padding: 0.1rem 0;
  }
  .news .bd ul li a .in {
    padding: 0.15rem;
  }
  .news .bd ul li a h4,
  .joinus .hd .flex {
    font-size: 0.16rem;
  }
  .news .bd ul li a p {
    margin: 0.15rem 0;
    line-height: 0.24rem;
    height: 0.48rem;
  }
  .honor .bd {
    padding: 0;
  }
  .honor .ft {
    margin-top: 0.2rem;
  }
  .honor .bd .box h3 {
    font-size: 0.18rem;
  }
  .joinus {
    font-size: 0.14rem;
    padding: 0.4rem 0;
  }
  .joinus .flex {
    font-size: 0.14rem;
    height: 0.5rem;
  }
  .joinus .flex .side {
    width: 0.9rem;
  }
  .joinus .bd dd {
    line-height: 0.24rem;
    padding: 0.1rem 0.15rem;
  }
  .joinus .bd ul {
    padding: 0.1rem 0;
  }
  /**/
  .news_hd,
  .newsitem {
    font-size: 0.14rem;
    padding: 0.4rem 0;
  }
  .news_hd .flex {
    display: block;
  }
  .news_hd .flex .bd {
    padding: 0.15rem;
  }
  .news_hd .flex h4 {
    font-size: 0.16rem;
  }
  .news_hd p,
  .news_hd .flex p {
    line-height: 0.22rem;
    margin: 0.15rem 0;
  }
  .newsitem .info {
    display: block;
  }
  .newsitem .info .box {
    padding: 0.2rem 0.15rem;
  }
  .newsitem .info .hd h1 {
    font-size: 0.22rem;
  }
  .newsitem .info .hd p {
    padding: 0.15rem 0;
  }
  .newsitem .info .bd {
    padding: 0.2rem 0;
    line-height: 0.24rem;
  }
  .newsitem .info .ft {
    font-size: 0.14rem;
    padding: 0;
    display: block;
  }
  .newsitem .info .ft .next {
    text-align: left;
  }
  .newsitem .info .ft .flex_item {
    padding-bottom: 0.1rem;
  }
  .newsitem .info .side {
    width: 100%;
    margin: 0.2rem 0 0;
    padding: 0.15rem;
  }
  .newsitem .info .ft .back {
    width: 100%;
  }
  .newsitem .info .side .title {
    font-size: 0.18rem;
  }
  /**/
  .notice {
    font-size: 0.14rem;
    padding: 0.4rem 0;
  }
  .notice .bd ul {
    margin: -0.1rem 0;
  }
  .notice .bd ul li {
    width: 100%;
    padding: 0.1rem 0;
  }
  .notice .bd ul li a {
    padding: 0.15rem;
  }
  .notice .bd ul li dl {
    margin-left: 0.15rem;
    padding-left: 0.15rem;
    font-size: 0.14rem;
    width: 0.6rem;
  }
  .notice .bd ul li h4 {
    font-size: 0.16rem;
  }
  .projectitem,
  .projectitem .one .ft {
    font-size: 0.14rem;
  }
  .projectitem .one,
  .projectitem .two {
    padding: 0.3rem 0;
  }
  .projectitem .one .flex {
    display: block;
  }
  .projectitem .one .bd {
    padding: 0.15rem;
  }
  .projectitem .one .pic {
    width: 100%;
  }
  .projectitem .one .bd p {
    height: auto;
    margin: 0.1rem 0;
    line-height: 0.24rem;
  }
  .projectitem .one .bd h3,
  .projectitem .two .title {
    font-size: 0.18rem;
  }
  .projectitem .two .info {
    display: block;
  }
  .projectitem .two .bd {
    padding: 0.15rem 0;
  }
  .projectitem .two .side {
    width: 100%;
    margin: 0.2rem 0 0;
  }
  .projectitem .two .side li {
    margin-top: 0.15rem;
    font-size: 0.14rem;
    line-height: 0.4rem;
  }
  .videonews {
    font-size: 0.14rem;
    padding: 0.3rem 0;
  }
  .videonews .bd ul {
    margin: -0.1rem 0;
  }
  .videonews .bd ul li {
    padding: 0.1rem 0;
    line-height: 0.5rem;
    width: 100%;
  }
  .zuzhi {
    font-size: 0.14rem;
  }
  .zuzhi .bd {
    padding: 0.3rem 0;
  }
  .zuzhi .bd h2 {
    font-size: 0.2rem;
  }
  .zuzhi .bd p {
    width: 100%;
    margin: 0.15rem 0;
    line-height: 0.24rem;
  }
  .projectitem .one .pic img {
    height: 2rem;
  }
  .modal-body .close {
    right: 0;
    bottom: 100%;
    font-size: 0.32rem;
    top: auto;
  }
  .footer .bd {
    border: none;
  }
  .modal-body{
    
    max-height: 5.4rem;
    max-width: 9.6rem;
}
}